@charset "UTF-8";

/*
Theme Name: Marina Galvão
Author: Carolina Almeida
Author URI: https://carolina-almeida.com
Description: Marina Galvão is a personal website to a specialist in co-creating free learning experiences.
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.6.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Marina Galvão
Tags: personal, blog, facilitator

Marina Galvão Theme, (C) 2025 Marina Galvão
Marina Galvão is distributed under the terms of the GNU GPL.
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

*{
    font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    box-sizing: border-box;
}

:root {
	/* Font Family */
	--global--font-primary: 'Raleway', sans-serif;
	--global--font-secondary: 'Raleway', sans-serif;
    
	/* Font Size */
	--global--font-size-base: 18px;
	--global--font-size-xxs: 14px;
	--global--font-size-xs: 16px;
	--global--font-size-sm: 18px;
	--global--font-size-md: 24px;
	--global--font-size-l: 30px;
	--global--font-size-lg: 36px;
	--global--font-size-xl: 48px;
	--global--font-size-xxl: 72px;
	--global--font-size-xxxl: 120px;
	--global--letter-spacing: 0.05em;

	/* Line Height */
	--global--line-height-body: 1.5;
	--global--line-height-heading: 1.2;

	/* Colors */
	--global--color-black: #1f1a1a;
	--global--color-gray: #CACACA;
	--global--color-white: #F8F8F8;
    --global--color-offwhite: #F2F2EB;
    --global--color-blue: #79BFB3;
    --global--color-green: #7ABBC1;
    --global--color-orange: #E59162;
    --global--color-yellow: #F7DEC6;
    --global--color-mustard: #E9A518;
    --global--color-bege: #f7eee5;
    --global--color-red: #D46163;
	--global--color-primary: var(--global--color-black);

	/* Body text color, site title, footer text color. */
	--global--color-secondary: var(--global--color-black);

	/* Headings */
	--global--color-primary-hover: var(--global--color-primary);
	--global--color-background: var(--global--color-white);

	/* Mint, default body background */
	--global--color-border: var(--global--color-primary);
}

.admin-bar {
	--global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {

	.admin-bar {
		--global--admin-bar--height: 46px;
	}
}

/*GENERAL*/

html {overflow-x: hidden;}

body {
	font-family: var(--global--font-primary);
	font-size: var(--global--font-size-sm);
	line-height: var(--global--line-height-body);
	letter-spacing: var(--global--letter-spacing);
	margin: 0;
	position: relative;
	scrollbar-color: var(--global--color-black) var(--global--color-black);
	scrollbar-width: thin;
	overflow-x: hidden;
	z-index: -1;
	color: var(--global--color-black);
	background-color: var(--global--color-white); 
    overflow-y: scroll;
}

body.hidden {
	height: 100vh;
	overflow: hidden;
}

b {font-weight: 700;}

b em {
	font-weight: 700;
	font-style: italic;
}

#primary i:not(.fab) {font-style: italic !important;}

a {
	color: var(--global--color-orange);
	text-decoration: none;
	transition: 0.2s all;
}

a:hover{
	color: var(--global--color-blue);
	transition: 0.2s all;
}

h1 font, h2 font, h3 font, h4 font, h5 font, h6 font,
h1, h2, h3, h4, h5, h6,
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
	font-family: var(--global--font-secondary);
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: var(--global--line-height-heading);
	margin: 0;
}

h1 {font-size: var(--global--font-size-l);}
h2 {font-size: var(--global--font-size-md);}
h3 {font-size: var(--global--font-size-sm);}
h4 {font-size: var(--global--font-size-xs);}

button {user-select: none;}

button:focus{outline: none;}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: none;
	background-color: #707070;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #707070;
}

::-webkit-scrollbar-thumb {
    background-color: #444444;
    border: 2px solid #444444;
    border-radius: 10px;
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

a.prevent {cursor: default !important;}

input {
    border-radius: 0;
    background-color: transparent;
    border: none;
    font-size: var(--global--font-size-sm);
    color: var(--global--color-black);
}

input:focus {outline: none;}

input::placeholder {
    color: var(--global--color-black);
    text-transform: lowercase;
}

input[type="text"], input[type="email"], input[type="tel"] {
    border-bottom: 1px solid var(--global--color-black) !important;
    height: 35px;
}

select {
    height: 35px;
    font-size: var(--global--font-size-xs);
    background-color: transparent;
    border-radius: 10px;
    padding: 0 10px;
    margin: 5px 0 0;
}

textarea {
    -webkit-appearance: none;
    appearance: none;

    border-radius: 0;
    box-shadow: none;
	
    border-bottom: 1px solid var(--global--color-black);
}

textarea:focus,
select:focus {
  outline: none !important;
  box-shadow: none !important;
}

input[type="submit"],
.wp-block-button__link,
.btn {
    font-family: var(--global--font-secondary);
    font-size: var(--global--font-size-xs);
    font-weight: 600;
    text-transform: lowercase;
    background-color: transparent;
    color: var(--global--color-black);
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
    transition: 0.4s all;
    margin-left: 0;
    height: 30px;
    z-index: 0;
    user-select: none;
    -webkit-user-select: none;
}

.wp-block-button__link {line-height: 1;}

.wp-block-button__link:hover,
.btn.active,
a:hover .btn, .btn:hover {
    color: var(--global--color-orange);
}

.wp-block-button__link::before,
.btn::before {
    content: "";
    width: 28px;
    height: 28px;
    border: 1px solid var(--global--color-orange);
    border-radius: 50%;
    left: -15px;
    top: 0;
    transition: 0.4s all;
    position: absolute;
    z-index: -1;
}

.wp-block-button__link::after,
.btn::after {
    font-family: "Material Icons Outlined";
    content: "\e5c8";
    height: 28px;
    position: absolute;
    right: -18px;
    top: 8px;
    transition: 0.4s all;
    font-size: var(--global--font-size-xxs);
}

.wp-block-button__link:hover::after,
.btn.active::after,
.btn:hover::after,
a:hover .btn::after {
    right: -25px;
    top: 8px;
    transition: 0.4s all;
}

.wp-block-button__link:hover::before,
.btn.active::before,
.btn:hover::before,
a:hover .btn::before {
    left: -10px;
    width: calc(100% + 38px);
    top: 0;
    border-radius: 20px;
    transition: 0.4s all;
    border-color: var(--global--color-orange);
}

.btn:disabled {
    opacity: 0.3;
    pointer-events: none;
}

.fixed {position: fixed;}

em {font-style: italic;}

strong span,
strong em,
strong {font-weight: 700;}

.clear {
    float: none;
    clear: both;
}

.txt {text-align: justify;}

.hidden {display: none;}

/*
-----
HEADER
-----
*/

.header-principal {
    display: grid;
    grid-template-areas: "logo menu";
    grid-template-columns: 200px auto;
    width: calc(100vw - 40px);
    padding: 2vw 3.5vw;
    user-select: none;
    z-index: 3;
    top: 15px;
    left: 0;
    position: fixed;
    transition: 0.4s all;
    background-color: var(--global--color-bege);
    margin: 0 15px;
    border-radius: 20px;
	transition: top 0.3s ease, box-shadow 0.3s ease;
}

.header-principal.scrolled {
    top: 0;
    position: fixed;
}

.home .header-principal:not(.scrolled) #top-logo,
#top-socials {display: none;}

#top-logo,
.home .header-principal:not(.scrolled) #top-socials {display: inline-block;}

.home .header-principal {background-color: var(--global--color-green);}

.home .header-principal.color-change {background-color: var(--global--color-white);}

header .socials ul {justify-content: initial;}

.logo a {
    font-weight: 700;
    color: var(--global--color-black);
    font-size: var(--global--font-size-md);
}

/* Menu */

body.desktop .menu-box {display: none;}

#menu-toggle {display: none;}

.header-principal #menu {
    grid-area: menu;
    position: relative;
}

