@charset "UTF-8";

/*
 * Theme Name: Valley Themes
 * Description: Used to style the latest posts.
 * 
 */



/**
 * 1. Latest posts.
 * 
 */

/* - wp-block-my-blocks-latest-posts - */

.wp-block-my-blocks-latest-posts {

width: var(--global-percentage-initial-value);
height: var(--global-auto-initial-value);

margin: var(--global-spacing-initial-value);
padding: var(--global-spacing-initial-value);

background-color: var(--global-rgba-transparent);

}

/* - /wp-block-my-blocks-latest-posts - */



/* - heading - */

.wp-block-my-blocks-latest-posts h2.heading {

width: var(--global-percentage-initial-value);
height: var(--global-auto-initial-value);

margin: var(--global-spacing-initial-value);
padding: var(--global-spacing-initial-value);

background-color: var(--global-rgba-transparent);

}

.wp-block-my-blocks-latest-posts h2.heading {

font-family: var(--global-font-family-initial-value);
font-size: var(--global-heading-h2);
font-style: var(--global-font-style-initial-value);
font-weight: var(--global-font-weight-initial-value);
text-decoration: var(--global-text-decoration-initial-value);
color: var(--global-rgba-black-initial-value);

}

.wp-block-my-blocks-latest-posts h2.heading a {

font-family: var(--global-font-family-initial-value);
font-size: var(--global-heading-h2);
font-style: var(--global-font-style-initial-value);
font-weight: var(--global-font-weight-initial-value);
text-decoration: var(--global-text-decoration-initial-value);
color: var(--global-rgba-black-initial-value);

transition: all .5s;

}

.wp-block-my-blocks-latest-posts h2.heading a:hover {

color: var(--global-rgba-black-50);

}

.wp-block-my-blocks-latest-posts h2.heading a:active {

color: var(--global-rgba-black-initial-value);

}

/* - /heading - */



/* - latest-posts-container - */

.latest-posts-container {

width: var(--global-percentage-initial-value);
height: var(--global-auto-initial-value);

margin: var(--global-spacing-initial-value);
padding: var(--global-spacing-initial-value);

background-color: var(--global-rgba-transparent);

}

/* - /latest-posts-container - */



/* - latest-posts-content - */

.latest-posts-container .latest-posts-content {

width: var(--global-percentage-initial-value);
height: var(--global-auto-initial-value);

margin: var(--global-spacing-initial-value);
padding: var(--global-spacing-top-pixel-50);

background-color: var(--global-rgba-transparent);

}

.latest-posts-container .latest-posts-content:first-of-type {

padding: var(--global-spacing-top-pixel-50);

}

/* - /latest-posts-content - */



/* - excerpt-date.php - */



/* - date-container - */

.latest-posts-container .latest-posts-content .date-container {

width: var(--global-percentage-initial-value);
height: var(--global-auto-initial-value);

margin: var(--global-spacing-initial-value);
padding: var(--global-spacing-bottom-pixel-10);

background-color: var(--global-rgba-transparent);

}

/* - /date-container- */



/* - date-content - */

.latest-posts-container .latest-posts-content .date-container .date-content {

width: var(--global-percentage-initial-value);
height: var(--global-auto-initial-value);

margin: var(--global-spacing-initial-value);
padding: var(--global-spacing-initial-value);

background-color: var(--global-rgba-transparent);

overflow-x: auto;
scrollbar-width: none;

}

.latest-posts-container .latest-posts-content .date-container .date-content::-webkit-scrollbar {

display: none;

}

/* - /date-content- */



/* - entry-categories - */

.latest-posts-container .latest-posts-content .date-container .date-content .entry-categories {

width: var(--global-auto-initial-value);
height: var(--global-auto-initial-value);

margin: var(--global-spacing-initial-value);
padding: var(--global-spacing-initial-value);

background-color: var(--global-rgba-transparent);

white-space: nowrap;

}

.latest-posts-container .latest-posts-content .date-container .date-content .entry-categories ul.post-categories {

padding: var(--global-spacing-initial-value);

display: -webkit-flex;
display: flex;

-webkit-flex-direction: row;
flex-direction: row;

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

-webkit-justify-content: flex-start;
justify-content: flex-start;

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

-webkit-align-items: center;
align-items: center;

}

