/*
Theme Name: Adventures in Freelance
Theme URI: https://adventuresinfreelance.net/
Author: Dwi'n Rhys
Author URI: https://dwinrhys.com
Description: Adventures in Freelance template, a child theme of GeneratePress.
Version: 1.0.4
Requires at least: 5.2
Tested up to: 6.2
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generatepress
Template: generatepress

*/

.author .page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.author .page-header .author-image {
    width: 100px;
    height: 100px;
}

.author .page-header .author-image img {
    border-radius: 100px;
}

.author .page-header .author-wrapper {
    width: 100%;
    margin-top: 30px;
}

.author .quotes {
    margin-left: 0px;
    padding-left: 10px;
    list-style-type: none;
}

.author .quotes li {
    margin-bottom: 40px;
}

.author .quotes li span.aifquote {
    /* display: inline-flex;
    width: 100%;
    flex-wrap: wrap; */
    display: block;
    min-height: 40px;
}

.author .quotes li span.aifquote svg {
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    margin-right: 15px;
    float: left;
}

.author .quotes li a {
    display: block;
    margin-top: 15px;
    clear: both;
}

.author .quotes li span.aifquote svg path {
    fill: var(--accent);
}

.side-box {
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 15px;
    background-color: #fafafa;
}

.freelancer-details {
    margin-top: 15px;
}

.side-box h4,
.freelancer-details h4 {
    font-size: 20px;
    text-transform: uppercase;
    padding-left: 10px;
    border-left-style: solid;
    border-left-width: 4px;
    border-color: var(--accent);
}

.side-box .svg-wrapper svg,
.freelancer-details .svg-wrapper svg {
    width: 100%;
    height: 100%;
}

.side-box .svg-wrapper,
.freelancer-details .svg-wrapper {
    display: inline-flex;
    max-width: 25px;
    max-height: 25px;
    margin-right: 5px;
    align-items: center;
    justify-content: center;
}

.side-box p.with-svg,
.freelancer-details p.with-svg {
    display: flex;
}

.side-box svg path,
.freelancer-details svg path {
    fill: var(--contrast-2);
}

.side-box svg circle,
.freelancer-details svg circle {
    stroke: var(--contrast-2);
}

.post-template-tmp-interview .author-details-side-box {
    width: 100%;
}

.aif-title-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 767px) {
    .users-page-header {
        margin-left: 40px;
    }

    .author-wrapper {
        display: flex;
        justify-content: space-between;
    }

    .author-description {
        margin-right: 30px;
    }

    .author-right-column {
        width: 100%;
        max-width: 25%;
    }
}

@media (min-width: 1024px) {
    .aif-title-container {
        max-width: 75%;
        padding-right: 30px;
    }
}

.post-template-tmp-interview .site-content#content {
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
}

.post-template-tmp-interview .interview-sidebar {
    padding-left: 15px;
    padding-left: 15px;
}

.post-template-tmp-interview .interview-sidebar .author-image {
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 100px;
    height: 100px;
    border-radius: 15px;
}

.post-template-tmp-interview .interview-sidebar .author-image img {
    border-radius: 15px;
}