body.desktop #menu-toggle {display: none;}

body.desktop .menu-toggle {display: none;}

body.desktop .menu .nav {
    display: flex;
    flex-wrap: wrap;
    grid-template-areas: "menu-txt menu-socials menu-language";
    column-gap: 30px;
    justify-content: flex-end;
}

#menu-menu-principal {padding: 0 30px 0 0;}

.menu .nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
	display: flex;
	gap: 30px;
}

.menu .nav ul a {
    text-decoration: none;
    text-transform: lowercase;
    font-weight: 600;
    color: var(--global--color-black);
    transition: 0.4s all;
    position: relative;
}

.menu .nav ul li {position: relative;}

.menu .nav ul li.active a,
.menu .nav ul li:hover a {color: var(--global--color-orange);}

.menu .nav ul li:hover ul li a {color: var(--global--color-black);}

.menu .nav ul li ul li.active a,
.menu .nav ul li ul li:hover a {color: var(--global--color-orange);}

.menu-box a.email {
    font-weight: 600;
    margin: 10px 0 0;
    position: relative;
    display: block;
    text-align: center;
    color: var(--global--color-black);
}

.menu-txt {
    font-size: var(--global--font-size-xs);
    text-align: center;
    margin: 30px 0;
}

/*
-----
BACKGROUND SHAPES
-----
*/

.background-shape {display: none;}

.background-shape {
    position: absolute;
    z-index: 0;
}

.orange-shape {background-color: var(--global--color-orange);}

.blue-shape {background-color: var(--global--color-blue);}

.yellow-shape {background-color: var(--global--color-yellow);}

.mustard-shape {background-color: var(--global--color-mustard);}

.red-shape {background-color: var(--global--color-red);}

.black-line-shape {border: 8px solid var(--global--color-black);}

.triangle-box {position: absolute;}

.circle {
	text-align: left;
	transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
}

.circle:before,
.circle:after {
	content: '';
	position: absolute;
	background-color: inherit;
}

.circle,
.circle:before,
.circle:after {
	border-top-right-radius: 30%;
}

.circle:before {
	transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.circle:after {
	transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}

.square {border-radius: 20px;}

.square-large {
    width: 300px;
    height: 300px;
}

.circle-large,
.circle-large:before,
.circle-large:after {
    width: 200px;
    height: 200px;
}

.circle-medium,
.circle-medium:before,
.circle-medium:after {
    width: 150px;
    height: 150px;
}

.circle-small,
.circle-small:before,
.circle-small:after {
    width: 100px;
    height: 100px;
}

#circle-footer {
    bottom: -200px;
    right: -50px;
}

#circle-image {
    bottom: -80px;
    left: -80px;
}

#circle-right-top {
    top: 200px;
    right: -150px;
}

#circle-right-bottom {
    bottom: -80px;
    right: -150px;
}

#circle-right-middle {
    bottom: 50vh;
    right: -100px;
}

#circle-left-top {
    left: -30px;
    top: 80vh;
}

#circle-left-bottom {
    left: -100px;
    bottom: -80px;
}

#circle-top {
    top: -130px;
    right: 40vw;
	transform: rotate(10deg)
}

.page-template-about #circle-footer {
    bottom: -200px;
    right: auto;
    left: -80px
}

/*
-----
GENERAL
-----
*/

.socials a {
    text-decoration: none;
    color: var(--global--color-black);
}

.socials a:hover {color: var(--global--color-orange);}

.socials ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    column-gap: 20px;
    justify-content: center;
}

.socials i {
    font-size: var(--global--font-size-md);
    transition: 0.3s all;
	font-style: normal !important;
}

.socials a:hover {transform: scale(0.9);}

.grecaptcha-badge {display: none !important;}

