/**
Theme Name: BeyondLong
Author: Laurence
Author URI: https://beyondlong.co.uk
Description: This is a theme for one purpose. What is that purpose?
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beyondlong
Template: astra
*/

:root {
	--my-color-highlight:#76c5ff59;
	--my-color-hover:#006ab759;
}

.entry-content .fl-rich-text a{
	color: black;
    text-decoration: underline;
    text-decoration-color: var(--my-color-highlight);
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 1rem;
    text-underline-offset: -.7rem;
    transition: -webkit-text-decoration .3s;
    transition: text-decoration .3s;
    transition: text-decoration .3s, 
	-webkit-text-decoration .3s;
}

.entry-content .fl-rich-text a:hover {
    text-decoration-color: var(--my-color-hover);
	text-decoration-thickness: 1.6rem;
    text-underline-offset: -1.3rem;
  }

.entry-content a:hover::after {
      height: 100%;
    }

.bl-homepage-blog a.fl-post-grid-more {
    color: black;
    background: var(--my-color-highlight);
    padding: 10px;
    margin-top: 20px;
}

.bl-homepage-blog a.fl-post-grid-more:hover {
	background: var(--my-color-hover);
}


.bl-homepage-articles a.fl-post-grid-more {
    color: black;
    background: var(--my-color-highlight);
    padding: 10px;
    margin-top: 20px;
}

.bl-homepage-articles a.fl-post-grid-more:hover {
	background: var(--my-color-hover);
}

/* body, html{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: #f8f9f9;
    background-position: center top;
    background-attachment: scroll;
    background-repeat: repeat;
    background-image: url(https://cdn3.sportngin.com/attachments/background_graphic/f82f-147538966/topo-bg-3.svg);
} */

.bl-button {
    font-size: 14px;
    font-weight:bold;
    padding: 10px;
    background-color: red;
    margin-top: 20px;
    display: inline-block;
    transition: all 0.5s;
    color:white;
}

.bl-button a{
	color:white;
}

.bl-button:hover {
    background-color: grey;
    color:black;
}

.ae-article-wrapper{
	display:table;
	width:100%;
}

.ae-article{
	display:table-cell;
	padding:20px; 
	width:32.6%; 
	background-color:white; 
	position:relative;
}

.ae-read-more-button{
	background-color:var(--my-color-highlight);
	color:black;
}

.ae-read-more-button:hover{
	background-color:var(--my-color-hover);
	color:black;
}

@media only screen and (max-width: 600px) {
	.ae-article-wrapper{
		display:block;	
	}
	
	.ae-article{
	display:block;
	padding:20px; 
	width:100%;
	background-color:white; 
	position:relative;
}
}