Video 45 - Creating the Blog Posts Archive Template

/*
*************
Archive Pages
*************
*/

.blog .site-content .elementor-pagination, .archive .site-content .elementor-pagination
{
	margin-top: 50px;
}

.blog .site-content .elementor-pagination span, .archive .site-content .elementor-pagination span, .blog .site-content .elementor-pagination a.page-numbers, .archive .site-content .elementor-pagination a.page-numbers
{
	font-weight: 600;
	border: solid 1px #DDDDDD;
    padding: 10px 15px;
}

.blog .site-content .elementor-pagination a.page-numbers, .archive .site-content .elementor-pagination a.page-numbers
{
	background-color: #15bfd6;
	color: #FFFFFF;
	text-decoration: none;
}

.blog .site-content .elementor-pagination a:hover, .archive .site-content .elementor-pagination a:hover
{
	background-color: #29b1c4;
	color: #FFFFFF!important;
	text-decoration: none;
}

.blog .site-content article, .archive .site-content article
{
	padding: 20px!important;
    border: solid 1px #DDDDDD;
}

.blog .site-content article h2 a, .archive .site-content article h2 a
{
	display: block;
}

.blog .site-content article h2 a:hover, .archive .site-content article h2 a:hover
{
	color: #15bfd6!important;
	text-decoration: none;
}

.blog .site-content article .elementor-post__read-more:hover, .category .site-content article .elementor-post__read-more:hover
{
	text-decoration: underline;
}