/*
-----
FOOTER
-----
*/

footer {
    padding: 4vw 0;
    position: relative;
    overflow: hidden;
}

.home footer #footer-clients {display: none;}

#footer-clients {text-align: center;}

.clients-grid {margin: 50px 0 100px;}

.clients-item img {
    margin: 0 30px;
    filter: grayscale(1) brightness(0);
    opacity: 0.3;
    transition: 0.3s all ease;
}

.clients-item img:hover {
    filter: grayscale(0) brightness(1);
    opacity: 1;
}

.slick-track {
    display: inline-flex !important;
    align-items: center;
}

footer p {margin: 0;}

#footer-newsletter {
    display: grid;
    grid-template-columns: 400px auto;
    gap: 4vw;
    margin: 50px 4vw;
}

.newsletter-text {text-align: right;}

.newsletter-text p {
    font-style: italic;
    line-height: 1.2;
    margin-top: 10px;
    color: var(--global--color-blue);
}

.newsletter-form {margin-top: 13px;}

.newsletter-form form {
    display: inline-grid;
    gap: 2vw;
    grid-template-columns: 1fr 1fr auto;
    width: 100%;
    align-items: baseline;
}

#footer-contact a {color: var(--global--color-black);}

#footer-contact a:hover {color: var(--global--color-orange);}

#footer-contact {text-align: center;}

footer a.email {
    display: inline-block;
    text-align: center;
    margin: 10px 0 0;
    font-weight: 600;
}

.mailpoet_recaptcha {display: none;}

/*
-----
HOMEPAGE
-----
*/

#primary {
    position: relative;
    padding: 0;
}

.section-home a {display: inline-block;}

#home-1 {
    background-color: var(--global--color-green);
    margin: 15px;
    border-radius: 15px;
    width: calc(100vw - 40px);
    min-height: calc(100vh - 30px);
    display: grid;
    grid-template-areas: "title content" "image content";
    grid-template-columns: 1fr 1.5fr;
    column-gap: 5vw;
    padding: 8vw 12vw 5vw 5vw;
}

#home-1 .section-title {
    grid-area: title;
    z-index: 1;
}

#home-1 .section-image {
    grid-area: image;
    display: flex;
    justify-content: flex-end;
    margin: -50px 0 0;
    position: relative;
}

#home-1 h1 {
    font-size: var(--global--font-size-xxl);
    line-height: 0.8;
}

#home-1 h1 span {
    font-weight: 700;
    display: block;
    margin-left: 30px;
}

.section-home svg {width: 25vw;}

#home-1 #square-bottom {
    transform: rotate(20deg);
    bottom: -100px;
    left: 25%;
}

#home-1 .section-content {
    grid-area: content;
    color: var(--global--color-white);
}

#home-1 .section-content .section-txt {
    line-height: 1.6;
}

#home-1 .section-txt h2 {margin: 0 0 20px;}

#home-1 .section-txt h3 {   
	background: var(--global--color-orange);
    display: inline;
    padding: 3px !important;
    position: relative;
	margin: 20px 0 0;
	line-height: 1.8;
}

#home-1 .section-btn {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    margin: 20px 0 0 5px;
}

#home-2 {
    padding: 80px 5vw 30px;
    z-index: 1;
    position: relative;
}

#home-2 .section-grid {
	margin: 20px 0 50px;
    display: grid;
    grid-template-areas: "content filter";
    grid-template-columns: auto 500px;	
    gap: 3vw;
}

#home-2 .section-content .section-txt {
    line-height: 1.8;
    margin-bottom: 50px;
}

#home-2 .section-content .section-txt p {margin: 0;}

#home-2 .section-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-content: flex-start;
}

#home-2 .section-filter a {
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid var(--global--color-red);
    color: var(--global--color-red);
    border-radius: 30px;
    font-weight: 600;
    font-size: var(--global--font-size-xs);
    text-transform: uppercase;
    transform: scale(1);
    transition: 0.3s all ease-in;
}

#home-2 .section-filter a:hover {
    background-color: var(--global--color-red);
    color: var(--global--color-white);
    transform: scale(0.95);
}

#home-2 .section-btn {margin-left: 5px;}

body.home #blog-table tbody {justify-content: center;}

.destaques-grid {position: relative;}

ul.destaques-tabs {
    display: flex;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: calc(-2vw - 28px);
    left: 15px;
}

.destaques-item {
    margin: 15px 15px 0;
    background-color: var(--global--color-orange);
    padding: 3.5vw 5vw;
    position: relative;
    margin-top: calc(2vw + 30px);
    color: var(--global--color-white);
    display: grid;
    grid-template-areas: "text image" "btn image";
    grid-template-columns: auto 30vw;
    gap: 30px 50px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.destaques-item:not(.active) {
    position: absolute;
    top: 0;
    width: calc(100% - 2vw);
    left: 15px;
    margin: 0;
    opacity: 0;
    visibility: hidden;
}

.destaques-title {
    background-color: rgba(230, 146, 99, 0.25);
    color: var(--global--color-orange);
    padding: 15px 2vw;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    cursor: pointer;
    transform: scale(1);
    transition: 0.3s all ease;
}

.destaques-title:not(.active):hover {transform: scale(0.9);}

li.active.destaques-title {
    background-color: var(--global--color-orange);
    color: var(--global--color-white);
}

.destaques-text {grid-area: text;}

.destaques-text > p:first-child {margin-top: 0;}

.destaques-btn {
    grid-area: btn;
    margin-left: 10px;
}

.destaques-btn .btn::before {border: 1px solid var(--global--color-bege);}

.destaques-btn .btn:hover::before, .destaques-btn a:hover .btn::before {
    border: 1px solid var(--global--color-bege);
    border-color: var(--global--color-bege);
}

.destaques-btn a:hover .btn, .btn:hover {
    color: var(--global--color-bege);
}

.destaques-image {
    grid-area: image;
    width: 100%;
    height: 20vw;
    border-radius: 20px;
}

.destaques-image-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 10px;
}

