/**
 * CF7 Mate – Form Design Presets
 * [cf7m-presets style="sky"]...[/cf7m-presets] → .cf7-mate-preset.cf7-mate-preset--{style}
 *
 * Normalize base: line-height, font-size, placeholder, border, margin, padding.
 * Each preset overrides for a beautiful form.
 *
 * @package CF7_Mate
 * @since 3.0.0
 */

/* ─── Normalize base (CF7 form markup) ─────────────────────────────────── */
.cf7-mate-preset {
  box-sizing: border-box;
  --cf7m-line-height: 1.5;
  --cf7m-label-size: 0.9375rem;
  --cf7m-label-weight: 600;
  --cf7m-input-size: 1rem;
  --cf7m-input-padding-y: 10px;
  --cf7m-input-padding-x: 14px;
  --cf7m-field-margin: 1rem;
  --cf7m-placeholder: #a0a0a0;
  --cf7m-border-width: 1px;
  --cf7m-radius: 6px;
}

.cf7-mate-preset *,
.cf7-mate-preset *::before,
.cf7-mate-preset *::after {
  box-sizing: border-box;
}

/* Field wrap: consistent margin between fields */
.cf7-mate-preset .wpcf7-form-control-wrap,
.cf7-mate-preset p {
  margin-bottom: var(--cf7m-field-margin);
  display: block;
}

.cf7-mate-preset .wpcf7-form-control-wrap:last-child,
.cf7-mate-preset p:last-child {
  margin-bottom: 0;
}

/* Multi-column inside preset: clean spacing so rows/columns separate clearly */
.cf7-mate-preset .cf7m-pro-row {
  margin-bottom: var(--cf7m-field-margin);
}

.cf7-mate-preset .cf7m-pro-row:last-child {
  margin-bottom: 0;
}

.cf7-mate-preset .cf7m-pro-col {
  padding-top: 0;
  padding-bottom: 0;
}

.cf7-mate-preset .cf7m-pro-col .wpcf7-form-control-wrap,
.cf7-mate-preset .cf7m-pro-col > p {
  margin-bottom: var(--cf7m-field-margin);
}

.cf7-mate-preset .cf7m-pro-col .wpcf7-form-control-wrap:last-child,
.cf7-mate-preset .cf7m-pro-col > p:last-child {
  margin-bottom: 0;
}

/* Labels: block, line-height, font-size */
.cf7-mate-preset label {
  display: block;
  line-height: var(--cf7m-line-height);
  font-size: var(--cf7m-label-size);
  font-weight: var(--cf7m-label-weight);
  margin-bottom: 0.375rem;
}

/* Inputs full width, padding, line-height, placeholder */
.cf7-mate-preset input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset select,
.cf7-mate-preset textarea {
  width: 100%;
  max-width: 100%;
  padding: var(--cf7m-input-padding-y) var(--cf7m-input-padding-x);
  font-size: var(--cf7m-input-size);
  line-height: var(--cf7m-line-height);
}

.cf7-mate-preset input::placeholder,
.cf7-mate-preset textarea::placeholder {
  color: var(--cf7m-placeholder);
  opacity: 1;
}

.cf7-mate-preset select {
  cursor: pointer;
}

/* Checkbox/radio spacing */
.cf7-mate-preset input[type="checkbox"],
.cf7-mate-preset input[type="radio"] {
  margin-right: 0.5rem;
  width: auto;
  max-width: none;
}

.cf7-mate-preset .wpcf7-list-item {
  margin-bottom: 0.5rem;
}

/* Non-submit button (e.g. [cf7m-button] for calculators) – base so presets can style */
.cf7-mate-preset .cf7m-button {
  display: inline-block;
  cursor: pointer;
  font-family: inherit;
  margin-top: 0.5rem;
}

/* File upload – consistent with text inputs */
.cf7-mate-preset input[type="file"] {
  width: 100%;
  max-width: 100%;
  padding: var(--cf7m-input-padding-y) var(--cf7m-input-padding-x);
  font-size: var(--cf7m-input-size);
  border: var(--cf7m-border-width) solid #e5e7eb;
  border-radius: var(--cf7m-radius);
  background: #f9fafb;
  color: #374151;
}