.latest-posts-container .latest-posts-content .date-container .date-content.entry-categories ul.post-categories li {

padding: var(--global-spacing-right-pixel-5);

}

.latest-posts-container .latest-posts-content .date-container .date-content .entry-categories ul.post-categories li:last-of-type {

padding: var(--global-spacing-initial-value);

}

.latest-posts-container .latest-posts-content .date-container .date-content.entry-categories ul.post-categories li {

font-family: var(--global-font-family-initial-value);
font-size: var(--global-font-size-pixel-12);
font-style: var(--global-font-style-initial-value);
font-weight: var(--global-font-weight-initial-value);
text-decoration: var(--global-text-decoration-initial-value);
color: var(--global-rgba-black-initial-value);

}

.latest-posts-container .latest-posts-content .date-container .date-content.entry-categories ul.post-categories li a {

font-family: var(--global-font-family-initial-value);
font-size: var(--global-font-size-pixel-12);
font-style: var(--global-font-style-initial-value);
font-weight: var(--global-font-weight-initial-value);
text-decoration: var(--global-text-decoration-initial-value);
color: var(--global-rgba-black-initial-value);

transition: all .5s;

}

.latest-posts-container .latest-posts-content .date-container .date-content.entry-categories ul.post-categories li a:hover {

color: var(--global-rgba-black-50);

}

.latest-posts-container .latest-posts-content .date-container .date-content.entry-categories ul.post-categories li a:active {

color: var(--global-rgba-black-initial-value);

}

/* - /entry-categories - */



/* - vertical - */

.latest-posts-container .latest-posts-content .date-container .date-content .entry-categories span.vertical {

font-family: var(--global-font-family-initial-value);
font-size: var(--global-font-size-pixel-12);
font-style: var(--global-font-style-initial-value);
font-weight: var(--global-font-weight-initial-value);
text-decoration: var(--global-text-decoration-initial-value);
color: var(--global-rgba-black-initial-value);

}

/* - /vertical - */



/* - entry-tags - */

.latest-posts-container .latest-posts-content .date-container .date-content .entry-tags {

width: var(--global-auto-initial-value);
height: var(--global-auto-initial-value);

margin: var(--global-spacing-initial-value);
padding: var(--global-spacing-initial-value);

background-color: var(--global-rgba-transparent);

white-space: nowrap;

}

.latest-posts-container .latest-posts-content .date-container .date-content .entry-tags a {

padding: var(--global-spacing-right-pixel-5);

}

.latest-posts-container .latest-posts-content .date-container .date-content .entry-tags a:last-of-type {

padding: var(--global-spacing-initial-value);

}

.latest-posts-container .latest-posts-content .date-container .date-content .entry-tags {

font-family: var(--global-font-family-initial-value);
font-size: var(--global-font-size-pixel-12);
font-style: var(--global-font-style-initial-value);
font-weight: var(--global-font-weight-initial-value);
text-decoration: var(--global-text-decoration-initial-value);
color: var(--global-rgba-black-initial-value);

}

.latest-posts-container .latest-posts-content .date-container .date-content .entry-tags a {

font-family: var(--global-font-family-initial-value);
font-size: var(--global-font-size-pixel-12);
font-style: var(--global-font-style-initial-value);
font-weight: var(--global-font-weight-initial-value);
text-decoration: var(--global-text-decoration-initial-value);
color: var(--global-rgba-black-initial-value);

transition: all .5s;

}

.latest-posts-container .latest-posts-content .date-container .date-content .entry-tags a:hover {

color: var(--global-rgba-black-50);

}

.latest-posts-container .latest-posts-content .date-container .date-content .entry-tags a:active {

color: var(--global-rgba-black-initial-value);

}

/* - /entry-tags - */



/* - vertical - */

.latest-posts-container .latest-posts-content .date-container .date-content .entry-tags span.vertical {

font-family: var(--global-font-family-initial-value);
font-size: var(--global-font-size-pixel-12);
font-style: var(--global-font-style-initial-value);
font-weight: var(--global-font-weight-initial-value);
text-decoration: var(--global-text-decoration-initial-value);
color: var(--global-rgba-black-initial-value);

}

