@import url(font/stylesheet.css);

body{
	/*background-color: pink;*/
	background-image: url(../images/sprinkles.png);
	/*margin: 0px;
	padding: 0px;*/
}

h1, h2, h3 {
	font-family: 'lily_script_oneregular';
    font-weight: normal;
    font-style: normal;
    color: #fea889;
}
h1{
	font-size: 3em;
}

h2 {
	font-size: 2em;
}

h4{
	color: #fea889;
	font-family: 'Lato', sans-serif;
}

nav {
	background-color: #ffd8c5;
	font-family: 'Lato', sans-serif;
	text-align: center;
	z-index: 99999;
	/*border-top-left-radius: 10px;*/
	/*border-top-right-radius: 10px;*/

}

nav a {
	color: #344140;
	text-decoration: none;
	padding: 3px;
	-webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

nav a:hover {
	color: #70d0c6;
	
}

a {
	color: #344140;
	text-decoration: none;
}

p {
	color: #344140;
	font-family: 'Lato', sans-serif;
	line-height: 26px;
}
#mainmenu .active{
	color: #70d0c6;
}
#sidenav {
	width: 85px;
	position: fixed;
	z-index: 1;
	top: 200;
	background-color: #ffd8c5;
	overflow-x: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	top: 59px;
	
}

#sidenav a{
	padding: 6px 8px 6px 16px;
  	text-decoration: none;
  	font-size: 15px;
  	color: #344140;
  	display: block;
  	font-family: 'Lato', sans-serif;
  	-webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

#sidenav a:hover {
	color: #70d0c6;
}

.container{
	background-color: rgba(255, 255, 255, 0.85);
	max-width: 1366px;
	margin: 0px auto;
	border-radius: 10px;
}
.row{
	display: flex;
	flex-wrap: wrap;
}
.col{
	/*background-color: lightblue;*/
	padding: 10px 1%;
	margin: 10px 1%;
	flex-grow: 1;
}
.oneTwelve {
	flex-grow: 0;
	width: 4.33%;
}
.twoTwelve {
	flex-grow: 0;
	width: 12.66%;
}
.threeTwelve {
	flex-grow: 0;
	width: 21%;
}
.fourTwelve {
	flex-grow: 0;
	width: 29.33%;
}
.fiveTwelve {
	flex-grow: 0;
	width: 37.66%;
}
.sixTwelve {
	flex-grow: 0;
	width: 46%;
}
.sevenTwelve {
	flex-grow: 0;
	width: 54.33%;
}
.eightTwelve {
	flex-grow: 0;
	width: 62.66%;
}
.nineTwelve {
	flex-grow: 0;
	width: 71%;
}
.tenTwelve {
	flex-grow: 0;
	width: 79.33%;
}
.elevenTwelve {
	flex-grow: 0;
	width: 87.66%;
}
.twelveTwelve {
	flex-grow: 0;
	width: 96%;
}

.imgSizer {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
}

.imgSizer2 {
	max-width: 100%;
	height: auto;
	/*display: block;*/
	margin: 0px auto;
}
.frameSizer {
	max-width: 100%;
	height: 437px;
	display: block;
	margin: 0px auto;
}
.imageText {
	display: block;
	float: left;
}

#bigTopType {
	text-align: center;
	margin: 260px 0px;
}
#bigTopType3 {
	text-align: center;
	margin-top: -330px;
}
#bigTopImg {
	background-image: url(../images/cupcake.png);
	background-position: center;
	opacity: 80%;
}
#bigTopImg2 {
	background-image: url(../images/candlecake.png);
	background-position: center;
	padding-top: 160px;
	padding-bottom: 160px;
}
#bigTopImg3 {
	background-image: url(../images/cakeorder.png);
	background-position: center;
	padding-top: 360px;
	padding-bottom: 160px;
}
#bigTopImg4 {
	background-image: url(../images/cupcakephotography.png);
	background-position: center;
	padding-top: 360px;
	padding-bottom: 160px;
}
.button {
	background-color: #ffd8c5;
	width: 120px;
	padding: 10px;
	color: #344140;
	font-family: 'Lato', sans-serif;
	border-radius: 8px;
	-webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

.button:hover {
	/*color: #70d0c6;*/
	color: rgb(255, 255, 255);
	background-color: #FEA889;
}

#homeTitle{
	color: #D4F4EC;
}
.bluebg {
	background-color: #D4F4EC;
}

