/* Shared button */

.button,

.button:hover,
input.button:hover,
.button:focus,
input.button:focus
{
    border-radius: 0px;
    border: 2.5px solid black;
    padding: 10px 22px 5px;
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 600 !important;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    text-transform: capitalize;
    line-height: 18px;
    font-family: "HelveticaNeueLTPro-Bd", "Muli", sans-serif;
    width: max-content;
    width: intrinsic;
}

.tertiary.button,
input.tertiary.button,
label.tertiary.button,
.tertiary.button:focus,
input.tertiary.button:focus
label.tertiary.button:focus
{
    color: #fff;
    border-color: #fff;
    background-color: #FFFFFF00;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.7);
}
.tertiary.button:hover,
input.tertiary.button:hover
{
    background-color: #FFFFFF80;
    text-shadow: 0px 0px 25px rgba(0,0,0,0.9);
}

input.tertiary.button:checked
{
    background-color: #fff;
    color: #E4761E;
}

.primary.button,
input.primary.button,
.primary.button:focus,
input.primary.button:focus,
.secondary.button:hover,
input.secondary.button:hover
{
    color: #fff;
    background-color: #E4761E;
}
.primary.button:hover,
input.primary.button:hover,
.secondary.button,
input.secondary.button,
.secondary.button:focus,
input.secondary.button:focus
{
    color: #000;
    background-color: #FEBE10;
}
.button:focus,
input.button:focus
{
    outline: none;
}

.button.alignright
{
    margin-left: auto;
}
.button.alignleft
{

    margin-right: auto;
}
.button.aligncenter
{
    margin-left: auto;
    margin-right: auto;
}
/* Location Pin Icon */

.site-container p.location-pin
{
    width: auto;
}
.location-pin::before
{
    content:"";
    display: inline-block;
    position: absolute;
    margin-left: -20px;
    width: 11px;
    height: 18px;
    background: url("/wp-content/themes/care-genesis/static/svg/system-icons/location-pin.svg")no-repeat center center ;
    background-size: cover;
}


/* Shared Responsive Card Grid */

.responsive-card-grid
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.responsive-card
{
    height: 300px;
    width: 270px;
    margin: 10px 30px;
}

.responsive-card.wide,
.responsive-card.desktop
{
    display: none;
}

.responsive-card.all
{
    display:block;
}

@media only screen and (min-width: 768px) and (max-width: 1280px)
{
        .responsive-card-grid
        {
            padding: 20px;
        }
        .responsive-card
        {
            width: 270px;
            height: 300px; 
            margin: 10px;
        }
}

@media only screen and (min-width: 1281px) 
{
        .responsive-card-grid
        {
        }
        .responsive-card
        {
            width: 335px;
            height: 305px; 
            margin: 10px;
        }
}


@media only screen and (min-width: 892px) and (max-width: 1530px)
{
        .responsive-card.desktop,
        .responsive-card.all
        {
            display: block;
        }

        .responsive-card.wide
        {
            display: none;
        }
}

@media only screen and (min-width: 1531px) 
{
        .responsive-card.desktop,
        .responsive-card.all,
        .responsive-card.wide
        {
            display: block;
        }
}
/* Primary Content Block Containers */

.block-container
{
    padding: 40px 0px;
    margin: 0px;
}

.block-container-boxed
{
    padding: 30px 0px;
    margin: 0px;
}

/* Text Shadow */

p.text-shadow
{
    text-shadow: 0px 0px 16px rgba(0,0,0,1);
}
.has-intro-font-size.text-shadow
{
    text-shadow: 0px 0px 18px rgba(0,0,0,1);
}

.has-large-font-size.text-shadow
{
    text-shadow: 0px 0px 16px rgba(0,0,0,1);
}

.has-regular-font-size.text-shadow
{
    text-shadow: 0px 0px 14px rgba(0,0,0,1);
}

.has-small-font-size.text-shadow
{
    text-shadow: 0px 0px 12px rgba(0,0,0,1);
}
h1.text-shadow,
h2.text-shadow
{
    text-shadow: 0px 0px 40px rgba(0,0,0,0.5);
}
h3.text-shadow
{
    text-shadow: 0px 0px 32px rgba(0,0,0,0.5);
}
h4.text-shadow
{
    text-shadow: 0px 0px 24px rgba(0,0,0,0.5);
}
h5.text-shadow
{
    text-shadow: 0px 0px 18px rgba(0,0,0,0.7);
}
h6.text-shadow
{
    text-shadow: 0px 0px 16px rgba(0,0,0,0.7);
}

/* Full Screen Block Class */

.full-screen-block
{
    width: 100vw;
    margin-left: -30px;
}