/*
 * Theme Name: Go First
 * Theme URI: https://wordpress.org/themes/go-first/
 * Author: Frontier Themes
 * Author URI: https://www.frontier.dev/
 * Description: Theme for bloggers all over the world!
 * Version: 2.0.4
 * License: GNU General Public License v2
 * License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 * Text Domain: go-first
 * Domain Path: /languages
 * Tags: two-columns, right-sidebar, custom-background, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, blog, news  
 */
/* 
 * Main styles of the theme
 */
:root {
  --color-primary: #4285f4;
  --color-secondary: #347cf3; }

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif; }

a, a:focus {
  color: #343a40; }
  a:hover {
    color: var(--color-secondary); }
  a:focus, a:hover {
    text-decoration: none; }

.gf-color-unchanged:hover {
  color: #343a40;
  text-decoration: none; }

blockquote {
  border-left: 0.188rem solid #d7d7d7; }

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto; }

.gf-title {
  font-weight: 300; }

.gf-section {
  padding: 1.563rem 0; }

.gf-cover-background {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.link-pages span {
  color: var(--color-primary); }

.link-pages > a > span {
  color: #343a40; }

.link-pages > a:hover > span {
  color: var(--color-secondary); }

.gallery img {
  border: none !important;
  /*! So we can override WordPress styles successfully */ }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 0 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

@media (min-width: 768px) {
  .alignright {
    float: right;
    margin: 5px 0 20px 20px; } }

@media (min-width: 768px) {
  .alignleft {
    float: left;
    margin: 5px 20px 20px 0; } }

a img.alignright,
img.alignright {
  display: block;
  margin: auto; }
  @media (min-width: 768px) {
    a img.alignright,
    img.alignright {
      float: right;
      margin: 0 0 20px 20px; } }

a img.alignnone,
img.alignnone {
  margin: 5px 0px 20px 0; }

a img.alignleft,
img.alignleft {
  display: block;
  margin: auto; }
  @media (min-width: 768px) {
    a img.alignleft,
    img.alignleft {
      float: left;
      margin: 0 20px 20px 0; } }

a img.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption,
.gallery-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

.sticky {
  position: relative; }

.bypostauthor {
  padding: 10px 0; }

.wp-block-image figcaption {
  text-align: center; }

/* 
 * Header
 *
 * Styles for the header section.
 */
.gf-navbar {
  background-color: #FFF;
  box-shadow: 0 0.125rem 0.25rem rgba(52, 58, 64, 0.075);
  transition: top .2s linear; }
  .gf-navbar--no-top {
    top: 0 !important; }
  @media (max-width: 1199px) {
    .gf-navbar.navbar-expand-xl .dropdown-menu {
      padding-top: 0;
      border: none; } }
  @media (min-width: 1200px) {
    .gf-navbar.navbar-expand-xl .gf-navbar-search-form {
      z-index: -1;
      opacity: 0;
      width: 0;
      margin-left: auto;
      pointer-events: none;
      transition: all .2s ease-in-out; }
      .gf-navbar.navbar-expand-xl .gf-navbar-search-form--open {
        z-index: 1031;
        opacity: 1;
        width: 75%;
        pointer-events: auto; }
        .gf-navbar.navbar-expand-xl .gf-navbar-search-form--open .gf-search-form-closer {
          display: flex;
          align-items: center;
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-50%);
          padding: 0.375rem 0.750rem; } }
  @media (min-width: 1200px) {
    .gf-navbar.navbar-expand-xl .gf-navbar-search-form-opener {
      display: inline-block; } }
  @media (min-width: 1200px) {
    .gf-navbar.navbar-expand-xl .gf-navbar-search-form-opener--hidden {
      display: none; } }
  @media (min-width: 1200px) {
    .gf-navbar.navbar-expand-xl .gf-main-menu--hidden {
      display: none; } }
  @media (max-width: 991px) {
    .gf-navbar.navbar-expand-lg .dropdown-menu {
      border: none;
      background-color: transparent; } }
  @media (min-width: 992px) {
    .gf-navbar.navbar-expand-lg .gf-navbar-search-form {
      z-index: -1;
      opacity: 0;
      width: 0;
      margin-left: auto;
      pointer-events: none;
      transition: all .2s ease-in-out; }
      .gf-navbar.navbar-expand-lg .gf-navbar-search-form--open {
        z-index: 1031;
        opacity: 1;
        width: 75%;
        pointer-events: auto; }
        .gf-navbar.navbar-expand-lg .gf-navbar-search-form--open .gf-search-form-closer {
          display: flex;
          align-items: center;
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-50%);
          padding: 0.375rem 0.750rem; } }
  @media (min-width: 992px) {
    .gf-navbar.navbar-expand-lg .gf-navbar-search-form-opener {
      display: inline-block; } }
  @media (min-width: 992px) {
    .gf-navbar.navbar-expand-lg .gf-navbar-search-form-opener--hidden {
      display: none; } }
  @media (min-width: 992px) {
    .gf-navbar.navbar-expand-lg .gf-main-menu--hidden {
      display: none; } }
  @media (max-width: 767px) {
    .gf-navbar.navbar-expand-md .dropdown-menu {
      border: none;
      background-color: transparent; } }
  @media (min-width: 768px) {
    .gf-navbar.navbar-expand-md .gf-navbar-search-form {
      z-index: -1;
      opacity: 0;
      width: 0;
      margin-left: auto;
      pointer-events: none;
      transition: all .2s ease-in-out; }
      .gf-navbar.navbar-expand-md .gf-navbar-search-form--open {
        z-index: 1031;
        opacity: 1;
        width: 75%;
        pointer-events: auto; }
        .gf-navbar.navbar-expand-md .gf-navbar-search-form--open .gf-search-form-closer {
          display: flex;
          align-items: center;
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-50%);
          padding: 0.375rem 0.750rem; } }
  @media (min-width: 768px) {
    .gf-navbar.navbar-expand-md .gf-navbar-search-form-opener {
      display: inline-block; } }
  @media (min-width: 768px) {
    .gf-navbar.navbar-expand-md .gf-navbar-search-form-opener--hidden {
      display: none; } }
  @media (min-width: 768px) {
    .gf-navbar.navbar-expand-md .gf-main-menu--hidden {
      display: none; } }
  @media (max-width: 575px) {
    .gf-navbar.navbar-expand-sm .dropdown-menu {
      border: none;
      background-color: transparent; } }
  @media (min-width: 576px) {
    .gf-navbar.navbar-expand-sm .gf-navbar-search-form {
      z-index: -1;
      opacity: 0;
      width: 0;
      margin-left: auto;
      pointer-events: none;
      transition: all .2s ease-in-out; }
      .gf-navbar.navbar-expand-sm .gf-navbar-search-form--open {
        z-index: 1031;
        opacity: 1;
        width: 75%;
        pointer-events: auto; }
        .gf-navbar.navbar-expand-sm .gf-navbar-search-form--open .gf-search-form-closer {
          display: flex;
          align-items: center;
          position: absolute;
          top: 50%;
          right: 0;
          transform: translateY(-50%);
          padding: 0.375rem 0.750rem; } }
  @media (min-width: 576px) {
    .gf-navbar.navbar-expand-sm .gf-navbar-search-form-opener {
      display: inline-block; } }
  @media (min-width: 576px) {
    .gf-navbar.navbar-expand-sm .gf-navbar-search-form-opener--hidden {
      display: none; } }
  @media (min-width: 576px) {
    .gf-navbar.navbar-expand-sm .gf-main-menu--hidden {
      display: none; } }
  .gf-navbar .nav-item.active > a {
    color: var(--color-primary) !important;
    /*! So we can override Bootstrap styles successfully */ }
  .gf-navbar .dropdown-menu {
    border-radius: 0;
    color: #343a40; }
  .gf-navbar .dropdown-item:hover {
    color: #FFF !important;
    /*! So we can override Bootstrap styles successfully */
    background-color: var(--color-secondary); }
  .gf-navbar .navbar-toggler {
    border: none; }
  .gf-navbar a {
    color: #343a40 !important;
    /*! So we can override Bootstrap styles successfully */ }
    .gf-navbar a.dropdown-item:active, .gf-navbar a.dropdown-item.active {
      color: #FFF !important;
      /*! So we can override Bootstrap styles successfully */
      background-color: var(--color-primary) !important;
      /*! So we can override Bootstrap styles successfully */ }

.logged-in.admin-bar .gf-navbar {
  top: 46px; }
  @media (min-width: 783px) {
    .logged-in.admin-bar .gf-navbar {
      top: 32px; } }

.gf-navbar-search-form {
  display: block; }
  .gf-navbar-search-form .form-group {
    position: relative;
    margin-bottom: 0; }
  .gf-navbar-search-form .gf-search-form-submit {
    display: none !important; }

.gf-navbar-search-form-opener {
  display: none;
  margin-left: auto; }

.gf-search-form-closer {
  display: none;
  background-color: #FFF;
  cursor: pointer; }
  .gf-search-form-closer:hover {
    color: var(--color-secondary); }

/* 
 * Footer
 *
 * Styles for the footer section. It includes social media links and the copyright text.
 */
.gf-footer {
  padding: 1.875rem 0;
  background-color: #f6f6f6; }
  .gf-footer__media-list {
    margin-bottom: 1.250rem; }
  .gf-footer__media-item {
    margin-right: 0 !important;
    /*! So we can override Bootstrap styles successfully */
    padding-right: 0.625rem !important;
    /*! So we can override Bootstrap styles successfully */
    padding-left: 0.625rem !important;
    /*! So we can override Bootstrap styles successfully */ }
  .gf-footer__copy {
    margin-bottom: 0; }

/* 
 * Forms
 *
 * Styles for forms
 */
textarea {
  resize: none; }

.form__input, .form__input:focus {
  border-color: #fafafa;
  border-radius: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }

.searchform {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }

.searchform__input, .searchform__input:focus {
  box-shadow: none !important;
  /*! So we can override default widget styles */ }

.searchform__submit, .searchform__submit:hover {
  border-radius: 0; }

.comment-respond > h3 {
  font-weight: 300; }

.comment-respond .logged-in-as a:last-child {
  color: var(--color-primary); }

.comment-respond .logged-in-as a:hover, .comment-respond .logged-in-as a:active {
  color: var(--color-secondary); }

/*
 * Buttons
 *
 * Styles for buttons
 */
.btn {
  border-radius: 0; }

.btn-link {
  color: #343a40; }
  .btn-link:hover {
    color: var(--color-secondary); }

.btn-royalblue {
  color: #FFF;
  background-color: var(--color-primary);
  border-color: var(--color-primary); }
  .btn-royalblue:hover, .btn-royalblue:focus {
    color: #FFF;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary); }

/* 
 * Widgets
 *
 * Styles for widgets
 */
.gf-widget {
  margin: 1.250rem 0; }
  .gf-widget > label {
    display: none; }
  .gf-widget__title {
    text-align: center; }
    @media (min-width: 768px) {
      .gf-widget__title {
        text-align: left; } }
  .gf-widget input, .gf-widget input:focus, .gf-widget select, .gf-widget select:focus {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #fafafa;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    border-radius: 0; }
  .gf-widget ul {
    list-style: none;
    padding-left: 0; }
    .gf-widget ul a {
      display: inline-block;
      padding: 0.250rem 0; }
  .gf-widget li ul {
    padding-left: 0; }
  .gf-widget img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto; }
    @media (min-width: 768px) {
      .gf-widget img {
        margin: initial; } }
  .gf-widget .sub-menu {
    display: none;
    padding-left: 1.250rem; }
  .gf-widget .recentcomments a {
    color: var(--color-primary); }

#wp-calendar {
  width: 100%; }
  #wp-calendar a {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 700; }
    #wp-calendar a:hover {
      color: var(--color-secondary); }
  #wp-calendar th, #wp-calendar td {
    padding: 0.250rem 0; }

/*
 * Attachment
 *
 * Styles for the Attachment Post Type
 */
.gf-attachment img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 1.250rem; }