/* - /vertical - */



/* - entry-date - */

.latest-posts-container .latest-posts-content .date-container .date-content .entry-date {

width: var(--global-auto-initial-value);
height: var(--global-auto-initial-value);

margin: var(--global-spacing-initial-value);
padding: var(--global-spacing-initial-value);

background-color: var(--global-rgba-transparent);

white-space: nowrap;

}

.latest-posts-container .latest-posts-content .date-container .date-content .entry-date {

font-family: var(--global-font-family-initial-value);
font-size: var(--global-font-size-pixel-12);
font-style: var(--global-font-style-initial-value);
font-weight: var(--global-font-weight-initial-value);
text-decoration: var(--global-text-decoration-initial-value);
color: var(--global-rgba-black-initial-value);

}

/* - /entry-date - */



/* - /excerpt-date.php - */



/* - excerpt-header.php - */



/* - entry-header - */

.latest-posts-container .latest-posts-content .entry-header {

width: var(--global-percentage-initial-value);
height: var(--global-auto-initial-value);

margin: var(--global-spacing-initial-value);
padding: var(--global-spacing-initial-value);

background-color: var(--global-rgba-transparent);

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;

}

.latest-posts-container .latest-posts-content .entry-header h2.entry-title {

padding: var(--global-spacing-initial-value);

}

.latest-posts-container .latest-posts-content .entry-header h2.entry-title {

font-family: var(--global-font-family-initial-value);
font-size: var(--global-heading-h2);
font-style: var(--global-font-style-initial-value);
font-weight: var(--global-font-weight-initial-value);
text-decoration: var(--global-text-decoration-initial-value);
color: var(--global-rgba-black-initial-value);

}

.latest-posts-container .latest-posts-content .entry-header h2.entry-title a {

font-family: var(--global-font-family-initial-value);
font-size: var(--global-heading-h2);
font-style: var(--global-font-style-initial-value);
font-weight: var(--global-font-weight-initial-value);
text-decoration: var(--global-text-decoration-initial-value);
color: var(--global-rgba-black-initial-value);

transition: all .5s;

}

.latest-posts-container .latest-posts-content .entry-header h2.entry-title a:hover {

color: var(--global-rgba-black-50);

}

.latest-posts-container .latest-posts-content .entry-header h2.entry-title a:active {

color: var(--global-rgba-black-initial-value);

}

/* - /entry-header - */



/* - /excerpt-header.php - */



/* - excerpt.php - */



/* - entry-excerpt - */

.latest-posts-container .latest-posts-content .entry-excerpt {

width: var(--global-percentage-initial-value);
height: var(--global-auto-initial-value);

margin: var(--global-spacing-initial-value);
padding: var(--global-spacing-top-pixel-25);

background-color: var(--global-rgba-transparent);

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;

/* - display: block; or display: none; - */

display: none;

}

.latest-posts-container .latest-posts-content .entry-excerpt {

font-family: var(--global-font-family-initial-value);
font-size: var(--global-font-size-initial-value);
font-style: var(--global-font-style-initial-value);
font-weight: var(--global-font-weight-initial-value);
text-decoration: var(--global-text-decoration-initial-value);
color: var(--global-rgba-black-initial-value);

}

.latest-posts-container .latest-posts-content .entry-excerpt a {

font-family: var(--global-font-family-initial-value);
font-size: var(--global-font-size-initial-value);
font-style: var(--global-font-style-initial-value);
font-weight: var(--global-font-weight-initial-value);
text-decoration: var(--global-text-decoration-initial-value);
color: var(--global-rgba-black-initial-value);

transition: all .5s;

}

.latest-posts-container .latest-posts-content .entry-excerpt a:hover {

color: var(--global-rgba-black-50);

}

.latest-posts-container .latest-posts-content .entry-excerpt a:active {

color: var(--global-rgba-black-initial-value);

}

/* - /entry-excerpt - */



/* - /excerpt.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 - */