/* Custom CSS */


.colorback {
    padding: 30px 0px;
    background-color: #EAB5A5;
}

.colorback p, .colorback a, .colorback li {
    color: #fff;
}

.colorback h1 {
    color: #fff;
}
.colorback h2 {
    color: #fff;
}
.colorback h3 {
    color: #fff;
}

.colorback .heading {
    color: #fff;
    border-bottom: 1px solid #FEF14B;
}

.colorback2 {
    padding: 30px 0px;
    background-color: #696A6C;
}

.colorback2 p, .colorback a, .colorback li {
    color: #fff;
}

.colorback2 h1 .colorback2 h2  {
    color: #fff;
}

.colorback2 .heading {
    color: #fff;
    border-bottom: 1px solid #FEF14B;
}

.colorback3 {
    padding: 30px 0px;
    background-color: #211D1E;
}

.colorback3 p, .colorback a, .colorback li {
    color: #fff;
}

.colorback3 h1 .colorback3 h2 {
    color: #fff;
}

.colorback3 .heading {
    color: #fff;
    border-bottom: 1px solid #FEF14B;
}


.myveryownbtn
{
	font-weight: 300;
	letter-spacing: 1px;
	background-color: #333131;
	border-radius: 32px;
	justify-self: left;
}

.myveryownbtn h3
{
	color: white;
	border-radius: 32px;
}

.myveryownbtn::before
{
	border-radius: 32px;
	border: 0px solid #211D1E;
}


.myveryownbtn:hover::before
{	
	border: 2px solid #696a6c;
    background-color: white;
}

.myveryownlist ul {
    margin-block-start: 0px;
    margin-block-end: 0px;
}

.myveryownlist {
    grid-gap: 0px!important;
}


hr { 
    background: url("../img/bride.png") no-repeat top center;
    background-size: contain;
    display: block;
    height: 50px;
    border: 0;
    position: relative;
}
hr:before,
hr:after {
    content: '';
    display: block;
    position: absolute;
    background: #333131;
    height: 1px;
    top: 22px;
}
hr:before {
    left: 0;
    right: 60%;
    margin-right: 10px;
    margin-left: 70px;
}
hr:after {
    right: 0;
    left: 60%;
    margin-left: 10px;
    margin-right: 70px;
}
.imageback {
    padding: 50px 0px;
    background-color: #33a499;
    background-image: url("../img/background-image4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.imageback p {
    color: white
}
.imageback h2 {
    color: white
}
.imageback h3 {
    color: white
}
.imageback ul {
    color: white
}
.imageback li {
    color: white
}



.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #dfc586;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    padding: 15px;
}

.card p {
    color: #000000;
}

.card:hover {
     background-color: black;
    
}

.card:hover p {
     color: white;
    
}

.card:hover h1 {
     color: white;
    
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.zoom {
    transition: transform .2s;
}

.zoom:hover {
  transform: scale(1.2);
}


.jello-horizontal {
	animation: jello-horizontal 3s 10s both ;
    animation-iteration-count: infinite;
}

@keyframes jello-horizontal {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

/* Mobihide and Mobishow */

.mobishow {
  display: none!important;
}

.mobihide {
  display: grid!important;
}

@media (max-width: 600px) {
     .mobishow {
      display: grid!important
      }
     .mobihide {
      display: none!important;
      }
}

.chameleon {

  background-color: #333131;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  transition: 0.3s;

  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.05), 
              0 2px 2px rgba(0,0,0,0.05), 
              0 4px 4px rgba(0,0,0,0.05), 
              0 8px 8px rgba(0,0,0,0.05),
              0 16px 16px rgba(0,0,0,0.05);

}


.chameleon:hover {
  background-color: white;
  color: black; 
  cursor: pointer;
}
.chameleon h3:hover {
  color: black; 
}

/* - */