#home-3 {margin: 130px 0 50px;}

#home-4 {margin: 0 0 50px;}

#home-4 .section-btn {
    display: flex;
    width: 100%;
    justify-content: center;
}

.home #blog-table tbody {gap: 80px 50px !important;}

.home .dataTables_paginate {display: none;}

.section-btn .btn {font-size: var(--global--font-size-sm);}

body.home #circle-top {
    top: -220px;
}

body.home #circle-right-top {
    top: 60vh;
}

/*
-----
ABOUT
-----
*/

body:not(.home) #primary {
    background-color: var(--global--color-bege);
    margin: 15px;
    border-radius: 15px;
    width: calc(100vw - 40px);
    min-height: calc(100vh - 30px - 15vw);
    padding: 10vw 10vw 5vw;
}

.about-content {
    display: grid;
    grid-template-areas: 
        "image text"
        "box text"
        "courses courses"
        "text-bottom text-bottom";
    grid-template-columns: 350px auto;
    gap: 3vw;
}

.about-image {
    grid-area: image;
    position: relative;
}

.about-image-box {
    height: 430px;
    border-radius: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
}

.about-text {
    grid-area: text;
}

.about-box {
    grid-area: box;
    position: relative;
    z-index: 1;
}

.about-courses {grid-area: courses;}

.about-courses ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    gap: 20px;
    list-style: none;
    justify-content: center;
}

.about-courses ul li {
    padding: 5px 30px;
    border: 1px solid #8b69695c;
    border-radius: 30px;
    font-weight: 600;
}

.about-text-bottom {
    grid-area: text-bottom;
}

/*
-----
dataTABLE
-----
*/

.blog-filter input {display: none;}

#blog-table thead,
.dataTables_info,
.dataTables_length {display: none !important;}

table.dataTable.no-footer {border: none !important;}

#blog-table tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: flex-start;
    margin: 50px 0;
}

/* dataTable Filter */

#blog-table_filter {display: none !important;}

.blog-filter {
    font-size: var(--global--font-size-xxs);
    text-transform: uppercase;
    display: flex;
    gap: 15px;
    margin: 20px 0;
    transition: 0.2s all;
    color: var(--global--color-black);
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.home .blog-filter {margin: 0;}

.blog-filter label {
    cursor: pointer;
    padding: 5px 20px;
    border: 1px solid var(--global--color-black);
    border-radius: 20px;
    user-select: none;
    transition: 0.3s all;
    font-weight: 500;
    transform: scale(1);
}

.home .blog-filter label {
	border: 1px solid var(--global--color-orange);
	cursor: initial;
	pointer-events: none;
}

.blog-filter input:checked + label, .blog-filter input:hover + label {
    background-color: var(--global--color-black);
    color: var(--global--color-bege);
    font-weight: 600;
    transform: scale(0.95);
}

/* dataTable Pagination */

.dataTables_wrapper .dataTables_paginate {
    margin: 0 0 50px;
    width: 100%;
}

.dataTables_paginate span {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.dataTables_paginate a {
    border: none !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.dataTables_paginate a.current {font-weight: 600;}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {color: var(--global--color-green) !important;}

/*
-----
PROJECTS
-----
*/

body.page-template-projects #primary {
    background-color: var(--global--color-bege);
    width: calc(100vw - 40px);
    padding: 10vw calc(3.5vw - 15px) 5vw;
    display: grid;
    grid-template-areas: "header grid";
    grid-template-columns: 500px auto;
    grid-gap: 3.5vw;
}

body.page-template-projects .blog-filter {justify-content: left;}

body.page-template-projects #blog-table tbody {gap: 30px;}

.project-grid {
    position: relative;
    z-index: 1;
}

.project-grid #blog-table tbody tr {
    display: grid;
    grid-template-areas:
        "image title"
        "image content";
    width: calc(93vw - 10px);
	column-gap: 30px;
    border-bottom: 1px solid var(--global--color-orange);
	min-height: 330px;
}

.project-grid table.dataTable tbody td.project-image {
    padding: 0;
    overflow: hidden;
    grid-area: image;
    width: 450px;
}

.project-grid table.dataTable tbody td.project-image div {
    height: 300px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: 0.4s ease all;
	border-radius: 15px;
}

td.project-category {display: none;}

table.dataTable tbody td.project-title {padding: 0;}

.project-title {display: none;}

table.dataTable tbody td.project-content {padding: 0 0 30px;}

.project-content p:first-of-type {margin-top: 0;}

.project-content p:last-of-type {margin-bottom: 0;}

body.page-template-projects .dataTables_paginate {display: none;}

/*
-----
BLOG
-----
*/

body.page-template-blog #primary {
    background-color: var(--global--color-bege);
    width: calc(100vw - 40px);
    padding: 10vw calc(3.5vw - 15px) 5vw;
}

body.page-template-blog .header-content {
    display: grid;
    grid-template-areas: "page-info page-filter";
    grid-template-columns: 1.5fr 1fr;
}

body.page-template-blog .blog-filter {
    justify-content: right;
    align-items: flex-start;
}

tr.blog-item {
    border: 2px solid var(--global--color-black);
    display: grid;
    grid-template-areas:
        "image txt"
        "image button";
    grid-template-columns: 280px auto;
    flex-wrap: wrap;
    width: calc((93vw - 70px) / 2);
    gap: 20px;
    cursor: pointer;
    transition: 0.4s ease-in-out;
    border-radius: 20px;
    position: relative;
    z-index: 0;
}

tr.blog-item:hover {
    transform: scale(0.9);
    border: 2px solid var(--global--color-orange);
    color: var(--global--color-orange);
}

