/**
 * FCRM Tributes Enhancement Suite
 * Main styling file for custom colours and layouts
 */

/* ==========================================================================
	Button Styles
	========================================================================== */
 
 .fcrm-search-bar .btn.btn-primary.submit-btn,
 .firehawk-tributes .btn-primary.submit-btn {
	 display: inline-block;
	 font-size: 0.85rem;
	 font-weight: 400;
	 text-transform: uppercase;
	 text-align: center;
	 vertical-align: middle;
	 user-select: none;
	 background-color: var(--fcrm-primary-button);
	 color: var(--fcrm-primary-button-text);
	 border-radius: var(--fcrm-border-radius) !important;   
	 line-height: 1.5;
	 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;
 }
 
 .fcrm-search-bar .btn.btn-primary.submit-btn {
	  border-bottom-left-radius: 0px !important;  
	  border-top-left-radius: 0px !important;     
  }
 
 .fcrm-search-bar .btn.btn-primary.submit-btn:hover,
 .firehawk-tributes .btn-primary.submit-btn:hover,
 .firehawk-tributes .tribute-display .event-card .service-buttons-group .service-button:hover { 
	 background-color: var(--fcrm-primary-button-hover);
	 color: var(--fcrm-primary-button-hover-text);
 }
 

 .firehawk-crm-tributes #fcrm-tributes-page-menu .nav-link,
 .firehawk-crm .service-buttons-group .service-button,
 .firehawk-crm-tributes .btn-light,
 .firehawk-tributes .btn-primary.submit-btn,
 #fcrm-tributes-page-menu a[data-page="messages"] {
	 color: var(--fcrm-primary-color);
	 background-color: var(--fcrm-primary-button);
	 border: 1px solid var(--fcrm-primary-button);
	 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;
	  font-size: 1em;
 }
 
 .firehawk-crm-tributes #fcrm-tributes-page-menu .nav-link.dynamic-live-stream-link,
 .firehawk-crm-tributes #fcrm-tributes-page-menu .nav-link.social-share,
 .firehawk-crm-tributes .toggle-candle-btn {
	   color: var(--fcrm-secondary-button-text);
	   border: 1px solid var(--fcrm-secondary-button-border);
	   background-color: var(--fcrm-secondary-button);
 }
 
 .firehawk-crm-tributes #fcrm-tributes-page-menu .nav-link.dynamic-live-stream-link:hover,
  .firehawk-crm-tributes #fcrm-tributes-page-menu .nav-link.social-share:hover,
  .firehawk-crm-tributes .toggle-candle-btn:hover {
		color: var(--fcrm-secondary-button-hover-text) !important;
		border: 1px solid var(--fcrm-secondary-button-hover-border) !important;
		background-color: var(--fcrm-secondary-button-hover) !important;
  }
 
 .firehawk-crm-tributes #fcrm-tributes-page-menu .nav-link:focus, 
 .firehawk-crm-tributes #fcrm-tributes-page-menu .nav-link:hover,
 .firehawk-crm-tributes .btn-light:hover {
	 color: var(--fcrm-primary-button-text);
	 background-color: var(--fcrm-primary-button);
	 border-color: var(--fcrm-primary-button);
 }
 
 .firehawk-crm-tributes .fcrm-search-bar .reset-btn {
	 font-size: 1em !important;
	 color: var(--fcrm-link-color) !important;
	 right: 100px !important;
 }
 
 .firehawk-crm-tributes .btn-light.add-btn.write-message-btn {
	 background: var(--fcrm-primary-button);
	 color: var(--fcrm-primary-button-text);
 }
 
 .firehawk-crm-tributes .btn.btn-light.add-btn.write-message-btn:hover {
	 background-color: var(--fcrm-primary-button-hover);
	 border-color: var(--fcrm-primary-button-hover);
	 color: var(--fcrm-primary-button-hover-text);
 }
 
 /* ==========================================================================
	Button and Navigation Styles
	========================================================================== */
 
 .firehawk-crm-tributes button, 
 .firehawk-crm-tributes .nav-link {
	 border-radius: var(--fcrm-border-radius) !important;
 }


/* ==========================================================================
   Focus States
   ========================================================================== */

.firehawk-crm-tributes .btn:focus, 
.btn-check:focus + .firehawk-crm-tributes .btn {
	box-shadow: 0 0 0 0.25rem var(--fcrm-focus-shadow-color);
}

.firehawk-crm-tributes .form-control:focus {
	box-shadow: 0 0 0 0.25rem var(--fcrm-primary-shadow);
	border-color: var(--fcrm-focus-shadow-color);
}

/* ==========================================================================
   Grid Layout
   ========================================================================== */

.firehawk-crm.firehawk-crm-large-grid .grid-item .title {
	color: var(--fcrm-secondary-color);
	font-size: 20px !important;
}

.firehawk-crm.firehawk-crm-large-grid .grid-item .dates {
	color: var(--fcrm-secondary-color);
}

.firehawk-crm.firehawk-crm-large-grid .grid-item {
	border: 1px solid var(--fcrm-focus-border-color);
	border-radius: var(--fcrm-grid-border-radius);
	box-shadow: 0 10px 30px var(--fcrm-primary-shadow);
	overflow: hidden;
	padding: 15px;
	background: var(--fcrm-card-background);
}

.firehawk-crm.firehawk-crm-large-grid .grid-item.linked:hover {
	background-color: var(--fcrm-focus-shadow-color);
}

/* ==========================================================================
   Search Form
   ========================================================================== */

.firehawk-crm-tributes .form-control {
	height: initial !important;
	padding: 12px 24px !important;
}

.firehawk-crm-tributes #grid-search {
	font-size: 15px;
}

.fcrm-search-bar .form-control::placeholder {
	text-transform: uppercase;
	font-size: 10px;
}

/* Pin Input */
.firehawk-crm-tributes .pin-input .form-control {
	padding: 0px !important;
}

/* ==========================================================================
   Pagination
   ========================================================================== */

.fcrm-pagination .fcrm-pagination-pages li {
	background: var(--fcrm-primary-color) !important;
}

.fcrm-pagination .fcrm-pagination-pages li a {
	color: var(--fcrm-secondary-button) !important;
}

.fcrm-pagination .fcrm-pagination-pages li.active > a {
	background: var(--fcrm-secondary-button);
	color: var(--fcrm-secondary-button-text) !important;
}

/* ==========================================================================
   Button States & Highlights
   ========================================================================== */

.btn-check:checked + .firehawk-crm-tributes .btn-primary:focus,
.btn-check:active + .firehawk-crm-tributes .btn-primary:focus,
.firehawk-crm-tributes .btn-primary:active:focus,
.firehawk-crm-tributes .btn-primary.active:focus,
.show > .firehawk-crm-tributes .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem var(--fcrm-primary-shadow) !important;
}