image{
    height: 100%;
}
.lt-pnk-bkg{
background-color: #f9dee5;
}
.brown-bkg{
background-color: #572e32;
}
.drk-pnk-bkg{
background-color: #fe6ea1;
}
.lt-pnk-bkg{
background-color: #f9dee5;
}
.btn-light-pink {
color: #572e32;
background-color: #f9dee5;
border-color: #f9dee5;
}
.btn-dark-pink {
color: #fff;
background-color: #fe6ea1;
border-color: #fe6ea1;
}
.btn-dark-pink:hover {
color: #fff;
background-color: #572e32;
border-color: #572e32;
color: #fe6ea1;
cursor:pointer;
}
.lt-pnk{
color: #f9dee5;
}
.drk-pink{
color: #fe6ea1;
}
.white-bkg{
background-image: url("images/white-fleur-bkg.jpg");
background-repeat: repeat-x;
}
.plain-white-bkg{
background-color: #ffffff;
}
.pink-stripes-bkg{
background-image: url("images/pink-stripes.jpg");
background-repeat: repeat-x repeat-y;
}
.pink-stripes-bkg-2{
background-image: url("images/pink-stripes-2.jpg");
background-repeat: repeat-x;
background-size: 1024px 100%;
}
.brown-txture-bkg{
background-image: url("images/brownCake2.jpg");
background-size: 100% 100%;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #fe6ea1;
text-decoration: none;
background-color: #572e32;
}
.cursive{
font-family: 'Marck Script', cursive;
}
a{
color: #572e32;
font-weight: bold;
}
a:hover{
color: #fe6ea1;
font-weight: bold;
}
.lead {
font-size: 1.25rem;
font-weight: 400;
}
.logo-hang {
position: absolute;
top: 0px;
}
.brown{
color: #572e32;
}
.shaddow {
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
}
.text-shaddow {
text-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
}
.colapsed-nav-item{
border: 1px solid silver;
}
.pink-border {
border: 1px solid #f9dee5;
}
.display-5 {
font-size: 2rem;
font-weight: 300;
line-height: 1.1;
}
.display-6 {
font-size: 3rem;
font-weight: 300;
line-height: 1.1;
}
.page-font{
font-family: 'Bad Script', cursive;
}
@media screen and (max-width: 768px) {
.brown-txture-bkg{
background-image: url("images/brown2.jpg");
background-size: 100% 100%;
}
}
@media screen and (max-width: 575px) {
.right {
width: 100%;
}
.left {
width: 100%;
}
}
@media (min-width: 768px) {
.right {
float: left;
width: calc(100% - 323px);
/*  overflow: hidden;*/
min-height: 150px;
/*border: 2px dashed #f0f;*/
}

.left {
float: left;
width: 323px;
min-height: 150px;
/*  border: 2px dashed #00f;*/
}
}
.text-shaddow{
text-shadow: 1px 1px #000000;
}
@media (min-width: 576px) {
.cupcake-bkg{
background-image: url(images/cupcake-bkg.jpg);
background-size: 100%;
background-attachment: fixed;
}
}
@media (max-width: 575px) {
.cupcake-bkg{
background-color: #f9dee5;
}
}
@media (min-width: 576px) {
.kids-bkg{
background-image: url(images/kids-cake2.jpg);
background-size: 100%;
background-attachment: fixed;
}
}
@media (max-width: 575px) {
.kids-bkg{
background-color: #f9dee5;
}
}
@media (min-width: 576px) {
.elegant-border{
background-image: url(images/borderMD.png);
background-size: 100% 100%;
}
}
@media (min-width: 992px) {
.elegant-border{
background-image: url(images/border2.png);
background-size: 100% 100%;
}
}
.transparent{
background-color:transparent;
}
.card-border{
border:none;
}
.text-shaddow-pink{
text-shadow: 1px 1px #fe6ea1;
}
.text-shaddow-lt-pink{
text-shadow:1px 1px #f9dee5; 
}
@media (max-width: 575px) {
.card-columns {
column-count: 2;
}
}
@media (min-width: 576px) {
.card-columns {
column-count: 2;
}
}
@media (min-width: 768px) {
.card-columns {
column-count: 3;
}
}
@media (min-width: 992px) {
.card-columns {
column-count: 4;
}
}
@media (min-width: 1200px) {
.card-columns {
column-count: 4;
}
}
.brown-transparent-bkg{
background: rgb(87,46,50);
/*background: rgba(87,46,50,0.7);*/
}
.brown-border{
border-color:#572e32;
}
@media (min-width: 576px) {
.celebration-tiered-cakes-bkg{
background-image: url(images/tierCake.jpg);
background-size:100%;
background-attachment: fixed;
}
}
@media (max-width: 575px) {
.celebration-tiered-cakes-bkg{
background-color: #f9dee5;
}
}
@media (min-width: 576px) {
.cakepop-bkg{
background-image: url(images/cakepop2.jpg);
background-size: 100%;
background-attachment: fixed;
}
}
@media (max-width: 575px) {
.cakepop-bkg{
background-color: #f9dee5;
}
}
@media (min-width: 576px) {
.babyshower-bkg{
background-image: url(images/babyshower-cake2.jpg);
background-size: 100%;
background-attachment: fixed;
}
}
@media (max-width: 575px) {
.babyshower-bkg{
background-color: #f9dee5;
}
}
@media (min-width: 576px) {
.cookie-bkg{
background-image: url(images/cookies2.png);
background-size: 100%;
background-attachment: fixed;
}
}
@media (max-width: 575px) {
.cookie-bkg{
background-color: #f9dee5;
}
}
@media (min-width: 576px) {
.more-treats-bkg{
background-image: url(images/more-treats2.jpg);
background-size: 100%;
background-attachment: fixed;
}
}
@media (min-width: 576px) {
.happy-apples-bkg{
background-image: url(images/happyApple.jpg);
background-size: 100%;
background-attachment: fixed;
}
}
@media (max-width: 575px) {
.more-treats-bkg{
background-color: #f9dee5;
}
}
@media (min-width: 576px) {
.more-cakes-bkg{
background-image: url(images/cake-slice2.jpg);
background-size: 100%;
background-attachment: fixed;
}
}
@media (max-width: 575px) {
.more-cakes-bkg{
background-color: #f9dee5;
}
}
@media (min-width: 576px) {
.straw{
background-image: url(images/chocolate-covered-strawberries2.jpg);
background-size: 100%;
background-attachment: fixed;
}
}
@media (max-width: 575px) {
.straw{
background-color: #f9dee5;
}
}
@media (min-width: 576px) {
.party-set-up-bkg{
background-image: url(images/party-set-up2.jpg);
background-size: 100%;
background-attachment: fixed;
}
}
@media (max-width: 575px) {
.party-set-up-bkg{
background-color: #f9dee5;
}
}
@media (min-width: 576px) {
.flower-bkg{
background-image: url(images/flowers2.jpg);
background-size: 100%;
background-attachment: fixed;
}
}
@media (max-width: 575px) {
.flower-bkg{
background-color: #f9dee5;
}
}
.solid-border{
border-width:3px;  
border-style:solid;
border-color: #fe6ea1;
position: relative;
}
.dot-border:after {
content: url("images/bow2.png");
position: absolute;
right: -37px ;
top: -32px;
}
/*.dot-border{
border-width:5px;  
border-style:dotted;
border-color: #f9dee5;
position: relative;
}*/
.dot-border{
/* Safari & Chrome need border-style and border-color ¯\_(ツ)_/¯*/
border-style: dotted ;
border-width:8px;
border-color: #f9dee5;
border-image-source: url('images/dotedBorder.svg');
border-image-slice: 33% 33%;
border-image-repeat: round;
position: relative;
}
.solid-border-nobottom{
border-width:3px;  
border-top-style:solid;
border-color: #fe6ea1;
position: relative;
}
.dot-border-nobottom:after {
content: url("images/bow2.png");
position: absolute;
right: -37px ;
top: -37px;
}
/*.dot-border-nobottom{
border-width:5px;  
border-top-style:dotted;
border-color: #f9dee5;
position: relative;
}*/
.dot-border-nobottom{
border-top-style: dotted ;
border-width:8px;
border-color: #f9dee5;
border-image-source: url('images/dotedBorder.svg');
border-image-slice: 33% 33%;
border-image-repeat: round;
position: relative;
border-image-radius:30px;
}
/*.dot-border-nobottom-non-top{
border-width:5px;  
border-top-style:dotted;
border-color: #f9dee5;
position: relative;
}*/
.dot-border-nobottom-non-top{
border-top-style: dotted ;
border-width:8px;
border-color: #f9dee5;
border-image-source: url('images/dotedBorder.svg');
border-image-slice: 33% 33%;
border-image-repeat: round;
position: relative;

}
.top-border-radius{
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.pointer:hover {cursor: pointer;}