td.blog-image {
    padding: 0 !important;
    border-top-left-radius: 18px !important;
    border-bottom-left-radius: 18px;
    overflow: hidden;
    grid-area: image;
}

.blog-image-img {
    height: 100%;
    background-size: cover;
    background-position: center;
	transition: 0.4s all;
	transform: scale(1.1);
}

td.blog-infos {padding: 20px 20px 0 0 !important;}

tr.blog-item td.blog-txt{
    padding: 50px 30px 0;
    grid-area: txt;
}

tr.blog-item .blog-excerpt{
    padding: 10px 0;
    font-size: var(--global--font-size-xs);
}

tr.blog-item td.blog-categories {
    grid-area: categories;
    position: absolute;
    top: -15px;
    left: 20px;
    background-color: var(--global--color-black);
    color: var(--global--color-offwhite);
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 20px;
    padding: 5px 20px;
    font-weight: 700;
	transition: 0.3s all;
}

tr.blog-item td.blog-button{
    grid-area: button;
    padding: 0 20px 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

tr.blog-item td.file-button {justify-content: end;}

tr.blog-item:hover .blog-image-img {transform: scale(1);}
	
tr.blog-item:hover td.blog-categories {background-color: var(--global--color-orange);}

tr.blog-item:hover td.blog-button button {color: var(--global--color-orange);}

tr.blog-item:hover td.blog-button .btn::before {
    left: -10px;
    width: calc(100% + 38px);
    top: 0;
    border-radius: 20px;
    transition: 0.4s all;
}

tr.blog-item:hover td.blog-button .btn::after {right: -25px;}

.blog-button .btn {margin-right: 20px;}

.blog-button span {
    display: flex;
    align-items: center;
    font-size: var(--global--font-size-xxs);
}

.blog-button span::before {
    font-family: "Material Icons Outlined";
    content: "\e8b5";
    margin-right: 5px;
    color: var(--global--color-orange);
}

body.page-template-blog #circle-left-top {left: -150px;}

/* Files - Modal */

html.modal-active, body.modal-active {overflow: hidden;}
  
#modal-container {
    position: fixed;
    display: table;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    z-index: 999;
}

#modal-container {transform: scale(1);}

#modal-container .modal-background {
    background: rgba(0, 0, 0, 0);
    animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-container .modal-background .modal {
    opacity: 0;
    animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-container + .content {animation: scaleBack 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

#modal-container.out {animation: quickScaleDown 0s 0.5s linear forwards;}

#modal-container.out .modal-background {animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

#modal-container.out .modal-background .modal {animation: scaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

#modal-container.out + .content {animation: scaleForward 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

#modal-container .modal-background {
    display: table-cell;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    vertical-align: middle;
}

#modal-container .modal-background .modal {
    background-color: var(--global--color-black);
    color: var(--global--color-white);
    padding: 20px;
    display: inline-block;
    border-radius: 20px;
    font-weight: 300;
    position: relative;
    width: 700px;
    max-width: 90vw;
    overflow: hidden;
}

.modal-close {
    text-align: right;
    user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
}

.modal-close span {
    font-size: var(--global--font-size-lg);
    transform: scale(1);
    transition: 0.4s all;
}

.modal-close span:hover {
    transform: scale(0.9);
    color: var(--global--color-orange);
}

.modal-title {
    font-size: var(--global--font-size-l);
    font-weight: 700;
}

.modal-form {margin: 30px 15%;}

.modal-form input[type="text"], 
.modal-form input[type="email"],
.modal-form input[type="tel"] {
    border-bottom: 1px solid var(--global--color-white) !important;
    color: var(--global--color-white) !important;
}

.modal-form label.submit {
	margin: 50px 0 0;
    display: flex;
    justify-content: center;
}

.modal-form input[type="submit"] {
    color: var(--global--color-white);
    border: 1px solid var(--global--color-white) !important;
}

.modal-form input[type="submit"]:hover {
    color: var(--global--color-black);
    background-color: var(--global--color-white);
}

.modal-form input::placeholder {color: var(--global--color-white);}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
	height: 30px;
	width: 100%;
    font-size: var(--global--font-size-xs);
}

input[type="submit"] {
    padding: 8px 25px !important;
    border: 1px solid var(--global--color-black) !important;
    height: auto;
    border-radius: 20px;
	transition: 0.3s all;
}

input[type="submit"]:hover {
	background-color: var(--global--color-black);
	color: var(--global--color-offwhite);
	transform: scale(0.95);
}

.wpcf7 p {margin: 0 0 20px;}

.wpcf7 textarea {
    resize: none;
    width: 100%;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: var(--global--font-size-xs);
	height: 150px;
}

.wpcf7 textarea:focus {outline: none;}

.wpcf7-spinner {display: none;}

.wpcf7-not-valid-tip {
	color: var(--global--color-red);
	font-size: var(--global--font-size-xs);
}

.wpcf7 form .wpcf7-response-output {
    border: none !important;
    width: 100%;
    margin: 0;
    font-size: var(--global--font-size-xs);
    border-radius: 10px;
    text-align: center;
    color: var(--global--color-offwhite);
    padding: 10px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {background-color: var(--global--color-red);}

.wpcf7 form.sent .wpcf7-response-output {background-color: var(--global--color-blue);}

#circle-modal {
    bottom: -100px;
    left: -150px;
}

body.page-template-files #circle-footer {
    bottom: -200px;
    right: auto;
    left: -100px;
}