/* Focus visible for accessibility (keyboard focus) */
.cf7-mate-preset input:focus-visible,
.cf7-mate-preset select:focus-visible,
.cf7-mate-preset textarea:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* ─── Preset: Sky ─────────────────────────────────────────────────────── */
.cf7-mate-preset--sky {
  --cf7m-field-margin: 1.125rem;
  --cf7m-input-padding-y: 11px;
  --cf7m-input-padding-x: 14px;
  --cf7m-radius: 8px;
}

.cf7-mate-preset--sky input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset--sky select,
.cf7-mate-preset--sky textarea {
  background: #f0f9ff;
  border: 1px solid #7dd3fc;
  border-radius: 8px;
  padding: 11px 14px;
  color: #0c4a6e;
  font-size: 15px;
  line-height: 1.5;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.cf7-mate-preset--sky input::placeholder,
.cf7-mate-preset--sky textarea::placeholder {
  color: #0ea5e9;
  opacity: 0.7;
}

.cf7-mate-preset--sky input:focus,
.cf7-mate-preset--sky select:focus,
.cf7-mate-preset--sky textarea:focus {
  border-color: #0ea5e9;
  outline: none;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2);
}

.cf7-mate-preset--sky label {
  color: #0369a1;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0.375rem;
  line-height: 1.5;
}

.cf7-mate-preset--sky h1, .cf7-mate-preset--sky h2, .cf7-mate-preset--sky h3,
.cf7-mate-preset--sky h4, .cf7-mate-preset--sky h5, .cf7-mate-preset--sky h6 {
  color: #0c4a6e;
  margin-top: 0;
  margin-bottom: 12px;
}

.cf7-mate-preset--sky p {
  color: #0369a1;
  margin-bottom: 12px;
}

.cf7-mate-preset--sky input[type="submit"],
.cf7-mate-preset--sky button[type="submit"],
.cf7-mate-preset--sky .cf7m-button {
  background: #0ea5e9;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
}

.cf7-mate-preset--sky input[type="submit"]:hover,
.cf7-mate-preset--sky button[type="submit"]:hover,
.cf7-mate-preset--sky .cf7m-button:hover {
  background: #0284c7;
}

/* ─── Preset: Classic ──────────────────────────────────────────────────── */
.cf7-mate-preset--classic {
  --cf7m-field-margin: 1rem;
  --cf7m-placeholder: #9ca3af;
  --cf7m-radius: 4px;
}

.cf7-mate-preset--classic input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset--classic select,
.cf7-mate-preset--classic textarea {
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 10px 12px;
  color: #111827;
  font-size: 14px;
  line-height: 1.5;
}

.cf7-mate-preset--classic input::placeholder,
.cf7-mate-preset--classic textarea::placeholder {
  color: #9ca3af;
  opacity: 1;
}

.cf7-mate-preset--classic input:focus,
.cf7-mate-preset--classic select:focus,
.cf7-mate-preset--classic textarea:focus {
  border-color: #6b7280;
  outline: none;
  box-shadow: 0 0 0 2px rgba(107, 114, 128, 0.15);
}

.cf7-mate-preset--classic label {
  color: #374151;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 0.375rem;
}

.cf7-mate-preset--classic h1, .cf7-mate-preset--classic h2, .cf7-mate-preset--classic h3,
.cf7-mate-preset--classic h4, .cf7-mate-preset--classic h5, .cf7-mate-preset--classic h6 {
  color: #111827;
  margin-bottom: 10px;
}

.cf7-mate-preset--classic p {
  color: #4b5563;
  margin-bottom: 10px;
}

.cf7-mate-preset--classic input[type="submit"],
.cf7-mate-preset--classic button[type="submit"],
.cf7-mate-preset--classic .cf7m-button {
  background: #374151;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 10px 20px;
  font-weight: 500;
  font-size: 14px;
}

.cf7-mate-preset--classic input[type="submit"]:hover,
.cf7-mate-preset--classic button[type="submit"]:hover,
.cf7-mate-preset--classic .cf7m-button:hover {
  background: #1f2937;
}

