/*
	White:	FCF7E7
	Orange:	E5612D
	Red:	9F2F23
	Black:	272B2C
*/
/* font-family: 'Amatic SC', cursive; */
html,
body {
  margin: 0px;
  width: 100%;
}
body {
  background-color: #fcf7e7;
  overflow-y: scroll;
  font-family: 'Muli', Arial, sans-serif;
}
ul {
  margin: 0px;
  padding: 0px;
}
li {
  list-style-type: none;
}
a {
  color: #e5612d;
  text-decoration: none;
}
a[href]:hover {
  color: #9f2f23;
}
img {
  border: 0;
}
.link,
.link-pointer {
  color: #e5612d !important;
}
.link-pointer {
  cursor: pointer;
}
.clear {
  clear: both;
}
@media (max-width: 767px) {
  .col-xs-0 {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .col-sm-0 {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1169px) {
  .col-md-0 {
    display: none !important;
  }
}
@media (min-width: 1170px) {
  .col-lg-0 {
    display: none !important;
  }
}
/* ### Preloader ### */
@media screen {
  div#preloader {
    position: absolute;
    left: -9999px;
    top: -9999px;
  }
  div#preloader img {
    display: block;
  }
}
@media print {
  div#preloader,
  div#preloader img {
    visibility: hidden;
    display: none;
  }
}
/* ### Navbar ### */
body > .navbar {
  background-color: #e5612d;
  height: 55px;
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  display: block;
  -webkit-transition: box-shadow, margin 0.2s, max-width 0.2s;
  -moz-transition: box-shadow, margin 0.2s, max-width 0.2s;
  -o-transition: box-shadow, margin 0.2s, max-width 0.2s;
  transition: box-shadow, margin 0.2s, max-width 0.2s;
  z-index: 100 !important;
  padding-left: 12px;
}
@media (min-width: 768px) {
  body > .navbar {
    padding-left: 0px;
  }
}
@media (min-width: 600px) {
  body > .navbar.heightened {
    margin: 20px 20px;
  }
}
@media (min-width: 1230px) {
  body > .navbar {
    max-width: 100%;
    margin: 0px auto;
  }
  body > .navbar.heightened {
    margin: 20px auto;
  }
}
body > .navbar ul {
/*width: 100%;*/
  display: flex;
  justify-content: space-between;
  margin: 0px auto;
}
body > .navbar span hr:first-of-type {
  margin-top: 16px;
}
body > .navbar span hr {
  width: 30px;
  clear: both;
  display: block;
  height: 4px;
  background-color: #eee;
  border: 0px;
  margin: 5px auto;
}
body > .navbar span hr:last-of-type {
  margin-bottom: 17px;
}
/* COLLAPSED */
@media (max-width: 849px) {
  body > .navbar {
    padding-left: 0px !important;
  }
  body > .navbar ul {
/*max-width: 540px !important;*/
    width: 100%;
    flex-direction: column;
  }
  body > .navbar a:not(.expand) {
    display: none;
  }
  body > .navbar a#toggle {
    display: block !important;
  }
  body > .navbar a#toggle li {
    background-color: #e5612d;
  }
  body > .navbar a#toggle.expand li,
  body > .navbar a#toggle:hover,
  body > .navbar a#toggle:focus,
  body > .navbar a#toggle:active {
    background-color: #9f2f23 !important;
  }
  body > .navbar li {
    clear: both;
    width: 100% !important;
    padding: 0px;
    margin: 0px;
    background-color: #e5612d;
    transform: skewX(0) !important;
  }
  body > .navbar li span {
    transform: skewX(0) !important;
  }
}
@media (min-width: 581px) {
  .navbar a:first-of-type {
    display: none;
  }
}
@media (min-width: 1052px) {
  body > .navbar ul {
/*width: 960px;*/
  }
}
@media (min-width: 1230px) {
  body > .navbar ul {
/*width: 1140px;*/
  }
}
body > .navbar li {
  float: left;
  font-weight: bold;
  height: 100%;
  padding: 0px 20px;
  text-align: center;
  line-height: 55px;
  margin: 0px -1px;
  transform: skewX(-20deg);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
body > .navbar li span {
  display: block;
  transform: skewX(20deg);
  color: #fafafa;
}
body > .navbar li.selected {
  background-color: #eee;
}
body > .navbar li.selected span {
  color: #202020;
}
body > .navbar li:hover {
  background-color: #eee;
}
body > .navbar li:hover span {
  color: #202020;
}
/* ### Wrapper ### */
.wrapper {
  width: 100%;
  margin: 0px auto;
}
@media (min-width: 768px) {
  .wrapper {
    width: 756px;
  }
  .navbar.heightened {
    /*max-width: 756px;*/
  }
}
@media (min-width: 992px) {
  .wrapper {
    width: 960px;
  }
  .navbar.heightened {
    max-width: 960px;
  }
}
@media (min-width: 1170px) {
  .wrapper {
    width: 1140px;
  }
  .navbar.heightened {
    max-width: 1140px;
  }
}
.wrapper > .header {
  cursor: default;
}
.wrapper > .header-index {
  height: 300px;
  width: 100%;
  margin: 95px 0px 25px;
}
.wrapper > .header-gallery {
  height: 200px;
  width: 100%;
  margin: 95px 0px 25px;
  text-align: center;
  line-height: 200px;
  color: #fafafa;
}
.wrapper > .header-25-days-2018,
.wrapper > .header-25-days-2019 {
  position: relative;
  height: 200px;
  width: 100%;
  margin: 95px 0px 25px;
  text-align: center;
  line-height: 200px;
  color: #fafafa;
}
.wrapper > .header-25-days-2018::before,
.wrapper > .header-25-days-2019::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #444;
  opacity: 0.3;
  z-index: 1;
}
.wrapper > .header-25-days-2018::after,
.wrapper > .header-25-days-2019::after {
  text-shadow: 0px 0px 1em #323232;
  position: absolute;
  left: 50%;
  width: 80%;
  top: 50%;
  font-size: 3em;
  line-height: 1em;
  font-weight: 700;
  transform: translate(-50%, -50%);
  font-family: 'Crafty Girls', cursive;
  z-index: 2;
}
.wrapper > .header-25-days-2018::after {
  content: '25 Days of Cookies 2018';
}