@keyframes fadeIn {
0% {
    background: rgba(0, 0, 0, 0);
}
100% {
    background: rgba(0, 0, 0, 0.7);
}
}
@keyframes fadeOut {
0% {
    background: rgba(0, 0, 0, 0.7);
}
100% {
    background: rgba(0, 0, 0, 0);
}
}
@keyframes scaleUp {
0% {
    transform: scale(0.8) translateY(1000px);
    opacity: 0;
}
100% {
    transform: scale(1) translateY(0px);
    opacity: 1;
}
}
@keyframes scaleDown {
0% {
    transform: scale(1) translateY(0px);
    opacity: 1;
}
100% {
    transform: scale(0.8) translateY(1000px);
    opacity: 0;
}
}
@keyframes scaleBack {
0% {
    transform: scale(1);
}
100% {
    transform: scale(0.85);
}
}
@keyframes scaleForward {
0% {
    transform: scale(0.85);
}
100% {
    transform: scale(1);
}
}
@keyframes quickScaleDown {
0% {
    transform: scale(1);
}
99.9% {
    transform: scale(1);
}
100% {
    transform: scale(0);
}
}
 
/*
----
BLOG SINGLE
----
*/

.top-bar {
    display: grid;
    grid-template-areas: "back categories";
    grid-template-columns: 100px auto;
    align-items: center;
	margin: 0 0 10px;
}
/*
.top-bar .btn::after, a .btn::after {
    right: -35px;
}

.top-bar .btn:hover::after, a:hover .btn::after {
    right: -40px;
}
*/
.single-categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.single-categories ul li {
    text-transform: uppercase;
    font-size: var(--global--font-size-xxs);
    font-weight: 600;
}

.single-image {
    max-height: 400px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.single-image img {
    width: 100%;
    height: auto;
}

.single-title {margin: 30px 0 10px;}

.single-time {
    display: flex;
    align-items: center;
    font-size: var(--global--font-size-xs);
}

.single-time::before {
    font-family: "Material Icons Outlined";
    content: "\e8b5";
    margin-right: 5px;
    color: var(--global--color-orange);
}

.single-infos {
    display: grid;
    grid-template-areas: "author time share";
    grid-template-columns: auto 70px 30px;
    gap: 10px;
}

.share-icon {
    width: 30px;
    text-align: left;
    color: var(--global--color-black);
    position: relative;
    top: 0;
    display: inline-block;
    float: left;
	margin: 3px 0 0 10px;
}

.share-icon span {
    transition: all 0.3s;	
    position: relative;
    right: 0;
    cursor: pointer;
}

.share-icon:hover span {
    color: var(--global--color-orange);
    right: -10px;
}

.share-icon i {cursor: pointer;}

ul.share-social-icons {
	display: inline-flex;
    list-style: none;
    position: absolute;
    right: -90px;
    margin: 0;
    padding: 0;
}

.share-social-icons li {padding-left: 15px;}

.show-icon {
	opacity: 1 !important;
  	transition: all 0.3s;
}

.facebook-share, .whatsapp-share, .twitter-share, .linkedin-share {opacity: 0;}

.share-social-icons li a {
	color: var(--global--color-black);
  	transition: all 0.3s;	
}

.share-social-icons li a:hover {color: var(--global--color-orange);}

.single-txt {margin: 30px 0;}

.single #circle-left-top {left: -150px;}

/*
----
COMMENTS
----
*/

.single-comments {
    border: 1px solid;
    padding: 30px;
    margin: 50px 0 0;
    border-radius: 20px;
}

.single-comments form {
    display: grid;
    grid-template-areas:
        "comment author"
        "comment email"
        "submit submit";
    grid-template-columns: auto 300px;
    column-gap: 30px;
}

.comment-form-comment {grid-area: comment;}

.single-comments textarea {
    width: 100%;
    height: 100%;
    padding: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    resize: none;
    background-color: transparent;
    font-size: var(--global--font-size-xs);
}

.single-comments input[type="text"],
.single-comments input[type="email"] {
	font-size: var(--global--font-size-xs);
    width: 100%;
}

.single-comments .form-submit {margin-bottom: 0;}

.single-comments ol {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;	
}

.single-comments ol.children {margin: 0 0 20px 50px;}

.single-comments ol li {
	border-bottom: 1px solid #d69c7c7d;
	padding: 20px 0 0;
}

.comment-meta {
    display: flex;
    gap: 20px;
    align-items: center;
}

.comment-author {
    display: flex;
    gap: 10px;
    align-items: center;
}

.comment-time {
    font-size: var(--global--font-size-xs);
    opacity: 0.5;
}

.comment-author img {
	border-radius: 50%;
	background-color: var(--global--color-blue);
}

.comment-content {margin: -15px 0 0 50px;}

.comment-reply {margin: -10px 0 20px 50px;}

.comment-reply a {
    font-size: var(--global--font-size-xxs);
    color: var(--global--color-black);
    font-weight: 700;
}

#cancel-comment-reply-link {
    color: var(--global--color-black);
    padding: 5px 10px;
    border: 1px solid;
    border-radius: 20px;
    font-size: 13px;
    text-transform: lowercase;
}

/*
-----
404
-----
*/

.error404 #primary {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.error404 h1 {
    font-size: var(--global--font-size-xxxl);
    color: var(--global--color-offwhite);
    line-height: 1;
}

.error404 p {margin: 10px 0 0;}

/*
RESPONSIVE
*/

