/*
Theme Name: Brian
Theme URI: http://shtheme.com/demosd/brian
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: Brian – Wedding WordPress is perfect if you like a minimal, clean and modern design. For most of the people wedding is a very special day. Created especially for wedding planners, event and celebration organizers, wedding coordinator, wedding designer, wedding photographer and those who need an easy, attractive and effective way to share their work with clients.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: brian

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.
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/



a {
  color: #1b1b1b;
}

a:hover {
  color: #b08c3e
}

.gallery-menu a:not([href]):not([tabindex]):focus, .gallery-menu a:not([href]):not([tabindex]):hover {
	color: #fff;
}

.comment-form-cookies-consent {
  display: none;
}

.logged-in-as a {
  color: #1b1b1b;
}

form div.col-md-12 {
  padding: 0px;
}

.blog-post-comment-wrap .blog-user-content h3 a {
  text-transform: capitalize;
}

.blog-post-comment-wrap .blog-user-content h3 a:hover {
  color: #1b1b1b;
}

a.comment-reply-link:hover {
  color: #b08c3e;
}

.btn.focus, .btn:focus {
  box-shadow: none;
}

.blog-comment-section h3.comments-title,
.comment-respond h3.comment-reply-title {
  font-size: 36px;
  text-transform: capitalize;
}

.blog-sidebar div.widget_search {
  width: 100%;
}

.blog-sidebar h3.widget-title {
  padding-bottom: 0;
  border-bottom: 1px solid #f1eaea;
  line-height: 1.75em;
  margin-bottom: 15px;
  letter-spacing: 1px;
}

.widget_categories, .widget_tag_cloud {
    background: #faf8f7;
    padding: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
}

.widget_categories ul li {
    font-size: 15px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.widget_categories ul li a:before {
    content: "\e649";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 9px;
    margin-right: 10px;
}

.widget_categories ul, .widget_tag_cloud ul {
    padding-left: 0px;
    margin-bottom: 0px;
}

.widget_tag_cloud ul li {
    margin: 3px !important;
    padding: 6px 16px;
    border: 1px solid #f1eaea;
    color: #666 !important;
    float: left;
    background-color: #fff;
}

.widget_tag_cloud ul li:hover {
    color: #fff;
    background-color: #b08c3e;
}

.widget_tag_cloud ul li a {
    font-size: 14px!important;
    color: #666;
}

.widget_tag_cloud ul li:hover a {
    color: #fff;
}

.post-content .content, .post-content .content .cont {
  padding-left: 0px;
}

.marybrian-blog .post-content {
  margin-bottom: 60px;
}

.post-content .info h6 a {
  color: #b08c3e;
}

.blog-pagination-wrap li span {
  background: #fff;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #666;
  font-weight: 300;
  border-radius: 100%;
  background-color: #b08c3e;
  border: 1px solid #b08c3e;
  color: #fff;
}

.search-custom h4 {
  line-height: 32px;
  font-size: 32px;
}

.search-custom {
    margin-bottom: 60px;
}

.search-custom h4 {
    padding-left: 15px;
}

.search-custom form {
    width: 70%;
}

.search-custom form button[type="submit"] {
    position: absolute;
    right: 31%;
    top: 0;
    background-color: transparent;
    color: #000;
    border: 0;
    padding: 10px;
    cursor: pointer;
}

.logged-in .navbar.navbar-expand-lg {
  top: 32px;
}

@media (max-width: 600px) {
  .logged-in .navbar.navbar-expand-lg.nav-scroll {
    top: -100px;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  .logged-in .navbar.navbar-expand-lg.nav-scroll {
    top: -54px;
  }
}

@media (min-width: 768px) {
  .logged-in .navbar.navbar-expand-lg.nav-scroll {
    top: -68px;
  }
}

.error-section h1 {
  font-size: 120px;
  font-weight: 600;
  letter-spacing: 4px;
  margin-bottom: 40px;
}

.error-section h2 {
  letter-spacing: 2px;
  font-size: 50px;
}

.error-section div.text {
  font-size: 20px;
    margin-bottom: 30px;
}

.error-section div.btn a {
      display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      font-family: 'Didact Gothic', sans-serif;
    background: #b08c3e;
    border: 1px solid #b08c3e;
    color: #fff;
    padding: 12px 30px;
    margin: 0;
    font-weight: 400;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 0px;
}

.error-section div.btn a:hover {
    background-color: transparent;
    color: #1b1b1b;
}

.navbar .navbar-nav .nav-link:hover {
	color: #fff;
}

.nav-scroll .navbar-nav .nav-link:hover {
    color: #b08c3e;
}

.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) .events figure {
    margin-left: auto;
}

/* CONTACT FORM 7 */
/* ===== RSVP — Estilos completos (independiente del ID de CF7) ===== */
:root{
  --rsvp-gold:#b08c3e;
  --rsvp-gold-soft:#eadfca;
  --rsvp-text:#1b1b1b;
}

/* ---------- GRID SUPERIOR (Nombre / Email / ¿Asistirás?) ---------- */
#rsvp .rsvp-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-bottom:16px !important;
}
#rsvp .rsvp-grid p{ margin:0 !important; }
#rsvp .rsvp-grid p.full{ grid-column:1 / -1 !important; }

/* -------------------- CAMPOS BASE + RESET iOS -------------------- */
#rsvp input,#rsvp select,#rsvp textarea{
  font-family:inherit !important;
  font-size:16px !important;          /* evita zoom en iOS */
  line-height:1.2 !important;
  color:var(--rsvp-text) !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
