@media only screen and (min-width: 768px) {
    .colored-background{
      background-image: url('./assets/colored-bg-v2.png');
      background-repeat: repeat-y;
      background-size: 100%;
    }

     .colored-bottom-background{
      background-image: url('./assets/colored-bg-v2.png');
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center bottom;
    }
  }

.cut-text { 
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-bottom: 2px;
}

.cut-two { 
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-bottom: 2px;
}

 @media  only screen and (max-width: 768px) {
.mobile-border{
  border-bottom: 2px solid #2BA8C4;
  border-left: 2px solid #2BA8C4;
  border-right: 2px solid #2BA8C4;
  padding: 15px;
  border-top: 4px solid #D169A6;
}
}

ul.pink-bullets {
  list-style: none;
}

ul.pink-bullets li::before {
  content: "●";
  color: #D169A6;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}


.pink-decoration:before {
  content:"●";  
  color: #D169A6;
  padding-right: 7px;
}

.pink-decoration:after {
  content:"●";  
  color: #D169A6;
  padding-left: 7px;
}

.green-decoration:before {
  content:"●";  
  color: #2BA8C4;
  padding-right: 7px;
}

.green-decoration:after {
  content:"●";  
  color: #2BA8C4;
  padding-left: 7px;
}

.green-text, .text-green{
  color: #2BA8C4 !important;
}

.pink-text, .text-pink{
  color: #D169A6 !important;
}


.btn-green-outline{
  border: 1px solid #2BA8C4;
  color: #2BA8C4;
  border-radius: 30px;
  padding: 8px 25px;
  background-color: #FFF;
}

.btn-green-outline:hover{
  border: 1px solid #2BA8C4;
  color: #FFF;
  border-radius: 30px;
  padding: 8px 25px;
  background-color: #2BA8C4;
}

.btn-green-text{
  border: 1px solid #FFF;
  color: #2BA8C4;
  border-radius: 30px;
  padding: 8px 25px;
  background-color: #FFF;
}

.btn-green-text:hover{
  border: 1px solid #FFF;
  color: #FFF;
  border-radius: 30px;
  padding: 8px 25px;
  background-color: #2BA8C4;
}

.btn-pink-outline{
  border: 1px solid #D169A6;
  color: #D169A6;
  border-radius: 30px;
  padding: 8px 25px;
  background-color: #FFF;
}

.btn-pink-outline:hover{
  border: 1px solid #D169A6;
  color: #FFF;
  border-radius: 30px;
  padding: 8px 25px;
  background-color: #D169A6;
}

input.prima-input{
  border: 1px solid #D169A6;
  border-radius: 0px;
}

textarea.prima-input{
  border: 1px solid #D169A6;
  border-radius: 0px;
}

/* DROPDOWN  */

/* Dropdown Button */
.prima-dropbtn {
  background-color: #FFF;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.prima-dropdown {
  position: relative;
  display: inline-block;

}

/* Dropdown Content (Hidden by Default) */
.prima-dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFF;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  top: 22px;
  left: -1px;
  border: 1px solid #2a8499;
  
}

/* Links inside the dropdown */
.prima-dropdown-content a {
  color: #2BA8C4;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
}

.prima-dropdown-content a.active {
  color: #D169A6;
}

/* Change color of dropdown links on hover */
.prima-dropdown-content a:hover {background-color: #D169A6; color: #FFF;}

/* Show the dropdown menu on hover */
.prima-dropdown:hover .prima-dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.prima-dropdown:hover .prima-dropbtn {background-color: #FFF;}



/*** NICE MENU HOVER ANIMATION ***/

div.top-menu > a.menu-item{
  position: relative;
}

div.top-menu > a.active span:after{
  transform: scaleX(1);
}

div.top-menu > a span:after{
    content: '';
    position: absolute;
    bottom: 0;
    width: calc(100%);
    left: 0px;
    border: none;
    border-bottom: 2px solid #D169A6;
    transition: 0.2s ease-in-out;
    transform: scaleX(0);
}

div.top-menu:hover > a span:after{
    transform: scaleX(1);
}


.ks-header-2-main #top_menu > li > a span:after, 
.ks-header-5 #top_menu > li > a span:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: calc(100% - 6px);
    left: 3px;
    border: none;
    border-bottom: 2px solid #eb6695;
    transition: 0.2s ease-in-out;
    transform: scaleX(0);
}

    .ks-header-2-main #top_menu > li:hover > a span:after, 
    .ks-header-5 #top_menu > li:hover > a span:after{
    transform: scaleX(1);
}
/*** END ***/