.gf-attachment__content p, .gf-attachment__content ul, .gf-attachment__content ol {
  margin-bottom: 1.250rem;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.750rem; }

/*
 * Comments
 *
 * Styles for the comments list
 */
.gf-comments {
  padding: 1.875rem 0; }

.comment-metadata {
  padding: 0.625rem 0; }

.comment-author.vcard > img {
  margin-right: 0.625rem; }

.comment-content p {
  font-weight: 300;
  text-align: justify;
  line-height: 1.5rem; }

.edit-link a,
.reply a,
.must-log-in a {
  color: var(--color-primary); }
  .edit-link a:hover, .edit-link a:active,
  .reply a:hover,
  .reply a:active,
  .must-log-in a:hover,
  .must-log-in a:active {
    color: var(--color-secondary); }

ul.children {
  list-style: none; }

/*
 * Featured Story
 *
 * Styles for the Featured Story
 */
.featured__thumbnail-link {
  display: block; }

.featured__thumbnail {
  padding-top: 65%; }

.featured__excerpt {
  font-weight: 300;
  line-height: 1.875rem; }

.featured__read-article {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.188rem;
  color: var(--color-primary); }
  .featured__read-article:hover, .featured__read-article:active {
    color: var(--color-secondary); }

/*
 * Top Stories
 *
 * Styles for Top Stories boxes
 */
