/*
 Theme Name:   Alterlix Child
 Theme URI:    https://alterlix.com
 Description:  Alterlix child theme
 Author:       Tom Usborne
 Author URI:   https://alterlix.com
 Template:     generatepress
 Version:      0.1
*/


body{
    font-family: 'Sofia Pro';
}


h1, h2, h3, h4{
	font-family: Recoleta;
}

@font-face{
    font-family: 'Sofia Pro';
    font-display: swap;
    font-style:normal;
    font-weight:400;
    src:local('Sofia Pro'),local('Sofia Pro'),url(/wp-content/fonts/sofia-pro-regular.woff2) format('woff2')
        ,url(/wp-content/fonts/sofia-pro-regular.woff) format('woff');
}

@font-face{
    font-family: Recoleta;
    font-display: swap;
    font-style:normal;
    font-weight:700;
    src:local('Recoleta'),local('Recoleta'),url(/wp-content/fonts/recoleta-bold.woff2) format('woff2')
        ,url(/wp-content/fonts/recoleta-bold.woff) format('woff');
}



#mobile-header .site-logo{
    margin-left:calc(50% - 82px);
}
#mobile-header .menu-toggle{
    -ms-flex-order:0;
    order:0;
}

.main-navigation a,.menu-toggle{
    font-size:1.1em;
}
    

 input[type=submit], .generate-back-to-top {
    border-radius: 2px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    background-color: #1a0dab;
    background: linear-gradient( 45deg, #1a0dab, #673AB7);
    border: none;
}

.button:hover, button:hover, input[type=button]:hover, input[type=submit]:hover, .generate-back-to-top:hover {
	background: linear-gradient( 45deg, #673AB7, #1a0dab);
}

#mobile-header, .site-header {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
}

/*toc list*/
ol.toc,ol.toc2{
    background:#f1f0ff;
    margin:0 0 1.5rem;
    padding-left:3rem;
    padding-bottom:20px;
    padding-top:20px;
    font-size:1.2rem;
    line-height:40px;
}
@media only screen and (min-width:769px){
    #mobile-header{
        display:none;
    }
    ol.toc{
        column-count:3;
    }
    ol.toc2{
        column-count:2;
    }
}
ol.toc a,ol.toc2 a{
    color:#1a0dab;
    text-decoration:underline;
}