/* ─── Preset: Box ──────────────────────────────────────────────────────── */
.cf7-mate-preset--box {
  --cf7m-field-margin: 1.25rem;
  --cf7m-placeholder: #6b7280;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px 28px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.cf7-mate-preset--box input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset--box select,
.cf7-mate-preset--box textarea {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 16px;
  color: #111827;
  font-size: 15px;
  line-height: 1.5;
}

.cf7-mate-preset--box input::placeholder,
.cf7-mate-preset--box textarea::placeholder {
  color: #6b7280;
  opacity: 0.9;
}

.cf7-mate-preset--box input:focus,
.cf7-mate-preset--box select:focus,
.cf7-mate-preset--box textarea:focus {
  border-color: #3b82f6;
  outline: none;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.cf7-mate-preset--box label {
  color: #374151;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0.375rem;
}

.cf7-mate-preset--box h1, .cf7-mate-preset--box h2, .cf7-mate-preset--box h3,
.cf7-mate-preset--box h4, .cf7-mate-preset--box h5, .cf7-mate-preset--box h6 {
  color: #111827;
  margin-bottom: 16px;
}

.cf7-mate-preset--box p {
  color: #6b7280;
  margin-bottom: 14px;
}

.cf7-mate-preset--box input[type="submit"],
.cf7-mate-preset--box button[type="submit"],
.cf7-mate-preset--box .cf7m-button {
  background: #3b82f6;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 15px;
}

.cf7-mate-preset--box input[type="submit"]:hover,
.cf7-mate-preset--box button[type="submit"]:hover,
.cf7-mate-preset--box .cf7m-button:hover {
  background: #2563eb;
}

/* ─── Preset: Minimal ──────────────────────────────────────────────────── */
.cf7-mate-preset--minimal {
  --cf7m-field-margin: 1.25rem;
  --cf7m-placeholder: #9ca3af;
  --cf7m-input-padding-y: 12px;
  --cf7m-input-padding-x: 0;
}

.cf7-mate-preset--minimal input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset--minimal select,
.cf7-mate-preset--minimal textarea {
  background: transparent;
  border: none;
  border-bottom: 2px solid #e5e7eb;
  border-radius: 0;
  padding: 12px 0;
  color: #111827;
  font-size: 16px;
  line-height: 1.5;
}

.cf7-mate-preset--minimal input::placeholder,
.cf7-mate-preset--minimal textarea::placeholder {
  color: #9ca3af;
  opacity: 0.9;
}

.cf7-mate-preset--minimal input:focus,
.cf7-mate-preset--minimal select:focus,
.cf7-mate-preset--minimal textarea:focus {
  border-bottom-color: #111827;
  outline: none;
  box-shadow: none;
}

.cf7-mate-preset--minimal label {
  color: #6b7280;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}

.cf7-mate-preset--minimal h1, .cf7-mate-preset--minimal h2, .cf7-mate-preset--minimal h3,
.cf7-mate-preset--minimal h4, .cf7-mate-preset--minimal h5, .cf7-mate-preset--minimal h6 {
  color: #111827;
  margin-bottom: 20px;
  font-weight: 600;
}

.cf7-mate-preset--minimal p {
  color: #6b7280;
  margin-bottom: 16px;
}

.cf7-mate-preset--minimal input[type="submit"],
.cf7-mate-preset--minimal button[type="submit"],
.cf7-mate-preset--minimal .cf7m-button {
  background: #111827;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 14px 28px;
  font-weight: 600;
  font-size: 14px;
}

.cf7-mate-preset--minimal input[type="submit"]:hover,
.cf7-mate-preset--minimal button[type="submit"]:hover,
.cf7-mate-preset--minimal .cf7m-button:hover {
  background: #000;
}

/* ─── Preset: Dark ─────────────────────────────────────────────────────── */
.cf7-mate-preset--dark {
  --cf7m-field-margin: 1.25rem;
  --cf7m-placeholder: #71717a;
  background: #1e1e2e;
  padding: 24px 28px;
  border-radius: 12px;
}

.cf7-mate-preset--dark input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset--dark select,
.cf7-mate-preset--dark textarea {
  background: #2d2d3d;
  border: 1px solid #3d3d4d;
  border-radius: 8px;
  padding: 12px 16px;
  color: #e4e4e7 !important;
  font-size: 15px;
  line-height: 1.5;
}

/* Calculator [cf7m-number] in dark preset – dark bg and light text (pro-forms uses white by default) */
.cf7-mate-preset--dark .cf7m-number-field {
  background: #2d2d3d !important;
  border-color: #3d3d4d;
}

.cf7-mate-preset--dark .cf7m-number-field .cf7m-calc-input {
  background: transparent !important;
  color: #e4e4e7 !important;
}

.cf7-mate-preset--dark .cf7m-number-prefix,
.cf7-mate-preset--dark .cf7m-number-suffix {
  background: #252535;
  border-color: #3d3d4d;
  color: #a1a1aa;
}

.cf7-mate-preset--dark .cf7m-number-field:focus-within {
  border-color: #818cf8;
  box-shadow: 0 0 0 2px rgba(129, 140, 248, 0.2);
}

/* Total display [cf7m-total] in dark preset */
.cf7-mate-preset--dark .cf7m-total,
.cf7-mate-preset--dark .cf7m-total-prefix,
.cf7-mate-preset--dark .cf7m-total-suffix,
.cf7-mate-preset--dark .cf7m-total-value {
  background: #2d2d3d;
  border-color: #3d3d4d;
  color: #e4e4e7;
}

.cf7-mate-preset--dark .cf7m-total-label {
  color: #a1a1aa;
}

.cf7-mate-preset--dark input::placeholder,
.cf7-mate-preset--dark textarea::placeholder {
  color: #71717a;
  opacity: 0.9;
}

.cf7-mate-preset--dark input:focus,
.cf7-mate-preset--dark select:focus,
.cf7-mate-preset--dark textarea:focus {
  border-color: #818cf8;
  outline: none;
  box-shadow: 0 0 0 2px rgba(129, 140, 248, 0.2);
}

.cf7-mate-preset--dark label {
  color: #a1a1aa;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0.375rem;
}

.cf7-mate-preset--dark h1, .cf7-mate-preset--dark h2, .cf7-mate-preset--dark h3,
.cf7-mate-preset--dark h4, .cf7-mate-preset--dark h5, .cf7-mate-preset--dark h6 {
  color: #f4f4f5;
  margin-bottom: 14px;
}

.cf7-mate-preset--dark p,
.cf7-mate-preset--dark span,
.cf7-mate-preset--dark li {
  color: #a1a1aa;
}

.cf7-mate-preset--dark input[type="submit"],
.cf7-mate-preset--dark button[type="submit"],
.cf7-mate-preset--dark .cf7m-button {
  background: #818cf8;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 15px;
}

.cf7-mate-preset--dark input[type="submit"]:hover,
.cf7-mate-preset--dark button[type="submit"]:hover,
.cf7-mate-preset--dark .cf7m-button:hover {
  background: #6366f1;
}

/* ─── Preset: Modern ───────────────────────────────────────────────────── */
.cf7-mate-preset--modern {
  --cf7m-field-margin: 1.125rem;
  --cf7m-placeholder: #94a3b8;
  --cf7m-radius: 8px;
}

.cf7-mate-preset--modern input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset--modern select,
.cf7-mate-preset--modern textarea {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 12px 16px;
  color: #1e293b;
  font-size: 15px;
  line-height: 1.5;
}

.cf7-mate-preset--modern input::placeholder,
.cf7-mate-preset--modern textarea::placeholder {
  color: #94a3b8;
  opacity: 0.9;
}

.cf7-mate-preset--modern input:focus,
.cf7-mate-preset--modern select:focus,
.cf7-mate-preset--modern textarea:focus {
  border-color: #0ea5e9;
  outline: none;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);
}

.cf7-mate-preset--modern label {
  color: #475569;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0.375rem;
}

.cf7-mate-preset--modern h1, .cf7-mate-preset--modern h2, .cf7-mate-preset--modern h3,
.cf7-mate-preset--modern h4, .cf7-mate-preset--modern h5, .cf7-mate-preset--modern h6 {
  color: #0f172a;
  margin-bottom: 14px;
}

.cf7-mate-preset--modern p {
  color: #64748b;
  margin-bottom: 12px;
}

.cf7-mate-preset--modern input[type="submit"],
.cf7-mate-preset--modern button[type="submit"],
.cf7-mate-preset--modern .cf7m-button {
  background: #0ea5e9;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 15px;
}

.cf7-mate-preset--modern input[type="submit"]:hover,
.cf7-mate-preset--modern button[type="submit"]:hover,
.cf7-mate-preset--modern .cf7m-button:hover {
  background: #0284c7;
}

/* ─── Preset: Rounded ──────────────────────────────────────────────────── */
.cf7-mate-preset--rounded {
  --cf7m-field-margin: 1.25rem;
  --cf7m-placeholder: #a1a1aa;
  --cf7m-radius: 16px;
  --cf7m-input-padding-y: 14px;
  --cf7m-input-padding-x: 18px;
}

.cf7-mate-preset--rounded input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset--rounded select,
.cf7-mate-preset--rounded textarea {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 16px;
  padding: 14px 18px;
  color: #333;
  font-size: 15px;
  line-height: 1.5;
}

.cf7-mate-preset--rounded input::placeholder,
.cf7-mate-preset--rounded textarea::placeholder {
  color: #a1a1aa;
  opacity: 0.9;
}

.cf7-mate-preset--rounded input:focus,
.cf7-mate-preset--rounded select:focus,
.cf7-mate-preset--rounded textarea:focus {
  border-color: #6366f1;
  outline: none;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

.cf7-mate-preset--rounded label {
  color: #555;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0.375rem;
}

.cf7-mate-preset--rounded h1, .cf7-mate-preset--rounded h2, .cf7-mate-preset--rounded h3,
.cf7-mate-preset--rounded h4, .cf7-mate-preset--rounded h5, .cf7-mate-preset--rounded h6 {
  color: #333;
  margin-bottom: 14px;
}

.cf7-mate-preset--rounded p {
  color: #666;
  margin-bottom: 12px;
}

.cf7-mate-preset--rounded input[type="submit"],
.cf7-mate-preset--rounded button[type="submit"],
.cf7-mate-preset--rounded .cf7m-button {
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 16px;
  padding: 14px 28px;
  font-weight: 600;
  font-size: 15px;
}

.cf7-mate-preset--rounded input[type="submit"]:hover,
.cf7-mate-preset--rounded button[type="submit"]:hover,
.cf7-mate-preset--rounded .cf7m-button:hover {
  background: #4f46e5;
}
/*
Theme Name:     DIVI SNC2
Description:    DIVI Child Theme
Author:         admin
Template:       Divi
*/

/*remove sidebar line*/
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right, .et_pb_widget_area_left { border:0 !important; }
.archive #content-area {background:#DDD ; background:rgba(255,255,255,0.8);}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url(//www.networkdr.com/wp-content/themes/divi-snc2/fonts/oswald-v49-latin-300.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(//www.networkdr.com/wp-content/themes/divi-snc2/fonts/oswald-v49-latin-300.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url(//www.networkdr.com/wp-content/themes/divi-snc2/fonts/oswald-v49-latin-regular.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(//www.networkdr.com/wp-content/themes/divi-snc2/fonts/oswald-v49-latin-regular.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url(//www.networkdr.com/wp-content/themes/divi-snc2/fonts/oswald-v49-latin-500.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(//www.networkdr.com/wp-content/themes/divi-snc2/fonts/oswald-v49-latin-500.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url(//www.networkdr.com/wp-content/themes/divi-snc2/fonts/lato-v23-latin-300.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(//www.networkdr.com/wp-content/themes/fonts/lato-v23-latin-300.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url(//www.networkdr.com/wp-content/themes/divi-snc2/fonts/lato-v23-latin-regular.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(//www.networkdr.com/wp-content/themes/fonts/lato-v23-latin-regular.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url(//www.networkdr.com/wp-content/themes/divi-snc2/fonts/lato-v23-latin-700.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url(//www.networkdr.com/wp-content/themes/fonts/lato-v23-latin-700.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

li.menu-cta a, li.menu-cta a {
  font-family:sans-serif;
  background-color: #9d2c2d;
  color: #ffffff!important;
  padding: 15px 25px !important;
  border-radius: 25px;
  text-transform: uppercase;
  text-align: center;
}
li.menu-cta .current_page_item a, #main-header.et-fixed-header li.menu-cta.current_page_item a {
	color:#ffffff!important;
}
#et_mobile_nav_menu .desktop {
	display:none;
}
#top-menu .mobile {
	display:none;
}

