
:root {
  --PrimaryColor_LaurasCreatureComforts: #96C2A4;
  --SecondaryColor_LaurasCreatureComforts: #ffffff;
  --PrimaryColor_WalkingTheWoofs: #00AEEF;
  --SecondaryColor_WalkingTheWoofs: #c0d7e0;
  --PrimaryColor_PeartreeStudio: #414042;
  --SecondaryColor_PeartreeStudio: #414042;
  --PrimaryColor_ArtisanGrove: #7e614f;
  --SecondaryColor_ArtisanGrove: #cacaca;
  --PrimaryColor_Greatweb: #7e614f;
  --SecondaryColor_Greatweb: #eeeeee;
  --PrimaryColor_GilmourPhotography: #06A89F;
  --SecondaryColor_GilmourPhotography: #cacaca;
  --PrimaryColor_AmandasSpanishRescueDogs: #ED1C24;
  --SecondaryColor_AmandasSpanishRescueDogs: #f7eaea;
  --PrimaryColor_PawsitiveConnections: #00A2C6;
  --SecondaryColor_PawsitiveConnections: #e1ecf0;
  
  --df-background-blur: blur(12px);
}

.favourite-heading{
    background-color: #95c11f!important;
    position:absolute;
    color:#fff;
    width:100%;
    text-align:center;
}


.cid-qUTsPrh4UW .card_back {
    background-color: #95c11f!important;
}

.cid-qUTsPrh4UW .card-front{
    padding:10px!important;
}
.cid-qUTsPrh4UW .card-front img {
    width: fit-content;
    width: -webkit-fill-available;
}

.bgLaurasCreatureComforts{
    background-color: var(--PrimaryColor_LaurasCreatureComforts)!important;
}

.bgWalkingTheWoofs{
    background-color: var(--SecondaryColor_WalkingTheWoofs)!important;
}

.bgPeartreeStudio{
    background-color: var(--PrimaryColor_PeartreeStudio)!important;
}

.bgArtisanGrove{
    background-color: var(--SecondaryColor_ArtisanGrove)!important;
}

.bgGilmourPhotography{
    background-color: var(--PrimaryColor_GilmourPhotography)!important;
}

.bgAmandasSpanishRescueDogs{
    background-color: var(--SecondaryColor_AmandasSpanishRescueDogs)!important;
}

.bgGreatweb{
    background-color: var(--SecondaryColor_Greatweb)!important;
}

.bgPawsitiveConnections{
    background-color: var(--SecondaryColor_PawsitiveConnections)!important;
}


.carousel .mbr-overlay{
    /*background: radial-gradient(circle, rgba(255,255,255,0.5) 75%, rgba(255,255,255,0.7) 75%, rgba(255,255,255,0.7) 93%, rgba(149,193,31,0.85) 93%);
    background: linear-gradient(100deg, rgba(255,255,255,0.5) 70%, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0.7) 75%, rgba(149,193,31,0.7) 75%);*/
    background: rgba(255,255,255,0.60);
}


.carousel .carousel-caption{
    background: linear-gradient(100deg, rgba(255,255,255,0) 50%, rgb(255, 255, 255) 60%, rgb(255, 255, 255) 62%, rgb(255, 255, 255) 62%);
        
}
.carousel .carousel-caption .display-1{
    font-size:3rem;
}
.carousel .carousel-caption .display-5{
    font-size:1.2rem;
}

.card-link a[target=_blank] { 
    color:#fff;
}

.card-link a{
    padding:10px;
}
.card-link a{
    background:rgba(0,0,0,0.1);
}
.card-link a:hover{
    background:rgba(0,0,0,0.3);
}
.card-link a[target=_blank]::after  {
    /*content: " (" attr(href) ")";*/
    content: url("/assets/images/open-new-window-white.svg");
    /*content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='14' height='14' viewBox='0,0,256,256' style='fill:#000000;'><g fill='#ffffff' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'><g transform='scale(10.66667,10.66667)'><path d='M5,3c-1.09306,0 -2,0.90694 -2,2v14c0,1.09306 0.90694,2 2,2h14c1.09306,0 2,-0.90694 2,-2v-7h-2v7h-14v-14h7v-2zM14,3v2h3.58594l-9.29297,9.29297l1.41406,1.41406l9.29297,-9.29297v3.58594h2v-7z'></path></g></g></svg>");*/
    display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  /*display: block;
   content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100' width='100'><circle cx='50' cy='50' r='40' stroke='black' stroke-width='3' fill='red' /></svg>");
   background-size: 28px 28px;
   height: 28px;
   width: 28px;*/
}