/** Interview Template **/
@media (min-width: 1200px) {
    .post-template-tmp-interview .site-content {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .post-template-tmp-interview .interview-sidebar {
        width: 100%;
        max-width: 400px;
        padding-left: 30px;
        padding-left: 30px;
    }
}

.generate-columns {
    margin-bottom: 40px;
    padding-left: 40px;
}

.post-image-above-header .inside-article .featured-image,
.post-image-above-header .inside-article .post-image {
    margin-top: 0;
    margin-bottom: 2em;
}
.post-image-aligned-left .inside-article .featured-image,
.post-image-aligned-left .inside-article .post-image {
    margin-top: 0;
    margin-right: 2em;
    float: left;
    text-align: left;
}
.post-image-aligned-center .featured-image,
.post-image-aligned-center .post-image {
    text-align: center;
}
.post-image-aligned-right .inside-article .featured-image,
.post-image-aligned-right .inside-article .post-image {
    margin-top: 0;
    margin-left: 2em;
    float: right;
    text-align: right;
}
.post-image-below-header.post-image-aligned-center .inside-article .featured-image,
.post-image-below-header.post-image-aligned-left .inside-article .featured-image,
.post-image-below-header.post-image-aligned-left .inside-article .post-image,
.post-image-below-header.post-image-aligned-right .inside-article .featured-image,
.post-image-below-header.post-image-aligned-right .inside-article .post-image {
    margin-top: 2em;
}
.post-image-aligned-left > .featured-image,
.post-image-aligned-right > .featured-image {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.post-image-aligned-left .featured-image {
    text-align: left;
}
.post-image-aligned-right .featured-image {
    text-align: right;
}
.post-image-aligned-left .inside-article:after,
.post-image-aligned-left .inside-article:before,
.post-image-aligned-right .inside-article:after,
.post-image-aligned-right .inside-article:before {
    content: "";
    display: table;
}
.post-image-aligned-left .inside-article:after,
.post-image-aligned-right .inside-article:after {
    clear: both;
}
.one-container.post-image-above-header .no-featured-image-padding.generate-columns .inside-article .post-image,
.one-container.post-image-above-header .page-header + .no-featured-image-padding .inside-article .post-image {
    margin-top: 0;
}
.one-container.both-right.post-image-aligned-center .no-featured-image-padding .featured-image,
.one-container.both-right.post-image-aligned-center .no-featured-image-padding .post-image,
.one-container.right-sidebar.post-image-aligned-center .no-featured-image-padding .featured-image,
.one-container.right-sidebar.post-image-aligned-center .no-featured-image-padding .post-image {
    margin-right: 0;
}
.one-container.both-left.post-image-aligned-center .no-featured-image-padding .featured-image,
.one-container.both-left.post-image-aligned-center .no-featured-image-padding .post-image,
.one-container.left-sidebar.post-image-aligned-center .no-featured-image-padding .featured-image,
.one-container.left-sidebar.post-image-aligned-center .no-featured-image-padding .post-image {
    margin-left: 0;
}
.one-container.both-sidebars.post-image-aligned-center .no-featured-image-padding .featured-image,
.one-container.both-sidebars.post-image-aligned-center .no-featured-image-padding .post-image {
    margin-left: 0;
    margin-right: 0;
}
.one-container.post-image-aligned-center .no-featured-image-padding.generate-columns .featured-image,
.one-container.post-image-aligned-center .no-featured-image-padding.generate-columns .post-image {
    margin-left: 0;
    margin-right: 0;
}
@media (max-width: 768px) {
    body:not(.post-image-aligned-center) .featured-image,
    body:not(.post-image-aligned-center) .inside-article .featured-image,
    body:not(.post-image-aligned-center) .inside-article .post-image {
        margin-right: 0;
        margin-left: 0;
        float: none;
        text-align: center;
    }
}
.masonry-enabled .page-header {
    position: relative !important;
}
.separate-containers .site-main > .generate-columns-container {
    margin-bottom: 0;
}
.load-more.are-images-unloaded,
.masonry-container.are-images-unloaded,
.masonry-enabled #nav-below {
    opacity: 0;
}
.generate-columns-container:not(.masonry-container) {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.generate-columns .inside-article {
    height: 100%;
    box-sizing: border-box;
}
.generate-columns-activated.post-image-aligned-left
    .generate-columns-container
    article:not(.featured-column)
    .post-image,
.generate-columns-activated.post-image-aligned-right
    .generate-columns-container
    article:not(.featured-column)
    .post-image {
    float: none;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
}
.generate-columns-container .page-header,
.generate-columns-container .paging-navigation {
    flex: 1 1 100%;
    clear: both;
}
.generate-columns-container .paging-navigation {
    margin-bottom: 0;
}
.load-more:not(.has-svg-icon) .button.loading:before {
    content: "\e900";
    display: inline-block;
    font-family: "GP Premium";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    animation: spin 2s infinite linear;
    margin-right: 7px;
}
.load-more .button:not(.loading) .gp-icon {
    display: none;
}
.load-more .gp-icon svg {
    animation: spin 2s infinite linear;
    margin-right: 7px;
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.generate-columns {
    box-sizing: border-box;
}
.generate-columns.grid-20,
.grid-sizer.grid-20 {
    width: 20%;
}
.generate-columns.grid-25,
.grid-sizer.grid-25 {
    width: 25%;
}
.generate-columns.grid-33,
.grid-sizer.grid-33 {
    width: 33.3333%;
}
.generate-columns.grid-50,
.grid-sizer.grid-50 {
    width: 50%;
}
.generate-columns.grid-60,
.grid-sizer.grid-60 {
    width: 60%;
}
.generate-columns.grid-66,
.grid-sizer.grid-66 {
    width: 66.66667%;
}
.generate-columns.grid-100,
.grid-sizer.grid-100 {
    width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .generate-columns.tablet-grid-50,
    .grid-sizer.tablet-grid-50,
    .generate-columns.mobile-grid-50,
    .grid-sizer.mobile-grid-50 {
        width: 45%;
    }

    .generate-columns-container {
        justify-content: space-between;
    }
}
@media (max-width: 767px) {
    .generate-columns-activated .generate-columns-container {
        margin-left: 0;
        margin-right: 0;
    }
    .generate-columns-container {
        justify-content: space-between;
    }

    .generate-columns.mobile-grid-50,
    .grid-sizer.mobile-grid-50 {
        width: 45%;
    }
    .generate-columns-container .generate-columns,
    .generate-columns-container > * {
        padding-left: 0;
    }
    .generate-columns-container .page-header {
        margin-left: 0;
    }
    .generate-columns.mobile-grid-100,
    .grid-sizer.mobile-grid-100 {
        width: 100%;
    }
    .generate-columns-container > .paging-navigation {
        margin-left: 0;
    }
}
@media (max-width: 768px) {
    .load-more {
        display: block;
        text-align: center;
        margin-bottom: 0;
    }
}

.join-the-conversation {
    margin-top: 25px;
}

.join-the-conversation .social-link {
    width: 40px;
    margin-right: 20px;
    height: 40px;
    border-radius: 20px;
    display: inline-flex;
    background-color: var(--accent);
    align-items: center;
    justify-content: center;
}

.join-the-conversation .social-link svg {
    max-width: 20px;
    max-height: 20px;
}
.join-the-conversation .social-link svg path {
    fill: var(--contrast-2);
}

.join-the-conversation .social-link:hover,
.join-the-conversation .social-link:active,
.join-the-conversation .social-link:focus {
    background-color: var(--contrast-2);
}

.join-the-conversation .social-link:hover svg path,
.join-the-conversation .social-link:active svg path,
.join-the-conversation .social-link:focus svg path {
    fill: var(--accent);
}

.articles-written-header {
    width: 100%;
}

.articles-written-header h2 {
    text-transform: uppercase;
    border-left-style: solid;
    border-left-width: 4px;
    border-color: var(--accent);
    padding-left: 10px;
}

@media (min-width: 768px) {
    .articles-written-header {
        padding-left: 40px;
    }
}

.related-articles-header, .newsletter-header {
    font-size: 20px;
    text-transform: uppercase;
    padding-left: 10px;
    margin-top: 50px;
    border-left-style: solid;
    border-left-width: 4px;
    border-color: var(--accent);
}

.related-articles-wrapper {
    margin-left: -60px;
    display: flex;
    flex-wrap: wrap;
}

.related-grid-column {
    padding-left: 60px;
    padding-bottom: 60px;
}

.related-grid-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.related-grid-container a:hover,
.related-grid-container a:active,
.related-grid-container a:focus {
    color: var(--accent);
}

.related-post-image {
    margin-bottom: 30px;
}

h2.related-headline {
    font-size: 30px;
    margin-bottom: 5px;
}

.related-headline-text {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0px;
}

.related-headline-separator {
    display: inline-block;
    font-size: 14px;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 0px;
}

@media (min-width: 768px) {
    .related-grid-column {
        width: 50%;
        padding-bottom: 10px;
    }
}

.mc4wp-form input[type="text"], .mc4wp-form input[type="email"] {
    margin-top: 5px;
    margin-bottom: 5px;
}

.newsletter-container {
    padding: 20px;
    max-width: 800px;
}

@media (max-width: 600px) {
    .newsletter-container .mc4wp-form input {
        width: 100%;
    }
}