.et_fullscreen_slider .et_pb_slides,
.et_fullscreen_slider .et_pb_slide,
.et_fullscreen_slider .et_pb_container {
    min-height: 100% !important;
    height: 100% !important;
}
.category-testimonials #content-area img {
	max-width:30%;
	float:left;
	margin:1em;
	border-radius:12px;
	box-shadow:-4px 4px 8px;
}
.category-testimonials #content-area blockquote {
	border:none;
	background:rgba(0,0,0,0.5);
	color:rgba(255,255,255,1.0);
	text-align: center;
	padding:2em 5em;
}
/* Overlapping Header */
.et_fixed_nav #top-header {
	position:fixed;
    z-index: 9998;
}
.pds-box {max-width:100%; margin:auto!important;}
#fancybox-title-over {display:none!important;}
a.more-link { display:inline!important; text-transform: capitalize;}
a.more-link::after {
	content: " >";
}
.et_pb_main_blurb_image > span {
	width:32px;
	height:32px;
}
.et_pb_blurb_content img {
	width: inherit;
}

.drop_menu ul {
    right: 0px !important;
}
abbr { text-decoration:none; }
/* .YTPOverlay { display:none;} */
#main-content { background-color:transparent!important;}

article.not_found {
	font-weight:bold;
	border-radius: 0px;
	padding:1vw;
	background:rgba(255,255,255,0.6)
}
#sidebar {
	background:rgba(255,255,255,0.8)
}
#top-menu-nav li a {
	cursor: pointer;
}