@media (max-width: 1023px) {

    :root {
        
        /* Font Size */
        --global--font-size-base: 16px;
        --global--font-size-xxs: 13px;
        --global--font-size-xs: 14px;
        --global--font-size-sm: 16px;
        --global--font-size-md: 18px;
        --global--font-size-l: 24px;
        --global--font-size-lg: 30px;
        --global--font-size-xl: 36px;
        --global--font-size-xxl: 42px;
    }
    
    h1 {font-size: var(--global--font-size-lg);}
    h2 {font-size: var(--global--font-size-l);}
    h3 {font-size: var(--global--font-size-md);}
    h4 {font-size: var(--global--font-size-sm);}
    h5 {font-size: var(--global--font-size-xs);}
    h6 {font-size: var(--global--font-size-xxs);}
    
    #primary {min-height: auto;}

    /*
    GENERAL 
    */

    body.frozen {
        height: 100vh;
        overflow: hidden;
    }

    .circle-large {
        width: 200px;
        height: 200px;
    }

    #circle-top {top: -150px;}

    body:not(.home) #primary {
        width: calc(100vw - 30px);
        padding: 20vw 5vw 5vw;
        min-height: auto;
    }

    /*
    HEADER
    */

    .header-principal {
		padding: 5vw;
		width: calc(100vw - 30px);
	}

    #top-socials .socials ul {justify-content: flex-start;}

    #home-1 {
        width: calc(100vw - 20px);
        grid-template-areas:
            "title"
            "image"
            "content";
        grid-template-columns: 100%;
        padding: 25vw 5vw 5vw;
		margin: 10px;
    }

    #home-1 .section-title {z-index: 2;}

    #home-1 .section-image {
        margin: -30px 0 0;
        z-index: 1;
    }

    .section-home svg {width: 60vw;}

    #home-1 #square-bottom {display: none;}

    #home-1 .section-content {
        margin-top: 20px;
        z-index: 1;
    }

    #home-2 {
        margin: 5vw;
        grid-template-areas: "content" "filter";
        grid-template-columns: 100%;
        gap: 5vw;
		padding: 20px 0 30px;
    }

    #home-2 .section-content .section-txt {margin-bottom: 5vw;}

	#home-2 .section-grid {
		margin: 20px 0 0;
		display: grid;
		grid-template-areas:
			"content"
			"filter";
		grid-template-columns: 100%;
		gap: 30px;
	}
	
    .destaques-grid {margin: 50px 0 0;}

    ul.destaques-tabs {
        top: -70px;
        width: calc(100vw - 30px);
    }

	.destaques-title {padding: 15px 2vw 35px;}
	
    .destaques-title h1 {font-size: var(--global--font-size-md);}

    .destaques-item {
        grid-template-areas:
            "text"
            "btn"
            "image";
        grid-template-columns: 100%;
    }

    .destaques-image {height: 200px;}

	#home-3 {margin: 50px 0;}
	
    /* Menu */

    body:not(.home.desktop) .menu .nav {
        width: 100vw;
        right: -100vw;
    }

    /* Menu */

    body.desktop .menu-box {display: none;}

    .menu-toggle {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 35px;
        height: 35px;
        transition: 500ms ease-in-out;
        cursor: pointer;
        z-index: 99;
        margin: 0;
        right: 0;
    }

    #menu-toggle {display: none;}

    .menu-toggle span {
        position: relative;
        display: block;
        width: 35px;
        height: 3px;
        background-color: var(--global--color-black);
        float: right;
        transform-origin: center center;
        transition: transform 250ms ease;
    }

    .header-principal #menu {
        grid-area: menu;
        position: relative;
    }

    body.home.desktop #menu-toggle {display: none;}

    body.home.desktop .menu-toggle {display: none;}

    body.home.desktop .menu .nav {
        display: flex;
        flex-wrap: wrap;
        grid-template-areas: "menu-txt menu-socials menu-language";
        column-gap: 30px;
        justify-content: flex-end;
    }

    body.home.desktop .menu .nav ul {padding: 0;}

    body:not(.home.desktop) .menu .nav {
        position: fixed;
        right: -100vw;
        transition: right 500ms ease;
        top: 0;
        height: 100vh;
        width: 100vw;
        display: grid;
        background-color: var(--global--color-white);
        z-index: 98;
        padding: 20px;
        align-content: space-between;
    }

    #menu-menu-principal {padding: 0 30px 0 0;}
	
    .menu .nav ul {
        margin: 0;
        padding: 100px 0 0;
        list-style: none;
        display: grid;
        gap: 10px;
    }

    .menu .nav ul a {
        text-decoration: none;
        text-transform: lowercase;
        font-weight: 600;
        color: var(--global--color-black);
        transition: 0.4s all;
        position: relative;
    }

    .menu .nav ul li {position: relative;}

    .menu .nav ul li.active a,
    .menu .nav ul li:hover a {color: var(--global--color-orange);}

    .menu .nav ul li:hover ul li a {color: var(--global--color-black);}

    .menu .nav ul li ul li.active a,
    .menu .nav ul li ul li:hover a {color: var(--global--color-orange);}

    .menu-toggle span:nth-of-type(1) {transform: translateY(-8px);}

    .menu-toggle span:nth-of-type(3) {transform: translateY(8px);}

    #menu-toggle:checked ~ .menu-toggle {
        background-color: transparent;
        transition: 500ms ease-in-out;
        right: calc(250px - 3.5vw);
    }

    #menu-toggle:checked ~ .menu-toggle span {
        transition: transform 250ms ease;
        background-color: var(--global--color-black);
    }

    #menu-toggle:hover ~ .menu-toggle span:nth-of-type(1) {transform: translateY(1px);}
    #menu-toggle:checked ~ .menu-toggle span:nth-of-type(1) {transform: translateY(1px) rotate(45deg);}

    #menu-toggle:hover ~ .menu-toggle span:nth-of-type(2),
    #menu-toggle:checked ~ .menu-toggle span:nth-of-type(2) {display: none;}

    #menu-toggle:hover ~ .menu-toggle span:nth-of-type(3),
    #menu-toggle:hover ~ .menu-toggle span:nth-of-type(3) {transform: translateY(8px);}

    #menu-toggle:hover ~ .menu-toggle span:nth-of-type(3) {transform: translateY(-1px);}
    #menu-toggle:checked ~ .menu-toggle span:nth-of-type(3) {transform: translateY(-1px) rotate(-45deg);}

    #menu-toggle:checked ~ .nav {
        right: 0;
        transition: right 500ms ease;
    }

    .menu-box a.email {
        font-weight: 600;
        margin: 10px 0 0;
        position: relative;
        display: block;
        text-align: center;
        color: var(--global--color-black);
    }

    .menu-txt {
        font-size: var(--global--font-size-xs);
        text-align: center;
        margin: 30px 0;
    }

    #menu-toggle:checked ~ .menu-toggle {right: calc(87vw - 30px);}

    .menu .nav ul a {font-size: var(--global--font-size-lg);}

    .socials i {
        font-size: var(--global--font-size-lg);
    }

    .menu-box a.email {
        font-size: var(--global--font-size-md);
    }

    .menu-txt {font-size: var(--global--font-size-sm);}

    /*
    FOOTER
    */

	.newsletter-text {text-align: left;}
	
	#mailpoet_form_1 form.mailpoet_form {padding: 0 !important;}
	
    #footer-newsletter {
		grid-template-columns: 100%;
    	margin: 20px 4vw 50px;
	}

    .newsletter-form form {
        grid-template-columns: 100%;
        width: 100%;
    }

    .newsletter-form form {justify-items: end;}

    #footer-newsletter input[type="text"],
    #footer-newsletter input[type="email"] {width: calc(100vw - 30px) !important;}

    .newsletter-form form .btn {margin-right: 5vw;}

    /*
    ABOUT
    */

    .about-content {
		width: calc(90vw - 30px);
        grid-template-areas:
            "image"
            "text"
            "courses"
            "text-bottom"
            "box";
        row-gap: 5vw;
    }

    .about-image-box {
        height: 300px;
        width: calc(90vw - 30px);
    }
	
	.about-text-bottom,
	.about-box,
	.about-courses,
	.about-text {width: calc(90vw - 30px);}

    .about-text-bottom {margin: 30px 0;}

    body.page-template-about #circle-right-top {
        top: 200px;
        z-index: 3;
    }

    #circle-image {
        bottom: auto;
        left: -150px;
        top: 50px;
    }

    #circle-image.circle-medium {
        width: 200px;
        height: 200px;
    }

    body.page-template-about #circle-right-bottom {display: none;}

    /*
    PROJETOS
    */

    #blog-table tbody {margin: 0 0 30px;}

    body.page-template-projects #primary {
        width: calc(100vw - 30px);
        padding: 20vw 5vw 5vw;
        display: grid;
        grid-template-areas:
            "header"
            "grid";
        grid-template-columns: 100%;
        grid-gap: 3.5vw;
    }

    .project-grid #blog-table tbody tr {
        grid-template-areas:
        "image"
        "title"
        "content";
        grid-template-rows: 250px auto auto;
        width: calc(90vw - 30px);
        row-gap: 10px;
    }
	
	body.page-template-projects .blog-filter {
		justify-content: center;
		margin: 0 -15px;
	}
	
	.blog-filter label {font-size: 12px;}

	table.dataTable tbody td.project-content {padding: 0 0 20px;}

	.project-grid table.dataTable tbody td.project-image {width: calc(90vw - 30px);}
	
    /*
    SINGLE PROJECTS
    */

    body.single-projects-post .header-principal {padding: 5vw;}

    body.single-projects-post #primary {
        display: grid;
        padding: 10vw 200px 10vw 2.5vw;
        grid-template-areas: "content";
        grid-template-columns: 100%;
    }

    .single-sidebar {display: none;}

    .top-bar {margin: 0 0 10px;}

    body.single-projects-post .top-bar .btn {margin-left: 15px;}

    body.single-projects-post #circle-left-top,
    body.single-projects-post #circle-right-bottom {display: none;}

    /*
    TEXTOS
    */

    body.page-template-blog .header-content {
        display: grid;
        grid-template-areas: "page-info" "page-filter";
        grid-template-columns: 100%;
    }

    body.page-template-blog .blog-filter {justify-content: left;}

	.home .blog-filter {
		font-size: 12px;
		margin: 0 -10px;
		justify-content: center;
	}

    .blog-grid #blog-table tbody tr {
        grid-template-areas:
            "categories"
            "txt"
            "button";
        width: calc(90vw - 30px);
        row-gap: 10px;
    }

    .blog-grid table.dataTable tbody td.blog-txt {padding: 30px 30px 0;}

	tr.blog-item {
		grid-template-areas:
			"image"
			"txt"
			"button";
		grid-template-columns: 100%;
		gap: 0;
		width: calc(90vw - 30px);
	}
	
	td.blog-image {
		padding: 0 !important;
		border-top-left-radius: 18px !important;
		border-bottom-left-radius: 0;
		border-top-right-radius: 18px;
		overflow: hidden;
		grid-area: image;
		height: 200px;
	}
	
	td.blog-infos {padding: 15px 15px 0 !important;}
	
	.modal-form {margin: 30px 0;}
	
	tr.blog-item td.blog-button {padding: 0 15px 15px;}
	
    /*
    SINGLE
    */

    body.single .header-principal {padding: 5vw;}

    body:not(.home).single #primary {padding: 20vw 5vw 5vw;}

    body.single .top-bar .btn {margin-left: 15px;}

    body.single #circle-left-top,
    body.single #circle-right-middle {display: none;}

    .single-infos {grid-template-columns: auto 70px 85px;}

    .share-icon {width: 75px;}

    .share-icon span {display: none;}
    
    ul.share-social-icons {
        position: relative;
        right: 5vw;
        top: 0;
    }

    .facebook-share, .whatsapp-share, .twitter-share, .linkedin-share {opacity: 1;}

    .share-icon i {font-size: var(--global--font-size-md);}
	
	/* Comments */
	
	.single-comments {padding: 15px;}

	.single-comments form {
		grid-template-areas:
			"comment" 
			"author"
			"email"
			"submit";
		grid-template-columns: 100%;
		column-gap: 0;
	}

}