.top-story__link {
  display: block; }

.top-story__title {
  font-weight: 300; }

.top-story__title--is-for-related {
  line-height: 1.750rem; }

.top-story__thumbnail {
  padding-top: 60%; }

/*
 * Content
 *
 * Styles for the content template part
 */
.content {
  padding: 1.875rem 0;
  border-top: 1px solid #d7d7d7; }

.content__thumbnail {
  padding-top: 75%; }

/*
 * Pagination
 *
 * Styles for the Pagination links
 */
.content-pagination {
  padding: 1rem 0;
  font-size: 1.25rem; }
  .content-pagination .page-numbers {
    padding: 0 0.625rem; }
    .content-pagination .page-numbers.current {
      font-weight: 700;
      color: var(--color-primary); }
  .content-pagination .navigation.pagination {
    justify-content: center; }

/*
 * Content Post
 *
 * Styles for the content of pages and posts
 */
.content-post__content {
  padding-top: 1.563rem;
  border-top: 1px solid #d7d7d7; }
  .content-post__content p, .content-post__content ul, .content-post__content ol {
    margin-bottom: 1.250rem;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.750rem; }

.content-post__content--no-border-top {
  border-top: none; }

.content-post__category, .content-post__tag, .content-post__pagination {
  padding: 0.625rem 0; }

.content-post__category > span,
.content-post__tag > span {
  font-weight: 700;
  letter-spacing: 1px; }

.content-post__category a,
.content-post__tag a,
.content-post__pagination a {
  color: var(--color-primary); }
  .content-post__category a:hover, .content-post__category a:active,
  .content-post__tag a:hover,
  .content-post__tag a:active,
  .content-post__pagination a:hover,
  .content-post__pagination a:active {
    color: var(--color-secondary); }

.infinite-scroll .content-pagination {
  display: none;
  visibility: hidden; }

#infinite-handle span {
  background: none;
  border-radius: 0;
  color: transparent;
  cursor: auto;
  font-size: medium;
  padding: 0; }
  #infinite-handle span button {
    display: inline-block;
    font-weight: 400;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    #infinite-handle span button:hover, #infinite-handle span button:focus {
      color: #FFF;
      background-color: var(--color-secondary);
      border: 1px solid var(--color-secondary);
      padding: 0.375rem 0.75rem;
      cursor: pointer; }