/*post links background*/
.single-post .entry-content p a {
    background-image: linear-gradient(#ffffff 60%, rgb(227 254 253) 20%);
    color: blue;
}

/*pros and cons*/
ul.cons,ul.pros{
    padding:20px 0 20px 40px;
    margin:0 0 40px;
    background:0 0;
}

/*title in the product box*/
.productbox .h3copy{
    line-height:1.3;
    font-weight:600;
    font-size:23px!important;
    font-family:Verdana,Geneva,sans-serif;
    text-transform:uppercase;
}


/*site wide containers*/
.separate-containers .inside-article, .separate-containers .page-header, 
.separate-containers .paging-navigation, .one-container .site-content, .inside-page-header, a.generate-back-to-top, .dropdownbutton
{
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    border-radius: 3px;
}

.home.separate-containers .inside-article, .archive.separate-containers .inside-article {
    background: #fff;
}

/*no shadows on single post page*/
.single-post.separate-containers .post .inside-article {
    box-shadow: none;
margin-top: -50px;
}


/*max width for posts*/
 body.page.no-sidebar .site.grid-container,body.single.no-sidebar .site.grid-container{
    max-width:800px;
}
/*hide date and display published date*/
time.entry-date.published{
    display:none;
}
.page-hero time.updated{
    display:inline-block;
}
/*product box width margin issue*/
.entry-content .alignwide{
    width:100%;
    max-width:100%;
}
@media screen and (min-width:768px){
    .no-sidebar .entry-content .alignwide{
        max-width:760px;
    }
}

/* .productbox .rankone:before, .rank:before {
    content: "Top Pick";
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    position: absolute;
    right: -8px;
    top: -8px;
    white-space: nowrap;
    font-family: "Serifa",georgia,serif;
    padding: 9px 16px 8px 14px;
    color: #fff;
    background-color: #3358d5;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,.14);
    text-shadow: 2px 2px #ff0000;
} */


.archive nav.rank-math-breadcrumb,.page nav.rank-math-breadcrumb{
    background:#f5f8fb;
    border:1px solid #eeeded;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    height:28px;
    padding:4px 0 0 12px;
    font-size:13px;
    box-shadow:inset 1px 1px 1px #e0e0e0;
    overflow-x:hidden;
    overflow-y:hidden;
    letter-spacing:.4px;
    line-height:1.6em;
}
.single nav.rank-math-breadcrumb,.single nav.rank-math-breadcrumb a{
    font-size: 16px;
}
.single nav.rank-math-breadcrumb p{
    margin-bottom: 0;
}


/*meta in post title*/
.article-content-meta {
    display: flex;
    justify-content: center;
}

.Platform, .created {
    margin: 0px 20px;
}

.post-image img {
    border-radius: 3px 3px 0 0;
}

/*search box*/
.entry-content input.search-field {
    padding: 7px 10px;
    border-radius: 2px 0px 0px 2px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    border: none;
}

form.search-form {
    display: flex;
}

.page-hero{
	border-bottom: 1px solid #e8e8e8;
}

/*Page Hero colors*/
/*YELLOW*/
.coloryellow .page-hero h1 {
    color: #5f2c00;
    text-shadow: 2px 1px #F44336;
    letter-spacing: 2px;
}

.coloryellow .site-header, .coloryellow .page-hero {
    background-color: #fdf8c9;
}

/*BLUE*/
.single-post.colorblue .page-hero h1 {
    color: #22005f;
    text-shadow: 2px 1px #2196F3;
    letter-spacing: 2px;
}

.single-post.colorblue .site-header, .single-post.colorblue .page-hero {
    background-color: #eafcff;
}

/*PINK*/
.single-post.colorpink .page-hero h1 {
    color: #5f004f;
    text-shadow: 2px 1px rgba(243, 33, 233, 0.4);
    letter-spacing: 2px;
}

.single-post.colorpink .site-header, .single-post.colorpink .page-hero {
    background-color: #feeaff;
}
/*GREEN*/
.single-post.colorgreen .page-hero h1 {
    color: #005f40;
    text-shadow: 2px 1px rgba(33, 243, 179, 0.3);
    letter-spacing: 2px;
}

.colorgreen .site-header, .colorgreen .page-hero {
    background-color: #eaffef;
}

.gb-container {
    background: #fff;
    border-radius: 3px;
    padding: 20px;
    margin-bottom: 20px!important;
    position: relative;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
}

.productbox-top p {
    margin-bottom: 10px;
}

.productbox-top {
    border-bottom: 1px solid #e8e8e8;
}

/*for auto list counter*/
.inside-article {
    counter-reset: listCounter;
	position: relative;
}

.list-item:before {
    content: counter(listCounter,decimal-leading-zero);
    counter-increment: listCounter;
    display: inline-block;
    margin-right: .500rem;
    text-align: center;
    border-right: 3px solid #ffffff;
    padding-right: .500rem;
    color: #501412;
}

.h3copy a {
    text-shadow: 1px 1px 1px rgba(255, 0, 12, 0.4);
    color: blue;
    text-align: center;
    letter-spacing: 1px;
    padding: 0 5px;
    border-radius: 3px;
}


/*Like buttons*/

.mdp-liker-box .mdp-liker-buttons button {
    box-shadow: 0 6px 0 0 #55b4ff;
    font-weight: bold;
    font-family: Recoleta;
    padding: 8px 26px;
    background: #0274e6;
    border-radius: 3.9px;
}

.mdp-liker-box .mdp-liker-buttons button:hover {
    box-shadow: 0 3px 0 0 #55b4ff;
    transform: none;
}