/*
Theme Name: 2026 DIR
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author:  D2X Enterprises LLC
Author URI:  https://d2xenterprises.com
Template: salient
Version: 1.0
*/

@font-face {
    font-family: 'Gotham';
    src: url('fonts/gotham/Gotham-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/gotham/Gotham-Thin-Italic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/gotham/Gotham-Extra-Light.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/gotham/Gotham-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/gotham/Gotham-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/gotham/Gotham-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/gotham/Gotham-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/gotham/Gotham-Bold-Italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/gotham/Gotham-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/gotham/Gotham-Ultra.otf') format('opentype');
    font-weight: 950;
    font-style: normal;
    font-display: swap;
}

/* Apply Globally */
body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
.nectar-type-heading,
[part="button"],
.main-content {
    font-family: 'Gotham', Helvetica, Arial, Lucida, sans-serif !important;
}

b, strong {
  font-weight: 500 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #000000 !important;
    font-weight: 500;
}

h2.title {
    color: #000000;
}

.section-title h2, .row .col.section-title h1, .row .col.section-title h2 {
    color: #000000;
    font-weight: 500;
}

/* Ensure child elements inherit from body if not caught by the above */
body * {
    font-family: inherit;
}

/* Allow exceptions where Salient might need icons or specific fonts */
.fa,
.fas,
.far,
.fab,
[class^="icon-"],
[class*=" icon-"],
.nectar-icon,
.steadysets,
.nectar-fav-icon {
    font-family: 'icomoon', 'steadysets', FontAwesome, 'ElegantIcons', 'linea-basic-10', 'Nectar-Icons' !important;
}

#post-area h1 {
    color: #000000;
}

h2.title a {
    color: #485888;
}

h2.title a:hover {
    color: #364369;
}

.dir-button {
  background-color: transparent;
  color: #485888;
  border: 1px solid #485888;
  border-radius: 25px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 8px 0px;
}

.dir-button:hover {
  background-color: #E5F6FD;
  color: #485888;
  border-color:#485888;
}

.dir-button:active {
  background-color: #ECEEF3;
}

.dir-button-nb {
  background-color: transparent;
  color: #485888;
  border: 0px;
  border-radius: 25px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 8px 0px;
}

.dir-button-nb:hover {
  color: #485888;
}

.dir-button-nb:active {
  color: #485888;
}

.dir-button-blue {
  background-color: #485888;
  color: #FFFFFF;
  border: 1px solid #485888;
  border-radius: 25px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 8px 0px;
}

.dir-button-blue:hover {
  background-color: #364369;
  color: #FFFFFF;
  border-color: #364369;
}

.dir-button-blue:active {
  background-color: #364369;
}

.off-canvas-menu-container {
	margin-top: 36px !important;
}

#slide-out-widget-area .inner .off-canvas-menu-container li > a {
  font-size: 16px;
  line-height: 30px;
  font-family: Gotham !important;
  font-weight: 500 !important;
}
a:hover {
	text-decoration: none !important;
}
.derm-card {
	border: 1px solid #C5CED3;
	border-radius: 10px;
}

.derm-icon .nectar-fancy-box {
	float: right;
	padding: 20px;
	width: 100px !important;
	height: 90px !important;	
}

body.original #footer-outer #footer-widgets .col ul li {
	padding: 0px 0px;
	margin: 0px 0px;
  border-bottom: 0px;
	font-size: 13px;
}

body.original #footer-outer #footer-widgets .col ul li a {
  border-bottom: 0px;
	padding: 3px 0px;
	margin: 0px 0px;
}

#footer-outer, #footer-outer a:not(.nectar-button) {
  color: #FFFFFF !important;
}

#footer-outer, #footer-outer a:hover {
  color: #C5CED3 !important;
}
#footer-widgets .widget_sso_widget {
	font-size: 13px;
	line-height: 24px;
}

#footer-widgets .textwidget {
	font-size: 13px;
	line-height: 24px;
}

.swiper-slide .content h2 {
	font-size: 36px;
	line-height: 44px;
}

.swiper-slide .content p {
	font-size: 14px;
	line-height: 20px;
}

/* Marketo Forms Global Styles */
.mktoForm .mktoButton,
form.mktoForm button.mktoButton,
.mktoForm .mktoButtonWrap button {
  background-color: #485888 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: 1px solid #485888 !important;
  border-radius: 25px !important;
  padding: 6px 24px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: 'Gotham', Helvetica, Arial, Lucida, sans-serif !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  margin: 8px 0px !important;
}

.mktoForm .mktoButton:hover {
  background-color: #364369 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border-color: #364369 !important;
  opacity: 1 !important;
}

.mktoForm .mktoButton:active {
  background-color: #364369 !important;
}

.mktoForm .mktoButtonRow {
  text-align: center !important;
  width: 100% !important;
}

.mktoForm input[type="text"],
.mktoForm input[type="email"],
.mktoForm input[type="tel"],
.mktoForm input[type="url"],
.mktoForm input[type="number"],
.mktoForm input[type="password"],
.mktoForm select,
.mktoForm textarea {
  background-color: #FFFFFF !important;
  border: 1px solid #C5CED3 !important;
  font-family: 'Gotham', Helvetica, Arial, Lucida, sans-serif !important;
  font-size: 16px !important;
  width: 200px !important;
}

.mktoForm label {
  font-family: 'Gotham', Helvetica, Arial, Lucida, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  min-width: 100px !important;
  width: 200px !important;
}

/* btn-default override to match btn-primary */
.btn-default {
  color: #fff !important;
  background-color: #485888 !important;
  background-image: none !important;
  border-color: #485888 !important;
  padding: 8px 20px !important;
  font-family: 'Gotham', Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 400 !important;
  border-radius: 25px !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus {
  color: #fff !important;
  background-color: #364369 !important;
  background-image: none !important;
  border-color: #364369 !important;
}

.btn-default:active,
.btn-default.active {
  color: #fff !important;
  background-color: #364369 !important;
  background-image: none !important;
  border-color: #364369 !important;
}

.btn-default.disabled,
.btn-default[disabled] {
  color: #fff !important;
  background-color: #485888 !important;
  background-image: none !important;
  border-color: #485888 !important;
}

/* btn-primary override to match btn-default styling */
.btn-primary {
  color: #fff !important;
  background-color: #485888 !important;
  background-image: none !important;
  border-color: #485888 !important;
  padding: 8px 20px !important;
  font-family: 'Gotham', Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 400 !important;
  border-radius: 25px !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
  color: #fff !important;
  background-color: #364369 !important;
  background-image: none !important;
  border-color: #364369 !important;
}

.btn-primary:active,
.btn-primary.active {
  color: #fff !important;
  background-color: #364369 !important;
  background-image: none !important;
  border-color: #364369 !important;
}

.btn-primary.disabled,
.btn-primary[disabled] {
  color: #fff !important;
  background-color: #485888 !important;
  background-image: none !important;
  border-color: #485888 !important;
}