/* Theme Name: GlobalDev Blog Theme URI: https://globaldev.blog Description: GlobalDev Blog Child Theme Author: Alfredo Gil Author URI: https://lalolastudio.com Template: generatepress Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-column, responsive-layout Text Domain: generatepresschild */ .shadow1 { box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2); } .shadow2 { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2); } .shadow3 { box-shadow: 2px 10px 20px rgba(0, 0, 0, 0.1); } .shadow4 { box-shadow: 1px 5px 14px rgba(0, 0, 0, 0.1); } .shadow5 { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2); } /* AUTHOR BOXES IN POSTS*/ .author-item { display: flex; margin:auto; max-width: 600px; column-gap: 40px; background-color: var(--beige-light-2); border-radius: 8px; padding: 32px; box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 10%); margin-bottom: 40px } .author-avatar { width: 100px; height: 130px; overflow: hidden; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); flex-grow: 1; } .author-image { height: 100%; width: 100%; } .author-image img { height: 100%; width: 100%; object-fit: cover; } .author-name { font-size: 24px; font-weight: bold; margin-bottom: 5px; color: #333; } .author-name a { color: #333; text-decoration: none; } .author-custom-fields { display: flex; flex-direction: column; justify-content: center; } .author-custom-fields-position { font-size: 16px; margin-bottom: 10px; color: #666; } .author-second-box { flex-shrink: 0; width: 350px; } .author-description { font-size: 16px; line-height: 1.5; color: #666; } /* Media Queries */ @media only screen and (max-width: 768px) { .author-item { padding: 20px; flex-wrap: nowrap; column-gap: 30px; } .author-second-box { flex-shrink: 1; } .author-avatar { width: 80px; height: 100px; } .author-name { font-size: 20px; } .author-custom-fields-position { font-size: 14px; } .author-description { font-size: 14px; } } @media only screen and (max-width: 480px) { .author-item { padding: 16px; column-gap: 16px; } .author-avatar { width: 90px; height: 80px; } .author-name { font-size: 18px; } .author-custom-fields-position { font-size: 12px; } .author-description { font-size: 12px; } } /* NO UNDERLINE LINKS IN HEADERS */ .entry-header a, .entry-title a, .gb-headline-text a { text-decoration: none !important; } .bsf-rt-display-postfix, .bsf-rt-display-time { text-transform: none; line-height: 1.5; font-family: Plus Jakarta Sans; font-weight: 500; font-size: 18px; word-wrap: break-word; text-align: center; color: var(--grey-5); box-sizing: inherit; } /* Written by*/ .coauthors { color: var(--grey-7); font-family: 'Outfit'; font-style: normal; font-weight: 500; font-size: 18px; } /* AUTHOR ARCHIVE PAGE HERO */ .author-hero-container { padding: 80px 24px; } .author-hero-inside-container { max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; } .author-hero-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px; align-items: flex-start; } .author-hero-image { display: flex; align-items: center; justify-content: center; margin: 0 auto; padding: 20px 40px 40px 40px; } .author-hero-image img { border-radius: 50%; max-width: 100%; width: 340px; height: 340px; height: auto; object-fit: cover; aspect-ratio: 1 / 1; } .background-colored-circle { width: 360px; height: 360px; border-radius: 50%; position: absolute; display: flex; justify-content: center; align-items: center; } .author-hero-text h1 { font-size: 48px; font-family: Outfit; font-weight: 700; } .author-hero-text h2 { margin-top: 0; font-family: Plus Jakarta Sans; color: var(--grey-7); font-size: 24px; } .author-hero-text p { margin-bottom: 0; } @media screen and (max-width: 767px) { .author-hero-grid { grid-template-columns: 1fr; } .author-hero-image { padding: 20px; } .author-hero-text { text-align: center; } } /* COMMENTS AREA */ .comments-area { max-width: 1024px; margin: auto; } .comment-respond { padding:50px; } /*AUTHOR REVIEWS*/ .n2-padding div { border-radius: 30px; } .author-pic-reviews div { max-width:120px; max-height:120px; border-radius:50%; margin-right:auto; margin-left:auto; } /*MENU MOBILE HAMBURGER COLOR*/ .mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled { background-color: transparent; } /*TABLET MENU*/ @media(max-width: 1024px) and (min-width: 769px) { .site-header .inside-header { padding: 20px 20px; } } @media (min-width: 769px) { /* LANGUAGE SWITCHER FORMATTING */ .main-navigation:not(.navigation-stick) .main-nav > ul > .menu-item-4626 > a, .main-navigation:not(.navigation-stick) .main-nav > ul > .menu-item-4628 > a, .main-navigation:not(.navigation-stick) .main-nav > ul > .menu-item-4991 > a { font-size: 14px; border: 1px solid; border-radius:15px; margin-left: 15px; } .main-navigation .main-nav ul .menu-item-4626 a, .main-navigation .main-nav ul .menu-item-4628 a, .main-navigation .main-nav ul .menu-item-4991 a { line-height: 35px; } .main-navigation .main-nav ul .menu-item-4626 a span, .main-navigation .main-nav ul .menu-item-4628 a span, .main-navigation .main-nav ul .menu-item-4991 a span { padding-right:10px; } } /*Do not display hero image on mobile*/ @media (max-width: 768px) { .responsive-background-none, .resposive-background-none:before { background-image: none; } } /*Special series bold menu*/ .menu-item-3240 a, .menu-item-4555 a, .menu-item-4567 a { font-weight: 800; }