@charset "UTF-8";

/*
 * Theme Name: Valley Themes
 * Description: Used to style the paw icons.
 * 
 */



/**
 * 1. Paw icons.
 * 
 */

/* - wp-block-my-blocks-paw-icons - */

.wp-block-my-blocks-paw-icons {

width: 100%;
height: auto;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

background-color: rgba(0, 0, 0, 0.0);

}

/* - /wp-block-my-blocks-paw-icons - */



/* - content - */

.wp-block-my-blocks-paw-icons .content {

width: 100%;
height: auto;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

background-color: rgba(0, 0, 0, 0.0);

}

/* - /content - */



/* - excerpt-paw-icons.php - */



/* - icons-container - */

.wp-block-my-blocks-paw-icons .content .icons-container {

width: 100%;
height: auto;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

background-color: rgba(0, 0, 0, 0.0);

}

.wp-block-my-blocks-paw-icons .content .icons-container.start {

display: -webkit-flex;
display: flex;

-webkit-flex-direction: column;
flex-direction: column;

-webkit-flex-wrap: wrap;
flex-wrap: wrap;

-webkit-justify-content: center;
justify-content: center;

-webkit-align-content: flex-start;
align-content: flex-start;

-webkit-align-items: flex-start;
align-items: flex-start;

}

.wp-block-my-blocks-paw-icons .content .icons-container.center {

 display: -webkit-flex;
display: flex;

-webkit-flex-direction: column;
flex-direction: column;

-webkit-flex-wrap: wrap;
flex-wrap: wrap;

-webkit-justify-content: center;
justify-content: center;

-webkit-align-content: center;
align-content: center;

-webkit-align-items: flex-start;
align-items: flex-start;

}

.wp-block-my-blocks-paw-icons .content .icons-container.end {

 display: -webkit-flex;
display: flex;

-webkit-flex-direction: column;
flex-direction: column;

-webkit-flex-wrap: wrap;
flex-wrap: wrap;

-webkit-justify-content: center;
justify-content: center;

-webkit-align-content: flex-end;
align-content: flex-end;

-webkit-align-items: flex-start;
align-items: flex-start;

}

/* - /icons-container - */



/* - paw-icons - */

.wp-block-my-blocks-paw-icons .content .icons-container a .paw-icons {

position: relative;

width: 25px;
height: 25px;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

background-color: rgba(0, 0, 0, 0.0);

cursor: pointer;

}

/* - /paw-icons - */



/* - span - */

.wp-block-my-blocks-paw-icons .content .icons-container a .paw-icons span {

display: block;

position: absolute;

top: 0px;
left: 0px;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

background-color: rgba(0, 0, 0, 1.0);

border: 0px solid rgba(0, 0, 0, 1.0);

border-radius: 50% 50% 50% 50% / 40% 40% 50% 50%;

transition: all .5s;

}

.wp-block-my-blocks-paw-icons .content .icons-container a .paw-icons span:nth-child(1) {

top: 8px;
left: 1px;

width: 5px;
height: 8px;

transform: rotate(-10deg);

}

.wp-block-my-blocks-paw-icons .content .icons-container a .paw-icons span:nth-child(2) {

top: 1px;
left: 6.5px;

width: 5px;
height: 10px;

transform: rotate(-5deg);

}

.wp-block-my-blocks-paw-icons .content .icons-container a .paw-icons span:nth-child(3) {

top: 1px;
left: 13.5px;

width: 5px;
height: 10px;

transform: rotate(5deg);

}

.wp-block-my-blocks-paw-icons .content .icons-container a .paw-icons span:nth-child(4) {

top: 8px;
left: 19px;

width: 5px;
height: 8px;

transform: rotate(10deg);

}

.wp-block-my-blocks-paw-icons .content .icons-container a .paw-icons:hover span {

background-color: rgba(192, 192, 192, 1.0);

}

.wp-block-my-blocks-paw-icons .content .icons-container a .paw-icons:active span {

background-color: rgba(0, 0, 0, 1.0);

}

/* - /span - */



/* - item - */

.wp-block-my-blocks-paw-icons .content .icons-container a .paw-icons .item {

display: block;

position: absolute;

top: 12px;
left: 8.5px;

width: 8px;
height: 10px;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

background-color: rgba(0, 0, 0, 1.0);

border-radius: 50% 50% 0% 0%;

transition: all .5s;

}

.wp-block-my-blocks-paw-icons .content .icons-container a .paw-icons .item::before {

content: "";

display: block;

position: absolute;

top: 5px;
left: -3.5px;

width: 15px;
height: 7px;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

background-color: rgba(0, 0, 0, 1.0);

border-radius: 10px 10px 7px 7px;

transition: all .5s;

}

.wp-block-my-blocks-paw-icons .content .icons-container a .paw-icons:hover .item,
.wp-block-my-blocks-paw-icons .content .icons-container a .paw-icons:hover .item::before {

background-color: rgba(192, 192, 192, 1.0);

}

.wp-block-my-blocks-paw-icons .content .icons-container a .paw-icons:active .item,
.wp-block-my-blocks-paw-icons .content .icons-container a .paw-icons:active .item::before {

background-color: rgba(0, 0, 0, 1.0);

}

/* - /item - */



/* - /excerpt-paw-icons.php - */



/**
 * 0. Media queries
 * 
 *  Breakpoints for responsive design
 * 
 */

/* - Media query for large device viewport maximum width 1024 pixels - */

@media only screen and ( max-width: 1024px ) {

}

/* - /Media query for large device viewport maximum width 1024 pixels - */



/* - Media query for medium device viewport maximum width 768 pixels - */

@media only screen and ( max-width: 768px ) {

}

/* - /Media query for medium device viewport maximum width 768 pixels - */



/* - Media query for small device viewport maximum width 480 pixels - */

@media only screen and ( max-width: 480px ) {

}

/* - /Media query for small device viewport maximum width 480 pixels - */



/* - Media query for extra small device viewport maximum width 320 pixels - */

@media only screen and ( max-width: 320px ) {

}

/* - /Media query for extra small device viewport maximum width 320 pixels - */