/*background: #BDC3B9;
background: #80D8FC;
rgb(69,103,137)*/
* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	}
body{
	background-color: #4d77cb;
	}
h2 {
	text-decoration: underline;
	}
a {
	text-decoration: none;
}
a:link, a:visited {
	color: #000080;
}
a, a:visited, a:focus, a:active, a:hover{
	outline:0 none !important;
}
/*header container*/
.michaellogocontainer {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000000;
	background-size: cover;
	width: 100%;
	overflow: hidden;
	position: relative;
}
/*full logo*/
.fulllogotransparent {
	height: 18em;
	animation: fulllogotransparent 4s ease 1 2s;
	animation-fill-mode: forwards;
}
@keyframes fulllogotransparent {
	from {transform: translateY(0%);}
	to {transform: translateY(-200%);}
}
/*h3 for logo*/
.michaellogocontainer > h3 {
	text-align: center;
	width: 50%;
	color: rgba(0,100,200,1);
	position: absolute;
	left: 100%;
	top: 0%;
	animation: michaelphotogallery 2s 1 linear 3s;
	animation-fill-mode: forwards;
	transition: opacity 0.5s ease-in-out;
}
@keyframes michaelphotogallery {
	from {transform: translate3d(0,0,0);}
	to {transform: translate3d(-150%,0,0);}
}
.michaellogocontainer > h3.menuopen {
	opacity: 0;
}
/*vertical navigation menu container*/
.vnavcontainer {
	position: absolute;
	top: 0em;
	left: 0em;
	z-index: 2;
}
/*Nav Element*/
.vnavmenu {
	background: rgba(0,100,200,0.4);
	width: 11.25em;
	padding: 0.625em;
	transform: translate3d(-12.5em,0em,0em);
	transition: transform 0.3s ease;
	height: 100%;
}
.vnavmenu.menuopen {
	transform: translate3d(0em,0em,0em);
	transition: transform 0.3s ease;
	overflow: scroll;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
}
.vnavmenu.menuopen::-webkit-scrollbar {
	display: none;
}
.vnavmenu.menuopen {
	scrollbar-width: none;
}