.darkbluebg {
	background-color: #70d0c6;
}
.foot {
	text-align: center;
	background-color: #FEA889;
	color: #344140;
	font-family: 'Lato', sans-serif;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/*JavaScript Slideshow Styling*/
#faded .slides{
	/*border: pink solid 10px;*/
	width: 80%;
	height: 563px;
	position: relative;
	text-align: center;
	margin: auto;
}

#faded .slides img{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	text-align: center;
	margin: auto;

}

#arrowLeft{
	float: left;
	position: relative;
	top: -350px;
}

#arrowRight{
	float: right;
	position: relative;
	top: -350px;
}

/*JavaScript LightBox Styling*/
#gallery img{
	-webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

#gallery img:hover{
	opacity: .7;
}

#theLight {
	background-color: #D4F4EC;
	padding: 20px;
	width: 600px;
	height: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 200;
	margin-left: -320px;
	margin-top: -245px;
	display: none;
}

#theLight .target img{
	width: 100%
	height: auto;
}

#theLight h2 {
	text-align: center;
	margin: 5px auto 10px auto;
}

#theLight .close {
	position: absolute;
	top: -20px;
	right: -20px;
}

#theDark {
	background-color: #0b1413;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .7;
	z-index: 100;
	display: none;
}


/*Dropdown Menu Styling*/
#mainmenu .mobileShow {
	display: none;
}

#mainmenu {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	/*background-color: blue;*/
}
#mainmenu nav{
	max-width: 1366px;
	/*background-color: aqua;*/
	margin: 0px auto;
}
#smallNav {
	display: none;
}

/*Easing Styling*/
.inboundPush {
	/*background-color: red;
	width: 50px;
	height: 50px;*/
	position: relative;
	top: -57px;
}

/*Contact Form Styling*/
.formStyle{
	display: block;
	margin-top: 10px;
	width: 98%;
	border-radius: 8px;
	border-color: #a2e2d9;
	border-style: solid;
	color: #344140;
	background-color: #d4f4ec;
	padding: 5px 1%;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	font-weight: normal;
    font-style: normal;
}
.formLabel {
	/*background-color: purple;*/
	font-family: 'Lato', sans-serif;
	color: #344140;
	
}
#submitButton {
	float: right;
	background-color: #ffd8c5;
	width: 120px;
	padding: 10px;
	color: #344140;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	font-weight: normal;
    font-style: normal;
    border-style: none;
    border-radius: 8px;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out;
}
#submitButton:hover {
	/*color: #d4f4ec;*/
	background-color: #FEA889;
	color: rgb(255, 255, 255);
}
.red{
	border: #FEA889 solid;
}
/*.formcolor{
	background-color: #d4f4ec;
	color: #70d0c6;
	padding: 5px;
}*/


@media only screen and (max-width: 768px){
	.container {
		/*background-color: mistyrose;*/
	}
	.tabletHalfFourth {
		flex-grow: 0;
		width: 8.5%;
	}
	.tabletOneFourth {
		flex-grow: 0;
		width: 21%;
	}
	.tabletTwoFourth {
		flex-grow: 0;
		width: 46%;
	}
	.tabletThreeFourth {
		flex-grow: 0;
		width: 71%;
	}
	.tabletFourFourth {
		flex-grow: 0;
		width: 96%;
	}
	.tabletHide {
		display: none;
	}
	.tabletFlip {
		flex-direction: column-reverse;
	}
	/*JavaScript Lightbox*/
	#theLight{
		width: 480px;
		margin-left: -260px;
	}
}


/*mobile mode*/
@media only screen and (max-width: 520px){
	.container {
		/*background-color: plum;*/
	}
	.col {
		flex-grow: 0;
		width: 96%;
	}
	.mobileHalf {
		flex-grow: 0;
		width: 46%;
	}
	.mobileHide {
		display: none;
	}
	.mobileFlip {
		flex-direction: column-reverse;
	}

	/*Dropdown Menu Styling*/
	.mobileShow {
		display: block;
	}
	#smallNav {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 180px;
		text-align: center;
		display: block;
		z-index: 99999;
	}
	#smallNav a{
		padding: 5px 0px;
	}
	#smallNav h3{
		padding: 5px;
	}
	#smallDD {
		display: none;
	}
	#off {
		display: none;
	}
}