.wrapper > .header-25-days-2019::after {
  content: '25 Days of Cupcakes 2019';
}
.wrapper > .header-cake {
/*height: 200px;*/
  width: 100%;
  margin: 95px 0px 25px;
  text-align: center;
  line-height: 200px;
  color: #fafafa;
}
.wrapper > .header-blog {
/*height: 200px;*/
  width: 100%;
  margin: 95px 0px 25px;
  text-align: center;
  line-height: 200px;
  color: #fafafa;
}
.wrapper > .header-flavors {
/*height: 200px;*/
  width: 100%;
  margin: 95px 0px 25px;
  text-align: center;
  line-height: 200px;
  color: #fafafa;
}
.wrapper > .header-contact {
/*height: 200px;*/
  width: 100%;
  margin: 95px 0px 25px;
  text-align: center;
  line-height: 200px;
  color: #fafafa;
}
.wrapper > .header div {
  margin-top: 50px;
  width: 100%;
  height: 100%;
}
.wrapper > .header-index {
  background-color: #fafafa;
  background-image: url("../images/header.png"), url("../images/latest-cake.jpg");
  background-size: contain, cover;
  background-repeat: no-repeat;
  background-position: left top, center;
}
@media (min-width: 768px) {
  .wrapper > .header-index {
    background-position: left, center;
  }
}
.wrapper > .header-gallery {
  background-image: url("https://flourchildcreations.com/cakes/263433_2041002835045_1543550170_2186834_325868%20(rev%200).jpg");
  background-size: cover;
  background-position: center center;
}
.wrapper > .header-25-days-2018 {
  background-image: url("https://flourchildcreations.com/25-days-of-creations/images/2018/1.jpg");
  background-image: url("http://flourchildcreations.com/25-days-of-creations/images/2018/1.jpg");
  background-size: cover;
  background-position: center center;
}
.wrapper > .header-25-days-2019 {
  background-image: url("https://flourchildcreations.com/25-days-of-creations/images/2019/1.jpg");
  background-image: url("http://flourchildcreations.com/25-days-of-creations/images/2019/1.jpg");
  background-size: cover;
  background-position: center center;
}
.notice {
  background-color: #9f2f23;
  color: #fafafa;
  padding: 20px;
  margin-top: 95px;
  margin-bottom: -70px;
  font-size: 32px;
  text-align: center;
  display: block !important;
  font-family: 'Amatic SC', cursive;
}
.notice span {
  display: block;
  font-size: 40px;
  padding-bottom: 7px;
}
.notice p {
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 5px 0;
}
.wrapper > .content {
  overflow-x: hidden;
  overflow-y: visible;
  margin-top: -10px;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .wrapper > .content {
    overflow-x: visible;
  }
}
.wrapper .sidebar .social-media {
/*margin: 0px auto;
  width: 24px;*/
/*width: 100%;*/
  padding: 6px;
}
.wrapper .sidebar .social-media img {
  display: block;
  margin: 0px auto;
  width: 48px;
  height: 48px;
}
.wrapper .sidebar .featured img {
  padding: 12px 0px;
}
.wrapper .sidebar .featured p {
  margin-top: 0px;
  margin-bottom: 4px;
  color: #000;
}
@media (min-width: 992px) {
  .wrapper .sidebar .social-media {
    padding: 15px;
  }
  .wrapper .sidebar .social-media img {
    margin: 0px auto;
    width: 64px;
    height: 64px;
  }
}
.widget {
  padding: 15px;
  width: 100%;
  background-color: #fafafa;
  margin-bottom: 20px;
}
.widget.sm-padding {
  padding: 8px;
}
.widget.no-padding {
  padding: 0px;
}
.widget h1,
h2,
h3,
h4 {
  margin: 0px;
}
.widget h4.footer {
  margin-top: 2px;
  font-size: 14px;
  font-style: italic;
  text-align: right;
}
.widget h4 {
  color: #272b2c;
}
.widget p {
/*font-size: 15px;*/
  line-height: 1.65em;
}
.blog-post:not(:first-of-type) {
  display: none;
}
@media (min-width: 992px) {
  .blog-post:not(:first-of-type) {
    display: block;
  }
}
.gallery-header {
  width: 100%;
  height: 125px;
  line-height: 115px;
  color: #fafafa;
  text-align: center;
  background-size: cover;
  background-position: center;
  -webkit-filter: grayscale(70%);
  -moz-filter: grayscale(70%);
  filter: grayscale(70%);
  -webkit-transition: filter 0.2s;
  -moz-transition: filter 0.2s;
  -ms-transition: filter 0.2s;
  -o-transition: filter 0.2s;
  transition: filter 0.2s;
}
a:hover .gallery-header {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
}
.bridal-header,
.header-bridal {
  background-image: url("../images/bridal-header.jpg") !important;
}
.childhood-header,
.header-childhood {
  background-image: url("../images/childhood-header.jpg") !important;
}
.naked-header,
.header-naked {
  background-image: url("../images/naked-header.jpg") !important;
}
.ditto-header,
.header-ditto {
  background-image: url("../images/ditto-header.jpg") !important;
}
.celebrations-header,
.header-celebrations {
  background-image: url("../images/celebrations-header.jpg") !important;
}
.creations-header,
.header-creations {
  background-image: url("../images/creations-header.jpg") !important;
}
.cookies-header,
.header-cookies {
  background-image: url("../images/cookies-header.jpg") !important;
}
.cupcakes-header,
.header-cupcakes {
  background-image: url("../images/cupcakes-header.jpg") !important;
}
.bus-header,
.header-bus {
  background-image: url("../images/bus-header.jpg") !important;
}
.bridal-header {
  font-family: 'Miss Fajardose', cursive;
  font-size: 48px;
  font-weight: 600;
  text-shadow: 0px 0px 1em #323232;
}
.childhood-header {
  font-family: 'Gloria Hallelujah', cursive;
  font-size: 30px;
  font-weight: 400;
  text-shadow: 0px 0px 1em #323232;
}
.naked-header {
  font-family: 'Rock Salt', cursive;
  font-size: 30px;
  font-weight: 400;
  text-shadow: 0px 0px 1em #323232;
}
.ditto-header {
  font-family: 'Permanent Marker', cursive;
  font-size: 30px;
  font-weight: 400;
  text-shadow: 0px 0px 1em #323232;
}
.celebrations-header {
  font-family: 'Fontdiner Swanky', cursive;
  font-size: 30px;
  font-weight: 400;
  text-shadow: 0px 0px 1em #323232;
}
.creations-header {
  font-family: 'Crafty Girls', cursive;
  font-size: 30px;
  font-weight: 400;
  text-shadow: 0px 0px 1em #323232;
}
.cookies-header {
  font-family: 'Rock Salt', cursive;
  font-size: 30px;
  font-weight: 400;
  text-shadow: 0px 0px 1em #323232;
}
.cupcakes-header {
  font-family: 'Permanent Marker', cursive;
  font-size: 30px;
  font-weight: 400;
  text-shadow: 0px 0px 1em #323232;
}
.bus-header {
/*font-family: 'Permanent Marker', cursive;*/
  font-size: 30px;
  font-weight: 400;
}
.vertical-align {
  width: 100%;
  display: table;
}
.vertical-align h4 {
  text-align: center;
  line-height: 20px;
  display: table-cell;
  clear: both;
  vertical-align: middle;
}
.gallery-description {
  display: table-cell;
  font-size: 15px;
  padding: 8px 40px;
  height: 96px;
}
.latest-thumbnail {
  width: 100%;
  text-align: center;
}
/*.latest-thumbnail:hover {
	z-index: 2;
	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow:	0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
	box-shadow:			0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}*/