/*Open and Close button*/
.toggle {
	display: block;
	width: 11.25em;
	padding: 0em 0em 0.625em 0.625em;
}
.toggle::before {
	content: "Menu";
	color: #ffffff;
}
.toggle.menuopen {
	background: rgba(0,100,200,0.4);
	padding: 0.625em 0em 0.625em 0.625em;
}
.toggle.menuopen::before {
	content: "Close";
}
/*all li*/
.vnavmenu ul li {
	text-align: center;
	list-style: none;
}
/*only liheaders = michael and thatscoolcol*/
.liheaders {
	background: #666;
	background: linear-gradient(#a6a6a6, #9a9a9a, #8d8d8d, #808080, #737373, #676767);
	border-radius: 0.1875em;
	box-shadow: inset 0em 0em 0em 0.0625em #a7a7a7;
	margin-bottom: 0.0625em;
}
.liheaders:active {
	background: #737373;
}
/*liheaders not the menu and close*/
.vnavmenu ul:not(:first-child) {
	background: darkgrey;
	display: none;
	border-bottom: #000080 solid 0.0625em;
}
/*michael and thatscoolcool with added js class*/
.liheaders.submenuopen .vnavtccsubmenu, .liheaders.submenuopen .vnavmichaelsubmenu {
	display: block;
}
/*michael and thatscoolcool names*/
.liheaders > a {
	text-shadow: 0em 0.125em 0em rgba(0,0,0,0.4);
	font: 1.2rem Arial, sans-serif;
}
/*li for submenu*/
.vnavmenu ul li ul li {
	border-bottom: #000080 solid 0.0625em;
}
/*all li last childs*/
.vnavmenu ul li :last-child {
	border-bottom: none;
}
/*all links*/
.vnavmenu ul li a {
	display: block;
	padding: 1.2em 0.625em;
}
/*Active submenu*/
.vnavmichaelsubmenu a.active {
	background: #666;
	background: linear-gradient(#666, #555);
	border: solid 0.0625em #777;
}
/*Added*/
#mask {
	position: fixed; /* important */
	top: 0px; /* start from top */
	left: 0px; /* start from left */
	height: 100vh; /* cover the whole page */
	width: 100%;  /* cover the whole page */
	display: none; /* don't show it '*/
	/* styling bellow */
	background: rgba(0,0,0,0.9);
	z-index: 999;
}
.modalwindow {
	position: absolute; /* important so we can position it on center later */
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	display: none; /* don't show it */
	/* styling bellow */
	width: 98%;
	z-index: 1000;
	border: rgba(255,255,255,0.6) solid;
}
/* style a specific modal window
#family{
	padding: 50px;
	border: 1px solid gray;
	background: #246493;
	color: black;
}
#friends{
	padding: 50px;
	border: 1px solid gray;
	background: #246493;
	color: black;
}*/
/*.overlay {
	background: rgba(0,0,0,0.75);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	z-index: 1000;
	width: 98%;
	display: none;
}*/
.modalwindow h2 {
	text-align: center;
	color: rgb(125, 125, 125);
	text-decoration: none;
	padding: 10px 10px 0px 10px;
}
.modalwindow ul {
	display: flex;
	flex-flow: row wrap;
	align-items: space-around;
	justify-content: space-around;
	margin: 10px;
}
.modalwindow li {
	flex: 1 45%;
	margin: 10px;
	list-style: none;
	border: #FFFFFF solid 1px;
}
.modalwindow li:active {
	opacity: 0.4;
}
.modalwindow li:hover img {
	transform: scale(1.1,1.1);
}
.modalwindow li:hover a {
	color: #F5F5EC;
}
.modalwindow li a {
	display: inline-flex;
	align-items: center;
	padding: 10px;
	color: #FFFFFF;
}
.modalwindow img {
	max-width: 100px;
	max-height: 100px;
	margin-right: 10px;
}
.menudescription {
	border: rgb(100, 100, 100) solid 1px;
	padding: 10px;
}
.menudescription h3 {
	color: rgb(52, 122, 222);
	font-weight: bold;
	font-style: italic;
}
.close {
	position: absolute;
	top: 0.3125em;
	right: 0.3125em;
	padding: 0.3125em 0.625em;
	font-weight: bold;
	font-size: 16px;
	border: 1px solid black;
	background: #C3C3C3;
	cursor: pointer;
	opacity: 0.4;
}
.close:hover {
	opacity: 0.9;
}
.close:active {
	color: #F5F5F5;
	opacity: 0.75;
}
/*Until Here*/
/*Michales Photo Gallery Page
/*all figures on hover*/
.containerframegallery figure {
	animation: containerframegallery 3s ease-in-out;
	padding: 0.25em;
}
@keyframes containerframegallery {
	from {opacity: 0;}
	to {opacity: 1;}
}
.containerframegallery figure:hover {
	transform: scale(1.075);
	transition: transform 0.3s ease-in-out;
}
/*michaels info*/
.containerframegallery figure:first-child {
	background: #FFFFFF;
	border: black solid 0.15625em;
	box-shadow: inset 0em 0em 0.0625em 0.0625em grey, inset 0em 0em 0.15625em 0.3125em rgba(0,0,0,0.8);
	text-align: center;
	width: 10.9375em;
}
.containerframegallery figure:first-child p {
	font-size: 0.75rem;
}
.containerframegallery figure:first-child > div {
	border: black solid 0.0625em;
	background: url("../family/michaels/photogallery/michaelsinfo/coverphoto/michaelsinfo.svg") no-repeat center;
	background-size: cover;
	padding: 0.15625em;
}
/*pre-birth*/
.containerframegallery img:first-child {
	background: #FFFFFF;
	margin-left: 0.3125em;
}
/*3D ultrasound
.containerframegallery figure:nth-of-type(3) {
	max-width: 100%;
	height: 6em;
	background: #000000;
	border: #ffa500 double;
}*/
.containerframegallery figure:nth-of-type(3) img {
	max-width: 100%;
	max-height: 100%;
}
/*michaels baby shower*/
.containerframegallery figure:nth-of-type(4) img {
	border-radius: 1.09375em;
	border: #000000 solid;
}
/*michaels birth, 1year 1month*/
.containerframegallery figure:nth-of-type(5) img, .containerframegallery figure:nth-of-type(20) img {
	background: #87CEEB;
}
/*0months*/
.containerframegallery figure:nth-of-type(6) img {
	background: #c7d7b3;
}
/*1months*/
.containerframegallery figure:nth-of-type(7) img {
	background: #0a233a;
}
/*2months*/
.containerframegallery figure:nth-of-type(8) img {
	background: rgba(224,90,31,0.9);
}
/*3months*/
.containerframegallery figure:nth-of-type(9) img {
	padding: 0.25em;
	background: rgb(204,0,0);
	border: black solid 0.125em;
	box-shadow: inset 0em 0em 0.0625em 0.0625em rgb(153,0,0), inset 0em 0em 0.125em 0.25em rgba(0,0,0,0.5);
}
/*5months*/
.containerframegallery figure:nth-of-type(11) img {
	background: rgba(224,90,31,0.9);
}
/*6months*/
.containerframegallery figure:nth-of-type(12) img {
	border: #A08A7F solid 0.25em;
}
/*7months*/
.containerframegallery figure:nth-of-type(13) img {
	width: 100%;
}
/*8months*/
.containerframegallery figure:nth-of-type(14) img {
	border-radius: 1.875em/0.625em;
	padding: 0.0625em;
	background: #FFFFFF;
	border: black solid 0.25em;
	box-shadow: inset 0em 0em 0.0625em 0.0625em grey, inset 0em 0em 0.0625em 0.0625em rgba(0,0,0,0.4);
}
/*9months*/
.containerframegallery figure:nth-of-type(15) img {
	border-radius: 0.625em/1.875em;
	padding: 0.0625em;
	background: #FFFFFF;
	border: #000080 solid 0.25em;
}
/*10months*/
.containerframegallery figure:nth-of-type(16) img {
	background: #573B0C;
}
/*11months*/
.containerframegallery figure:nth-of-type(17) img {
	padding: 0.25em;
	background: #000000;
	border: black solid 0.1875em;
	box-shadow: inset 0em 0em 0.0625em 0.0625em rgba(128,128,128,0.2), inset 0em 0em 0.0625em 0.125em rgba(128,128,128,0.4), inset 0em 0em 0.09375em 0.1875em rgba(128,128,128,0.6), inset 0em 0em 0.125em 0.25em rgba(128,128,128,0.8), inset 0em 0em 0.15625em 0.3125em rgba(0,0,0,0.8);
}
/*1year 2month*/
.containerframegallery figure:nth-of-type(21) img {
	background: #c2b280;
}
/*1year 3month*/
.containerframegallery figure:nth-of-type(22) img {
	background: #3987c9;
}
/*1year 4month*/
.containerframegallery figure:nth-of-type(23) img {
	width: 100%;
}
/*1year 5month*/
.containerframegallery figure:nth-of-type(24) img {
	background: #c8bb9e;
}
/*1year 6month*/
.containerframegallery figure:nth-of-type(25) img {
	background: #1B5435;
}
/*1year 7months*/
.containerframegallery figure:nth-of-type(26) img {
	background: rgb(155,118,83);
}
/*1year 8months*/
.containerframegallery figure:nth-of-type(27) img {
	background: #b3b3b3;
}
/*1year 9months*/
.containerframegallery figure:nth-of-type(28) img {
	background: #4B6547;
}
/*1year 10months*/
.containerframegallery figure:nth-of-type(29) img {
	background: #000000;
}
/*1year 11months*/
.containerframegallery figure:nth-of-type(30) img {
	background: #78412A;
}
/*2nd Birthday*/
.containerframegallery figure:nth-of-type(31) img {
	background: #FFFD9F;
}
/*2 Years*/
.containerframegallery figure:nth-of-type(32) img {
	background: #cacad9;
}
/*2 Years 2 Month*/
.containerframegallery figure:nth-of-type(34) img {
	background: #cacad9;
}
/*2 Years 3 Month*/
.containerframegallery figure:nth-of-type(35) img {
	background: #c8bb9e;
}
/*2 Years 4 Month*/
.containerframegallery figure:nth-of-type(36) img {
	background: #000000;
}
/*2 Years 5 Month*/
.containerframegallery figure:nth-of-type(37) img {
	background: #dcd9cd;
}
/*2 Years 6 Month*/
.containerframegallery figure:nth-of-type(38) img {
	background: #E5D8CA;
}
/*2 Years 7 Month*/
.containerframegallery figure:nth-of-type(39) img {
	background: #CAB161;
}
/*2 Years 8 Month*/
.containerframegallery figure:nth-of-type(40) img {
	background: #000000;
}
/*2 Years 9 Month*/
.containerframegallery figure:nth-of-type(41) img {
	background: #000000;
}
/*2 Years 10 Month*/
.containerframegallery figure:nth-of-type(42) img {
	background: #000000;
}
/*2 Years 11 Month*/
.containerframegallery figure:nth-of-type(43) img {
	background: #343338;
}
/*3rd Birthday*/
.containerframegallery figure:nth-of-type(44) img {
	background: rgb(121,76,19);
}
/*3 Years*/
.containerframegallery figure:nth-of-type(45) img {
	background: #ABA79C;
}
/*3 Years 1 Month*/
.containerframegallery figure:nth-of-type(46) img {
	background: #358DBD;
}
/*3 Years 2 Months*/
.containerframegallery figure:nth-of-type(47) img {
	background: rgba(126,192,238,1);
}
/*3 Years 3 Months*/
.containerframegallery figure:nth-of-type(48) img {
	background: #abd5c0;
}
/*3 Years 5 Months*/
.containerframegallery figure:nth-of-type(50) img {
	background: #d3c4b1;
}
/*3 Years 6 Months*/
.containerframegallery figure:nth-of-type(51) img {
	background: #a8b6bf;
}
/*3 Years 7 Months*/
.containerframegallery figure:nth-of-type(52) img {
	background: #d3c4b1;
}
/*3 Years 8 Months*/
.containerframegallery figure:nth-of-type(53) img {
	background: #b49b87;
}
/*3 Years 11 Months*/
.containerframegallery figure:nth-of-type(56) img {
	border: black 0.625em double;
	background-color: #fadf5c;
}
/*4th Birthday*/
.containerframegallery figure:nth-of-type(57) img {
	border: black 0.3125em solid;
	background-color: #fadf5c;
}
/*4 Years 3 Months*/
.containerframegallery figure:nth-of-type(61) img {
	background-color: #989898;
}
/*4 Years 6 Months*/
.containerframegallery figure:nth-of-type(64) img {
		border: red 0.15625em solid;
}
/*4 Years 7 Months*/
.containerframegallery figure:nth-of-type(65) img {
		border: #cfc9be 0.15625em solid;
}
/*4 Years 8 Months*/
.containerframegallery figure:nth-of-type(66) img {
	background-color: #BFC3CE;
}
/*4 Years 9 Months*/
.containerframegallery figure:nth-of-type(67) img {
	background-color: #d6e4ed;
}
/*5 Years 2 Months*/
.containerframegallery figure:nth-of-type(73) img {
	border: #000000 0.15625em solid;
}
/*5 Years 3 Months*/
.containerframegallery figure:nth-of-type(74) img {
	border: #ce4444 0.15625em solid;
}
/*5 Years 7 Months*/
.containerframegallery figure:nth-of-type(78) img {
	border: #87ceeb 0.15625em solid;
}
/*5 Years 8 Months*/
.containerframegallery figure:nth-of-type(79) img {
	border: #5f2011 0.3125em solid;
	padding: 0.234375em;
	background-color: #fadf5c;
}
/*6 Years*/
.containerframegallery figure:nth-of-type(84) img {
	border: #2c6475 0.5em solid;
	padding: 0.3125em;
	background-color:#4d839b;
}
/*6 Years 1 Month*/
.containerframegallery figure:nth-of-type(85) img {
	border:  #c54245 0.5em solid;
	padding: 0.3125em;
	background-color: #00873E;
}
/*6 Years 2 Months*/
.containerframegallery figure:nth-of-type(86) img {
	border: #145833 0.5em solid;
	padding: 0.3125em;
	background-color: #bbb5b5;
}
/*6 Years 3 Months*/
.containerframegallery figure:nth-of-type(87) img {
	border:   #7f3e3f 0.5em solid;
	padding: 0.3125em;
	background-color: #cd858a;
}
/*6 Years 4 Months*/
.containerframegallery figure:nth-of-type(88) img {
	border:  black 0.7em solid;
	padding: 0.3125em;
	background-color: #3e2777;
}
/*6 Years 5 Months*/
.containerframegallery figure:nth-of-type(89) img {
	border:    #fdf68a 0.7em solid;
	padding: 0.3125em;
	background-color: #f16038;
}
/*6 Years 7 Months*/
.containerframegallery figure:nth-of-type(91) img {
	border: #fef120 0.7em solid;
	padding: 0.3125em;
	background-color: #b88545;
}
/*Michaels Mishaps*/
.containerframegallery figure:nth-of-type(132) img {
	background: #BFC3CE;
}
.mainfooter {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	background-color: grey;
	border: 0.0625em solid #000000;
	border-radius: 0.3125em 0.3125em 0em 0em;
	width: 100%;
	padding: 0.625em 0em;
	margin: 0% auto 0% auto;
	position: relative;
}
.linkedin {
	margin: 0.5625em 0em;
}
.share-buttons {
	display: inline-flex;
	flex: column nowrap;
	list-style: none;
	margin: 0em 0.9375em;
}
.share-buttons img {
	margin: 0.625em 1em;
	width: 2em;
	height: 2em;
}
.copyright {
	position: absolute;
	bottom: 1%;
	left: 1%;
	font-size: 0.5018750050188rem;
}
.copyright a:hover, .copyright a:active {
	background-color: lightgrey;
}
.credits {
	position: absolute;
	bottom: 1%;
	right: 1%;
	font-size: 0.5018750050188rem;
}
.credits a:hover, .credits a:active {
	background-color: lightgrey;
}
@media only screen and (min-width : 1024px)
{
	.vnavmenu ul li:hover:not(.liheaders) {
		background: lightgrey;
	}
	.liheaders {
		margin-bottom: 0px;
	}
	.liheaders:hover {
		background: #808080;
	}
	.liheaders:hover .vnavmichaelsubmenu, .liheaders:hover .vnavtccsubmenu {
		display: block;
	}
}
@media only screen and (max-width : 679px)
{
	/*Added start here*/
	.modalwindow {
		top: 0;
		left: 0;
		transform: translate3d(0,0,0);
		width: 100%;
	}
	.modalwindow li {
		flex: 1 100%;
	}
	/*Added end here*/
	.fblikebutton {
		margin: 0.5625em 0em;
		padding: 0em 0em 0em 5.25em;
		overflow: hidden;
	}
}
@media only screen and (max-width : 359px)
{
	.containerframegallery img {
		max-width: 310px;
	}
}