/*
Theme Name: bfernandes
Author: bruno fernandes
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: generatepress
Text Domain: generatepresschild

*/

h1, h2, h3, h4, h4, h6, p {
    font-family: 'Roboto Mono', sans-serif;
}

.home h3 {
    font-size: 18px;
    text-align: center;
    margin-top: 1rem;
}

body.single,
body.single .inside-article,
.single .site-header {
    background-color: white;
}




/* header
-----------------------------*/
.site-logo {
    display: none;
}

.main-navigation {
    position: fixed;
    top: 2rem;
    right: 0;
}

.home .main-navigation button,
.single .main-navigation button {
    border: 1px solid #EEC784;
    background-color: #f3f3f3;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500;
    font-family: 'Space Mono', sans-serif;
    color: #EEC784;
    padding: 10px 4rem 10px 20px;
}

.single .main-navigation button {
    background-color: white;
}

.main-navigation button:hover {
    border: 1px solid black;
    color: black;
}

.burns-header {
	display: flex;
    padding-top: 4rem;
}

.burns-logo {
	padding: 25px;
    text-align: center;
    margin: auto;
}

.burns-logo div p a {
	color: #484E50;
    text-decoration: auto;
	font-weight: lighter;
}

.burns-logo img {
	max-width: 100px;
}

.burns-about {
	display: flex;
    align-items: center;
	width: 70%;
	padding-left: 90px;
}

.burns-header h1 {
    font-size: 28px;
	color: #484E50;
	font-weight: normal;
}

.burns-header span {
	color: #EEC784;
}

.burns-header .site-title {
    font-family: "Space Mono";
    font-size: medium;
}


/* intro
---------------------------*/
.page #main.site-main  {
    max-width: 1400px;
    margin: 6rem auto;
}

.intro .entry-summary {
    height: 75vh;
    display: grid;
}


/* portfolio
-----------------------------*/
.portfolio {
    display: grid;
    gap: 3rem;
    padding: 0 20px;
}


.portfolio .capa {
    position: relative;
    overflow: clip;
    background-size: cover;
    width: fit-content;
    margin: auto;
}

.portfolio .capa,
.portfolio .capa img {
    border-radius: 12px;
    overflow: clip;
}

.capa img {
    -webkit-transition: all .3s ease;
}

.portfolio .thumb-hover {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease;
    display: flex;
    opacity: 0;
}

#video {
    position: absolute;
    height: 99%;
    width: 100%;
    object-fit: cover;
}

.portfolio .thumb-hover:hover {
    opacity: 1;
}

@media only screen and (min-width: 810px) {

    section.portfolio  > div:nth-child(1) {
        grid-column: 1/3;
    }
    
    section.portfolio  > div:nth-child(2) img {
        object-fit: cover;
    }
    
    section.portfolio  > div:nth-child(3) {
        grid-column: 1/4;
    }
    
    section.portfolio  > div:nth-child(4) {
        grid-column: 2/4;
    }
}

@media only screen and (min-width: 1200px) {
    .portfolio {
        gap: 7rem;
    }
}


/*
# single
-----------------------------*/
.single h1 {
    font-family: 'Space Mono', sans-serif;
    margin-bottom: 5rem;
    font-size: 27px;
}

.single #main.site-main  {
    margin: 6rem 1rem 0;
}

.single .entry-content .stk-block, .stk-block .stk-block-text__text {
    font-family: "Space Mono", sans-serif;
	font-weight: lighter;
}

.frame {
    position: relative;
}

.frame > img {
    position: relative;
    z-index: 1;
}

.video {
    position: absolute;
    width: 76%;
    top: 5%;
    left: 12%;
}

.single #video {
    width: 100%;
    height: auto;
}

.layout {
    text-align: center;
    margin: 6rem auto;
}

.layout.desktop {
    display: none;
}

.content-tags::before {
	font-family: "dashicons";
	content: "\f323";
	color: #727272;
    font-size: 0.8rem;
    margin-right: 10px;
}

.content-tags a,
.content-category a  {
    color: #727272;
	font-weight: lighter;
    pointer-events: none;
    text-decoration: none;
}

.content-category::before {
	font-family: "dashicons";
	content: "\f120";
	color: #727272;
    font-size: 0.8rem;
    margin-right: 10px;
}

/*related*/
.related {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem;
    background-color: #f3f3f3;
    margin: 0 -1rem;
    padding: 3rem 3rem 5rem;
}

.related .item {
    width: 300px;
    
}

.related img {
    border-radius: 10px;
}

.related h3 {
    width: 100%;
    font-family: 'Space Mono', sans-serif;
}

@media only screen and (min-width: 600px ) {
    .desktop-frame {
    margin: 0 2rem;
    }

    .layout.desktop {
        display: block;
    }

    .layout.mobile {
        display: none;
    }
}

@media only screen and (min-width: 810px ) {
    .desktop-frame {
        width: 60%;
        margin-left: auto;
    }
    
    .single #main.site-main  {
        margin: 6rem 3rem;
    }

    .single h1 {
        font-size: 34px;
    }

    .related  {
        margin: 0 -3rem;
    }
}

@media only screen and (min-width: 1400px ) {
    .desktop-frame {
        width: 50%;
        margin-left: auto;
        margin-right: 8rem;
    }

}

/*
# footer
-----------------------------*/
.site-info {
    display: none;
}