.latest-thumbnail .thumb-holder {
  padding-bottom: 75%;
  position: relative;
  margin-bottom: 12px;
  display: block;
  width: 100%;
}
.latest-thumbnail .thumb {
  width: 100%;
  height: 100%;
  background-color: #272b2c;
  background-size: cover;
  background-position: center;
  position: absolute;
}
.latest-thumbnail h4 {
  height: 40px;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.gallery-thumbnail {
  opacity: 0;
  -webkit-animation: fadeIn ease-in 0.7s;
  -moz-animation: fadeIn ease-in 0.7s;
  -o-animation: fadeIn ease-in 0.7s;
  animation: fadeIn ease-in 0.7s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 3600s;
  -moz-animation-delay: 3600s;
  -o-animation-delay: 3600s;
  animation-delay: 3600s;
}
.gallery-thumbnail:hover {
  z-index: 2;
  -webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,0.19), 0 8px 17px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0 6px 20px 0 rgba(0,0,0,0.19), 0 8px 17px 0 rgba(0,0,0,0.2);
  box-shadow: 0 6px 20px 0 rgba(0,0,0,0.19), 0 8px 17px 0 rgba(0,0,0,0.2);
}
.gallery-thumbnail .thumb-holder {
  padding-bottom: 56%;
  position: relative;
  margin-bottom: 12px;
}
.gallery-thumbnail .thumb {
  width: 100%;
/*height: 120px;*/
  height: 100%;
  background-size: cover;
  background-position: center;
  position: absolute;
}
.gallery-thumbnail h4 {
  height: 40px;
}
.pagination {
  margin: 0px auto;
}
.pagination .widget {
  width: 66px;
  float: left;
  margin: 0px 15px 20px;
}
.pagination .widget h4 {
  text-align: center;
}
.pagination .page:not(.selected) {
  display: none;
}
.pagination .widget:not(.selected):hover {
  background-color: #e7e7e7;
/*color: #FF831A;*/
/* TODO: New color here? */
}
.pagination .page.selected {
  background-color: #e7e7e7;
  color: #e5612d;
/*margin: 0px;*/
  cursor: default;
}
@media (max-width: 399px) {
  .pagination {
    max-width: 288px;
  }
  .pagination-no-prev-next {
    max-width: 192px !important;
  }
}
@media (min-width: 400px) {
  .pagination .page {
    display: block !important;
  }
}
.cake img {
  width: 100%;
}
.cake-description h2 {
  text-align: center;
}
.cake-description p {
  text-align: center;
}
.cake-description h4 {
  text-align: center;
}
.cake-description .social-media {
  display: block;
  text-align: center;
}
.description-thumb-holder {
  padding-bottom: 68%;
  position: relative;
  margin-bottom: 12px;
}
.description-thumb {
  width: 100%;
/*height: 100px;*/
  height: 100%;
  background-size: cover;
  background-position: center;
  position: absolute;
  text-align: center;
}
/* ### FLAVORS ### */
@media (min-width: 992px) {
  .widget.flavor {
    min-height: 190px;
  }
}
@media (min-width: 1170px) {
  .widget.flavor {
    min-height: 170px;
  }
}
.flavor-image p {
  margin: 5px 0px;
}
.flavor-image .image-holder {
  width: 100%;
  padding-bottom: 43%;
  position: relative;
}
.flavor-image .image-holder .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: absolute;
}
.flavor-thumbs {
  padding-bottom: 0px;
}
.flavor-thumbs .thumb {
  width: 100%;
  height: 120px;
  line-height: 120px;
  background-size: cover;
  background-position: center;
  text-align: center;
  color: #fafafa;
  margin-bottom: 20px;
  font-style: italic;
  cursor: pointer;
}
.flavors-footer h5 {
  font-style: normal;
  font-weight: normal;
  margin: 5px 0px;
}
.feedback-form {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 1;
}
.feedback-form.hide {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.feedback p {
  margin: 5px 0px;
}
.response {
  text-align: center;
  margin-bottom: 12px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 1;
}
.response.hide {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.response h4 {
  color: #fafafa;
  margin: 8px;
}
.response.success {
  background-color: #5cb85c;
}
.response.error {
  background-color: #d9534f;
}
.order-button .widget {
  background-color: #e5612d;
  color: #fcf7e7;
}
button,
input[type=button],
input[type=submit] {
  padding: 10px 12px;
  border: 0px;
  background-color: #e5612d;
  color: #fafafa;
  font-size: 18px;
  cursor: pointer;
  outline: none !important;
}
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
  background-color: #9f2f23;
}
textarea {
  margin: 2px 0px;
}
input[type=text],
input[type=email],
input[type=url],
textarea {
  padding: 5px 7px;
  margin-bottom: 12px;
  outline: none !important;
  box-shadow: none;
}
.float {
  -webkit-transition: transform 0.3s, box-shadow 0.3s;
  -moz-transition: transform 0.3s, box-shadow 0.3s;
  -o-transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.float:hover,
.float:focus,
.float:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}
.wrapper > .footer .title {
  color: #e5612d;
}
.wrapper > .footer h4 {
  line-height: 26px;
  font-size: 16px;
  text-align: center;
}
.wrapper > .footer .hide {
  display: none;
}
.wrapper > .footer .social-media {
  width: 36px;
  height: 36px;
  margin: 0px 0px -15px;
}
@media (max-width: 599px) {
  .wrapper > .footer {
    margin-bottom: 30px;
  }
  .wrapper > .footer .widget {
    padding-top: 7px;
  }
}
@media (min-width: 600px) {
  .wrapper > .footer .hide {
    display: block;
  }
  .wrapper > .footer h4:not(.links) {
    float: left;
  }
  .wrapper > .footer h4.links {
    float: right;
  }
  .wrapper > .footer .social-media {
    width: 24px;
    height: 24px;
    margin: 0px;
    vertical-align: text-bottom;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}