#rsvp input[type=text],
#rsvp input[type=email],
#rsvp input[type=tel],
#rsvp input[type=number],
#rsvp select,
#rsvp textarea{
  width:100% !important;
  min-height:52px !important;
  padding:14px 16px !important;
  border:2px solid var(--rsvp-gold) !important;
  border-radius:36px !important;
  background:#fff !important;
  box-shadow:none !important;
  outline:none !important;
}
#rsvp select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23b08c3e' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:44px !important;
}
#rsvp input:focus,#rsvp select:focus,#rsvp textarea:focus{
  border-color:var(--rsvp-gold) !important;
  box-shadow:0 0 0 3px rgba(176,140,62,.15) !important;
}

/* ---------------------- REPEATER: LAYOUT 2 COL ------------------- */
#rsvp #asistentes-group{ margin-top:8px; }

/* Cada grupo (Asistente N) */
#rsvp #asistentes-group .wpcf7-field-group{ margin:0 0 16px 0; }

/* El <p> que contiene TODOS los campos del grupo -> lo hacemos grid */
#rsvp #asistentes-group .guest-row > p{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:18px !important;
  row-gap:18px !important;
  margin:0 !important;
}

/* Quitar <br> automáticos y márgenes extra del tema */
#rsvp #asistentes-group .guest-row > p br{ display:none !important; }
#rsvp #asistentes-group .guest-row > p .wpcf7-form-control-wrap{
  display:block !important;
  margin:0 !important;
}
#rsvp #asistentes-group .guest-row > p .wpcf7-form-control{ margin:0 !important; }

/* “Alergias” a ancho completo */
#rsvp #asistentes-group .guest-row > p .wpcf7-form-control-wrap[data-name="guest_alergias"]{
  grid-column:1 / -1 !important;
}

/* ------------------ BOTONES + / – (look dorado) ------------------ */

/* Colocación y separación del contenedor de botones */
#rsvp #asistentes-group .wpcf7-field-group > p:last-of-type{
  margin:14px 0 0 0 !important;
}

/* Botones alineados en línea */
#rsvp #asistentes-group .wpcf7-field-group-add,
#rsvp #asistentes-group .wpcf7-field-group-remove{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  margin:0 12px 0 0;
}

/* Estilo base (redondeado, dorado) */
#rsvp #asistentes-group .wpcf7-field-group-add,
#rsvp #asistentes-group .wpcf7-field-group-remove{
  width:64px;                 /* cuadrado cómodo táctil */
  height:56px;
  border-radius:16px !important;
  border:2px solid #b08c3e !important;
  background:#b08c3e !important;
  color:#fff !important;
  font-weight:700 !important;
  font-size:26px !important;  /* muestra “+” / “–” grandes */
  line-height:1 !important;
  cursor:pointer;
  box-shadow:none !important;
  transition:transform .08s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, filter .2s ease;
}

/* Eliminar: estilo inverso (blanco con borde dorado) */
#rsvp #asistentes-group .wpcf7-field-group-remove{
  background:#fff !important;
  color:#b08c3e !important;
}

/* Hover / Focus */
#rsvp #asistentes-group .wpcf7-field-group-add:hover{
  filter:brightness(1.06);
  box-shadow:0 6px 16px rgba(176,140,62,.25);
  transform:translateY(-1px);
}
#rsvp #asistentes-group .wpcf7-field-group-remove:hover{
  background:#b08c3e !important;
  color:#fff !important;
  box-shadow:0 6px 16px rgba(176,140,62,.25);
  transform:translateY(-1px);
}
#rsvp #asistentes-group .wpcf7-field-group-add:focus-visible,
#rsvp #asistentes-group .wpcf7-field-group-remove:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(176,140,62,.35) !important;
}

/* Ocultar “–” cuando solo hay un grupo */
#rsvp #asistentes-group .wpcf7-field-group:only-child .wpcf7-field-group-remove{
  display:none !important;
}

/* ---------------------- BOTÓN ENVIAR (match) --------------------- */
#rsvp input.wpcf7-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  padding:14px 26px;
  border-radius:9999px;
  background:var(--rsvp-gold);
  color:#fff !important;
  border:0;
  font-weight:600;
  line-height:1;
  box-shadow:none !important;
  margin-top:20px !important;
}
#rsvp input.wpcf7-submit:hover{ filter:brightness(1.06); }

/* ---------------------------- RESPONSIVE ------------------------- */
@media (max-width:600px){
  #rsvp .rsvp-grid{ grid-template-columns:1fr !important; }
  #rsvp #asistentes-group .guest-row > p{
    grid-template-columns:1fr !important;  /* una columna en móvil */
    row-gap:16px !important;               /* aire entre campos */
  }
  /* Botones a ancho completo (opcional, descomenta si lo prefieres) */
  /* 
  #rsvp #asistentes-group .wpcf7-field-group-add button,
  #rsvp #asistentes-group .wpcf7-field-group-remove button{
    width:100%;
    height:52px;
    border-radius:9999px;
    font-size:22px !important;
  } 
  */
}

/* ------------ Extras: mensaje CF7 + tap highlight iOS ------------ */
#rsvp .wpcf7-response-output{
  border:0 !important; padding:0 !important; margin:0 !important; min-height:0 !important;
}
#rsvp *{ -webkit-tap-highlight-color:rgba(0,0,0,0); }