/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 14 2022 | 13:55:45 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.page-intro{
  display: flex;
  justify-content: center;
  align-items: center;
}

#giftTherapyTitleImgOne{
  	margin: 2%;
  	width: 250px;
  	height: 178px;
  
  background-image: url("https://www.citytherapy.ie/wp-content/uploads/2021/03/ezgif.com-gif-maker.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 5px 5px white inset;
}

#giftTherapyTitleImgTwo{
  	margin: 2%;
  	width: 250px;
  	height: 178px;
  
  background-image: url("https://www.citytherapy.ie/wp-content/uploads/2021/12/Rectangle-1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 5px 5px white inset;
}

#giftTherapyImgBlwTitle{
  margin: 8% auto;
  width: 556px;
  height: 395px;
}
    

#giftTherapyImgAbvBtn{
  margin: 8% auto;
  width: 556px;
  height: 395px;
  animation: wobble 8s infinite linear;
}

@keyframes wobble{
  0%{ transform: rotate(4deg) translate(0,  0px);  }
  25%{ transform: translate(0,  10px);  }
  50%{ transform: rotate(-4deg) translate(0,  0px); }
  75%{ transform: translate(0,  -10px);  }
  100%{ transform: rotate(4deg) translate(0,  0px); }
}

#giftTherapyImgAbvBtnTwo{
  margin: 8% auto;
  width: 556px;
  height: 395px;
  background-image: url("https://www.citytherapy.ie/wp-content/uploads/2021/12/Rectangle-1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 5px 5px white inset;
  animation: wobble 8s infinite linear;
}

.someInfoGiftTherapy{
  text-align: center;
}

.giftBoxBorder{
  margin: 4% 0;
  padding: 20px;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%);
  text-align: center;
}

.giftBoxBorder h4{
  margin: 2% 0 3% 0;
  text-transform: uppercase;
  font-weight: 600;
}

.therapyGiftBoxLeft{
  margin: 0 0 0 4%;
  text-align: left;
}

.giftToken{
  font-style: italic;
  text-align: left;
}

#giftTokenUL{
  list-style-type: none;
}

#giftTokenUL li:before { content:"\2714\0020"; }

.lni{
  color: #583774;
}

.greyGiftBox{
  background-color: #f2f2f2;
}

.yellowGiftBox{
  background-color: #eccd6a;
}

.purpGiftBox{
  background-color: #edd6ff;
}

@media only screen and (max-width: 1025px){
  .giftBoxTherapyImage{
    padding-top: 4%;
    height: 540px;
  }
  .mainContentBox{
    margin-top: -256px;
  }
}

@media only screen and (max-width: 415px){
  .giftBoxTherapyImage{
    padding: 54px;
    height: 330px;
  }
  
  #giftTherapyImgAbvBtn{
    padding: 54px;
  }
}

@media only screen and (max-width: 376px){
  .giftBoxTherapyImage{
        height: 300px;
  }  
}

@media (min-width: 40em) {
  .page-id-11581 .page-intro {
    justify-content: space-between;
    
  }
  
  /*.page-id-11581 .page-intro h1 {
    margin-right: 2em;
  }*/
}