/*#top-menu-nav ul#top-menu li:last-child ul { right: 0px !important; }*/
.et_parallax_bg {
	background-position: top right;
}
.et_pb_header_content_wrapper p a { color:#000!important; }
.blurb-hide { display:none; }
.blurb-show { display:inherit; }
sup { font-size:0.7em; bottom:0.7em;}
#included .et_pb_blurb_content, #test .et_pb_blurb_header {cursor: pointer;}
#included .et_pb_blurb_description, #test .et_pb_blurb_description {display:none;}
.archive #left-area { 
	padding:1%;
}
.et_pb_post { clear:both;}
.et_pb_post a img {
    max-width: 25%;
    vertical-align: bottom;
    float: left;
    margin-right: 1vw;
	  margin-bottom:5vh;
}
.powered-by {
	display: flex; align-items: center; justify-content: center
}
.powered-by img {
	vertical-align:middle;
}
.powered-by a {
	color:white;
}
img#about-image { margin: 0;}

/* @media only screen and (min-width: 981px) {
	.et-fixed-header #top-menu .children li a {
		color:#272525!important;
	}
.pds-answer {}
.pds-answer-group {float:left!important; padding:8px 8px!important;}
.pds-input-label, .pds-feedback-label {width:auto!important;}
.pds-votebutton-outer{clear:both!important;}
}*/
#page-container { padding-top:inherit!important; }
@media only screen and (max-width: 980px) {
/* 	#page-container { padding-top:80px!important;} */
	#main-header { top: 0px!important;}
	.et-fixed-header { position:fixed!important;}
	.top-phone, .top-login, .top-twitter, .top-facebook, .top-instagram, .top-linkedin { width:100%!important; }

	.top-phone:before {
		color:white;
		margin-top: 10px;
		margin-right: 12px;
	}
	.top-login:before {
		color:white;
		margin-top: 10px;
		margin-right: 12px;
	}
.et-fixed-header #logo {
	max-height:60%!important;
	margin-top:0px;
}
.top-phone:before, .top-login:before, .top-pay-now:before {content:none;}
}
@media only screen and (max-width: 522px) { /* mobile button alignment for fw-headers*/
  .et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
    margin-left: 0;
  }
}

