/*
Theme Name: Instaferro Theme
Text Domain: Instaferro Theme
Version: 1.1
Requires at least: 5.9.0
Requires PHP: 8.2
Description: Tema de Instaferro construido a la medida.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: Alexis Castillo
Author URI: https://Instaferro.com/
Theme URI: N/A
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

:root {
  --bs-body-font-family: 'Montserrat', sans-serif;
  --bs-font-sans-serif: 'Montserrat', sans-serif;
}

body {
  font-family: var(--bs-body-font-family);
  color: #414347;
  background-color: #fffdf8;

}

main {
  background-color: #fffdf8;

}


.navbar1 {
  background: linear-gradient(to right, #000033 26%, #000056 100%);
}

.social-icon {
  color: #ffffff;
  transition: color 0.3s ease-in-out;
}

.social-icon:hover {
  color: #FFBE3B;
}

.hborder {
  border-bottom-color: #FFBE3B;
  border-bottom-style: solid;
  background-color: rgb(248, 249, 250);
}

.fborder {
  border-top-color: #FFBE3B;
  border-top-style: solid;
}

img.logoSize {
  height: 50px;
  width: auto;
  max-width: 100%;
}

.text-edit {
  text-align: center;
}

.header-categoria {
  padding-top: 50px;
  padding-bottom: 50px;
}

footer {
  padding-top: 50px;
  padding-bottom: 20px;
}

.ftitle {
  color: #FFBE3B;
}

.fwidgets {
  padding-top: 10px;
  padding-bottom: 10px;
}

.category-wrapper {
  padding-bottom: 10px;
  padding-top: 10px;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  margin-bottom: 20px;
  color: #4b4b4b;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.card-wrapper {
  overflow: hidden;
}

.card-wrapper img {
  max-width: 100%;
  max-height: auto;
  transition: all .4s ease;
}

.card-wrapper img:hover {
  transform: scale(1.1);
  opacity: 0.6;
}

.row-Error {
  background: linear-gradient(to right, #000033 26%, #000056 100%);
  padding-top: 15px;
}

.letterError {
  color: #FFBE3B;
}

.canales {
  padding-top: 10px;
  padding-bottom: 10px;
}

.container-page {
  padding-top: 20px;
  padding-bottom: 20px;
}

.contacto {
  padding-top: 10px;
  padding-bottom: 10px;
}

.page-item .page-link {
  background-color: #F8F9F9;
  color: #000033;
  border-color: #dee2e6;
}

.page-item.active .page-link {
  background-color: #FFBE3B;
  border-color: #FFBE3B;
  color: white;
}

.page-item .page-link:hover {
  background-color: #FFBE3B;
  border-color: #FFBE3B;
  color: white;
}

.details {
  padding-top: 10px;
}

.footext,
.footext p,
.footext a {
  color: #CFCFCF !important;
  text-decoration: none;
}

.footext a:hover {
  color: #FFBE3B !important;
}