div.sptp-single-post {
  max-width: 80%!important;
}
.sptp-single-post .sptp-content {
  text-align:left!important;
}
.sptp-member-avatar-area {
  width:450px;
  margin:inherit!important;
}
.sptp-info {
  margin-left:1em;
}
.sptp-member-avatar-area {
  width:none!important;
}
.sptp-member-avatar-area {
	width:42%!important;
}

/* SKILLS BARS */

.sptp-member-skill-progress
.skillbar {    background-image:url(https://www.networkdr.com/wp-content/uploads/stripe.webp);
    width: 100%;
    height: 30px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-repeat: repeat;
    background-position: 0 0;
    position: relative;
    margin-bottom: 30px;
    background-color: #e0e0e0;}
.sptp-member-skill-progress
.count-bar {
	animation: myAnim 2s ease 0s 1 normal none;
    height: 100%;
    width: 0px;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    background:#9e2b2b;
    color:white;}

.sptp-member-skill-progress
.title {
    font-size: 14px;
    font-weight: 400;
    padding-left: 12px;
    line-height: 30px;
    text-transform: uppercase;
    padding-right: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.sptp-member-skill-progress
.count {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    background-color: #9e2b2b;
    padding-left: 10px;
    padding-right: 12px;
}
@keyframes myAnim {
  0% {
    transform: scaleX(0.4);
    transform-origin: 0% 0%;
  }

  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
  }
}