/*!
 Theme Name: Dental Crafters SCSS (TDR)
 Version: 4.6
 Description: Premium Multi-purpose WordPress Theme
 Author: WPExplorer
 Theme URI: https://themeforest.net/item/total-responsive-multipurpose-wordpress-theme/6339019
 Author URI: https://themeforest.net/user/wpexplorer
 License: Custom license
 License URI: http://themeforest.net/licenses/terms/regular
 Text Domain: total
 Template: base
 Tags: custom-colors, accessibility-ready, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready

 */
/* Dental Crafters site variables */
/* Colors */
/* Font Families */
@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700|Roboto+Slab:300,400");
/* Screen Sizes */
/* Spacing Sizes */
/* Font Scaling */
.product-heading-row h1, h1,
h1 span {
  font-size: 53px;
  font-size: calc(38px + (53 - 38) * (100vw - 320px) / (1000 - 320));
  line-height: 58px;
  line-height: calc(40px + (58 - 40) * (100vw - 320px) / (1000 - 320)); }
  @media (min-width: 1000px) {
    .product-heading-row h1, h1,
    h1 span {
      font-size: 53px;
      line-height: 58px; } }

.home-section .home-title h1 ~ p, h2 {
  font-size: 42px;
  font-size: calc(38px + (42 - 38) * (100vw - 320px) / (1000 - 320));
  line-height: 47px;
  line-height: calc(40px + (47 - 40) * (100vw - 320px) / (1000 - 320)); }
  @media (min-width: 1000px) {
    .home-section .home-title h1 ~ p, h2 {
      font-size: 42px;
      line-height: 47px; } }

.upload-banner p, h3 {
  font-size: 26px;
  font-size: calc(20px + (26 - 20) * (100vw - 320px) / (1000 - 320));
  line-height: 31px;
  line-height: calc(26px + (31 - 26) * (100vw - 320px) / (1000 - 320)); }
  @media (min-width: 1000px) {
    .upload-banner p, h3 {
      font-size: 26px;
      line-height: 31px; } }

h4 {
  font-size: 20px;
  font-size: calc(18px + (20 - 18) * (100vw - 320px) / (1000 - 320));
  line-height: 24px;
  line-height: calc(22px + (24 - 22) * (100vw - 320px) / (1000 - 320)); }
  @media (min-width: 1000px) {
    h4 {
      font-size: 20px;
      line-height: 24px; } }

/**
 * Globals, Typography, Etc.
 */
/* Top Bar */
#top-bar-wrap {
  background-color: #54c8e8; }
  #top-bar-wrap #top-bar-content {
    float: unset; }
    #top-bar-wrap #top-bar-content .top-bar-menu {
      float: unset;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end; }
      @media (max-width: 1055px) {
        #top-bar-wrap #top-bar-content .top-bar-menu {
          display: block;
          text-align: center;
          float: unset; } }
      #top-bar-wrap #top-bar-content .top-bar-menu li.menu-item {
        display: inline-block;
        float: unset;
        margin-right: 0px;
        padding: 0px 10px; }
        #top-bar-wrap #top-bar-content .top-bar-menu li.menu-item:last-of-type {
          margin-right: 0px;
          padding-right: 0px; }
      #top-bar-wrap #top-bar-content .top-bar-menu a {
        font-family: Quicksand, sans-serif;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 500; }
      #top-bar-wrap #top-bar-content .top-bar-menu a[href*="tel"] {
        color: #000000; }

/* Site Navigation */
#site-header {
  border-bottom: 1px solid #000000; }
  #site-header .phone-numbers {
    text-align: right;
    color: #777878;
    z-index: 100;
    pointer-events: all; }
    @media (max-width: 639px) {
      #site-header .phone-numbers {
        display: none; } }
    #site-header .phone-numbers p {
      font-family: Quicksand, sans-serif;
      font-size: 16px;
      line-height: 1.2;
      margin-bottom: 0px;
      color: #777878; }
      #site-header .phone-numbers p a {
        color: #777878; }
        #site-header .phone-numbers p a:hover {
          color: #54c8e8;
          text-decoration: underline; }
  #site-header #site-logo {
    z-index: 100;
    pointer-events: all; }
  #site-header #site-navigation-wrap {
    padding: 0px 0px;
    pointer-events: none;
    /* Ubermenu mobile placement */
    /* Breakpoints for top tier menu items in mobile drop down */
    /* Desktop drop down menu */
    /* Equal height to each sub menu item */
    /* Greys out first sub menu when second submenu is active */ }
    #site-header #site-navigation-wrap #site-navigation {
      pointer-events: none; }
      #site-header #site-navigation-wrap #site-navigation .ubermenu-main {
        pointer-events: none; }
        #site-header #site-navigation-wrap #site-navigation .ubermenu-main ul.ubermenu-nav {
          pointer-events: none; }
          #site-header #site-navigation-wrap #site-navigation .ubermenu-main ul.ubermenu-nav li * {
            pointer-events: all; }
    #site-header #site-navigation-wrap.navbar-style-one {
      position: relative !important;
      right: unset;
      /* Unset property to center menu content. Adjustment needs to be made to toggle. */ }
    @media only screen and (max-width: 959px) {
      #site-header #site-navigation-wrap {
        /* Don't hide Ubermenu mobile menu */ }
        #site-header #site-navigation-wrap.hide-at-mm-breakpoint {
          display: block !important; } }
    #site-header #site-navigation-wrap .ubermenu-responsive-toggle,
    #site-header #site-navigation-wrap .ubermenu-sticky-toggle-wrapper {
      float: right;
      background-color: transparent;
      font-family: Quicksand, sans-serif;
      font-size: 20px;
      font-weight: bold;
      color: #000000;
      margin-top: 35px;
      pointer-events: all; }
      @media (max-width: 639px) {
        #site-header #site-navigation-wrap .ubermenu-responsive-toggle,
        #site-header #site-navigation-wrap .ubermenu-sticky-toggle-wrapper {
          margin-top: 15px; } }
    #site-header #site-navigation-wrap .ubermenu-main {
      top: -42px;
      /* Switch to mobile view */ }
      @media (max-width: 1400px) {
        #site-header #site-navigation-wrap .ubermenu-main {
          top: 0px;
          background: white;
          border-top: 1px solid #000000;
          border-right: 0px solid black;
          border-bottom: 0px solid black;
          border-left: 0px solid black;
          text-align: left;
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); } }
    @media screen and (max-width: 1400px) {
      #site-header #site-navigation-wrap .ubermenu-responsive .ubermenu-item-level-0 {
        width: 25%;
        min-width: 25%;
        text-align: left; } }
    @media screen and (max-width: 999px) {
      #site-header #site-navigation-wrap .ubermenu-responsive .ubermenu-item-level-0 {
        width: 33.3333%;
        min-width: 33.3333%; } }
    @media screen and (max-width: 699px) {
      #site-header #site-navigation-wrap .ubermenu-responsive .ubermenu-item-level-0 {
        width: 50%;
        min-width: 50%; } }
    @media screen and (max-width: 459px) {
      #site-header #site-navigation-wrap .ubermenu-responsive .ubermenu-item-level-0 {
        width: 100%;
        min-width: 100%; } }
    #site-header #site-navigation-wrap .ubermenu-skin-vanilla .ubermenu-submenu.ubermenu-submenu-drop {
      border-top: 1px solid #000000;
      border-left: 0px;
      border-bottom: 0px;
      border-right: 0px; }
    @media (max-width: 1400px) {
      #site-header #site-navigation-wrap #site-header #site-navigation-wrap .ubermenu-main {
        top: 0px;
        background: white;
        border: 1px solid black; } }
    #site-header #site-navigation-wrap .menu-item,
    #site-header #site-navigation-wrap .ubermenu-item {
      color: #000000;
      transition: all .25s ease;
      pointer-events: all; }
      #site-header #site-navigation-wrap .menu-item:hover > a,
      #site-header #site-navigation-wrap .ubermenu-item:hover > a {
        color: #54c8e8;
        transition: all .25s ease; }
    #site-header #site-navigation-wrap li a {
      font-family: Quicksand, sans-serif;
      font-size: 18px;
      font-weight: 600;
      color: #000000;
      transition: all .25s ease; }
      #site-header #site-navigation-wrap li a span {
        padding: 5px 8px; }
    #site-header #site-navigation-wrap li.current-menu-item a {
      color: #54c8e8; }
    #site-header #site-navigation-wrap .ubermenu .ubermenu-colgroup .ubermenu-column,
    #site-header #site-navigation-wrap .ubermenu .ubermenu-custom-content-padded,
    #site-header #site-navigation-wrap .ubermenu .ubermenu-nonlink,
    #site-header #site-navigation-wrap .ubermenu .ubermenu-retractor,
    #site-header #site-navigation-wrap .ubermenu .ubermenu-submenu-padded,
    #site-header #site-navigation-wrap .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target,
    #site-header #site-navigation-wrap .ubermenu .ubermenu-target,
    #site-header #site-navigation-wrap .ubermenu .ubermenu-widget {
      padding: 10px 8px; }
    #site-header #site-navigation-wrap .ubermenu-responsive-toggle {
      padding: 10px 0px; }
    #site-header #site-navigation-wrap .sub-nav.ubermenu-item,
    #site-header #site-navigation-wrap .ubermenu-item:not(.nav-header) {
      height: 220px;
      overflow: visible;
      padding-top: 10px;
      max-width: 180px; }
      #site-header #site-navigation-wrap .sub-nav.ubermenu-item a span,
      #site-header #site-navigation-wrap .ubermenu-item:not(.nav-header) a span {
        font-size: 16px !important;
        padding-top: 10px; }
    #site-header #site-navigation-wrap .ubermenu-item-171 ~ li {
      opacity: 1;
      transition: all .25s ease; }
    #site-header #site-navigation-wrap .ubermenu-item-171.ubermenu-active ~ li {
      opacity: .25;
      transition: all .25s ease; }
    @media (max-width: 1400px) {
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-10,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-9,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-8,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-7,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-6,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-5,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-4,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-3 {
        width: 20%;
        min-width: 20%;
        max-width: 20%;
        overflow: visible; } }
    @media (max-width: 767px) {
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-10,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-9,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-8,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-7,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-6,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-5,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-4,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-3 {
        width: 33.333%;
        min-width: 33.333%;
        max-width: 33.333%;
        overflow: visible; } }
    @media (max-width: 649px) {
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-10,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-9,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-8,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-7,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-6,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-5,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-4,
      #site-header #site-navigation-wrap .ubermenu .ubermenu-nav .ubermenu-column-1-3 {
        width: 50%;
        min-width: 50%;
        max-width: 50%;
        overflow: visible; } }

.ubermenu .ubermenu-item .ubermenu-submenu-drop {
  overflow: visible !important; }

.ubermenu .ubermenu-image:not(.ubermenu-image-lazyload) {
  height: 50px !important;
  width: auto;
  transition: all .25s ease;
  transform: scale(1);
  padding: 4px; }

.ubermenu-item:hover > a .ubermenu-image {
  height: 50px;
  transition: all .25s ease;
  transform-origin: center;
  transform: scale(1.3); }

/* Only necessary if secondary sub menu is used. */
ul.ubermenu-nav a:hover {
  color: #54c8e8; }

ul.ubermenu-submenu {
  padding-right: 0px !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center !important;
      justify-content: center !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  ul.ubermenu-submenu a span {
    font-size: 18px; }

/* Site Footer */
#footer-builder {
  border-top: 1px solid #000000;
  padding: 20px 0px; }
  #footer-builder img {
    max-width: 40%; }
    #footer-builder img:first-of-type {
      margin-right: 20px; }
  #footer-builder .contact-info {
    text-align: right; }
    @media (max-width: 767px) {
      #footer-builder .contact-info {
        text-align: center; } }
  #footer-builder .company-logos {
    text-align: left; }
    @media (max-width: 767px) {
      #footer-builder .company-logos {
        text-align: center; } }
  #footer-builder .social-icons {
    text-align: right;
    font-size: 16px;
    margin-top: 12px; }
    #footer-builder .social-icons a:last-of-type {
      margin-right: 0px; }
    @media (max-width: 767px) {
      #footer-builder .social-icons {
        text-align: center; } }
  #footer-builder p {
    font-family: Quicksand, sans-serif; }

/* Home Page */
.upload-banner {
  padding: 20px 0px;
  background-color: #54c8e8; }
  .upload-banner p {
    font-family: Quicksand, sans-serif;
    font-weight: 600;
    color: #FFFFFF; }
    .upload-banner p a {
      color: #FFFFFF; }

.home-section .home-title {
  padding-top: 10vh; }
  .home-section .home-title h1 {
    color: #54c8e8;
    margin-bottom: 0px; }
    .home-section .home-title h1 ~ p {
      font-family: Quicksand, sans-serif;
      font-weight: 500;
      color: #000000; }

.home-section .white-column:before {
  content: '';
  background: url("/wp-content/uploads/2019/03/dc_header_white_angle.png");
  display: inline-block;
  height: 100%;
  width: 100%; }

.copy-block-row {
  color: transparent;
  background: rgba(255, 255, 255, 0);
  padding-top: 60px;
  padding-bottom: 60px; }
  .copy-block-row .home-copy-block {
    margin: auto;
    max-width: 820px;
    padding: 30px; }
    .copy-block-row .home-copy-block .intro-title p, .copy-block-row .home-copy-block h2 {
      font-family: Quicksand, sans-serif;
      font-size: 21px;
      line-height: 28px;
      font-weight: bold;
      color: #000000;
      margin-bottom: 20px !important; }
  .copy-block-row .theme-button {
    margin: 20px 0px; }

/* Parallax CSS */
/* Our Company */
.our-company-row h1 {
  margin-bottom: 40px; }

.our-company-row .vc_row .vc_column_container:not(:last-of-type) {
  margin-bottom: 30px; }

.our-staff-row h2 {
  margin-bottom: 40px; }

.our-staff-row .staff-grid .staff-entry-details {
  padding: 10px; }

.our-staff-row .staff-grid .staff-entry-title {
  text-align: center;
  font-size: 19px;
  line-height: 24px;
  color: #54c8e8; }

.our-staff-row .staff-grid .staff-entry-position {
  text-align: center;
  text-transform: uppercase;
  font-family: "Roboto Slab", sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #000000; }

/* Careers */
.careers-row .career-interest p {
  font-family: Quicksand, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000; }

/* RX Forms */
.rx-forms-row {
  /* Bottom spacing for mobile column stacking */ }
  .rx-forms-row h1 {
    margin-bottom: 40px; }
  .rx-forms-row h3 {
    font-size: 22px;
    margin-bottom: 10px; }
  .rx-forms-row .copy-block {
    margin-bottom: 40px; }
    .rx-forms-row .copy-block:last-of-type {
      margin-bottom: 40px; }
    .rx-forms-row .copy-block .theme-button-wrap {
      margin: 20px; }
      .rx-forms-row .copy-block .theme-button-wrap:last-of-type {
        margin: 0px 20px 20px 20px; }
    .rx-forms-row .copy-block .hide-btn {
      display: none; }
  .rx-forms-row .hide-btn {
    display: none; }
  .rx-forms-row .vc_row .vc_column_container:not(:last-of-type) {
    margin-bottom: 30px; }

.product-heading-row {
  border-bottom: 0px !important; }
  .product-heading-row img {
    padding: 20px 0 60px 0; }
  .product-heading-row h1 {
    color: #54c8e8;
    margin-bottom: 40px; }
  .product-heading-row p {
    font-family: Quicksand, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    max-width: 820px;
    margin: 0 auto; }
    .product-heading-row p:first-of-type {
      font-family: Quicksand, sans-serif;
      font-size: 21px;
      font-weight: 600;
      color: #000000;
      margin-bottom: 20px; }

.product-info-row h2 {
  font-family: Quicksand, sans-serif;
  font-size: 19px;
  line-height: 28px;
  font-weight: 600;
  color: #000000; }
  .product-info-row h2.heat-cured::before {
    content: '';
    background: url("/wp-content/uploads/2019/05/dentures_heatcuredprocess.png") no-repeat;
    display: block;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    margin: 0 8px 8px 0; }
  .product-info-row h2.threed-printed::before {
    content: '';
    background: url("/wp-content/uploads/2019/05/dentures_3dprinted.png") no-repeat;
    display: block;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    margin: 0 8px 8px 0; }
  .product-info-row h2.poured-process::before {
    content: '';
    background: url("/wp-content/uploads/2019/05/dentures_pouredprocess.png") no-repeat;
    display: block;
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    margin: 0 8px 8px 0; }

.product-info-row h3 {
  font-family: Quicksand, sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #54c8e8; }

.product-info-row p {
  font-family: "Roboto Slab", sans-serif;
  color: #000000;
  font-weight: 300;
  margin-bottom: 0px; }
  .product-info-row p strong {
    font-weight: 400; }
  .product-info-row p:last-child {
    margin-bottom: 20px !important; }
  .product-info-row p span.highlight {
    color: #54c8e8;
    font-weight: 400; }

.product-info-row.implant-denture p:last-of-type {
  margin-top: 20px; }

.product-info-row ul {
  font-family: "Roboto Slab", sans-serif;
  color: #000000; }

.product-info-row img {
  padding: 0 0 20px 0; }

.product-info-row .h-divider {
  box-shadow: 0 1px 0 0 #000000; }

.product-info-row .v-divider {
  box-shadow: 1px 0 0 0 #000000; }
  @media (max-width: 767px) {
    .product-info-row .v-divider {
      box-shadow: 0 0 0 0 #000000; } }

.product-info-row .product-caption {
  font-family: Quicksand, sans-serif;
  font-size: 15px;
  color: #000000;
  z-index: 10; }
  .product-info-row .product-caption.implant-package .surgical-guide {
    position: absolute;
    left: 32%;
    top: 7%; }
  .product-info-row .product-caption.implant-package .prosthetic {
    position: absolute;
    left: 82%;
    top: 7%; }
  .product-info-row .product-caption.implant-package .temporary-denture {
    position: absolute;
    left: 25%;
    top: 90%; }
  .product-info-row .product-caption.implant-package .analog-model {
    position: absolute;
    left: 84%;
    top: 90%; }

.product-info-row .cq-datatable .cq-datatable-header {
  background-color: #54c8e8;
  text-align: center; }
  .product-info-row .cq-datatable .cq-datatable-header.cq-datatable-row {
    color: #FFFFFF; }

.product-info-row .cq-datatable .cq-datatable-row {
  color: #000000;
  text-align: center; }

/* Contact Us */
.contact-us-row h1 {
  margin-bottom: 40px; }

.contact-us-row h3 {
  margin-bottom: 10px; }

h1,
h1 span {
  font-family: Quicksand, sans-serif;
  color: #54c8e8;
  margin: 0px; }

h2 {
  font-family: Quicksand, sans-serif;
  margin: 0px; }

h3 {
  font-family: Quicksand, sans-serif;
  margin: 0px; }

h4 {
  font-family: Quicksand, sans-serif;
  margin: 0px; }

p {
  font-family: "Roboto Slab", sans-serif;
  font-size: 16px;
  color: #000000;
  font-weight: 300; }

ul, ol {
  font-family: "Roboto Slab", sans-serif;
  font-size: 16px;
  color: #000000;
  font-weight: 300;
  margin: 0 0 20px 20px; }

a {
  color: #54c8e8;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

section {
  padding: 40px 0px; }
  section.home-section {
    padding: 0px; }
  section:not(:last-of-type) {
    border-bottom: 1px solid #000000; }

.theme-button {
  font-family: Quicksand, sans-serif;
  font-size: 18px;
  border-radius: 0px;
  background-color: #54c8e8;
  outline-offset: 30px;
  outline: 2px solid rgba(84, 200, 232, 0);
  box-shadow: 0px 3px 6px 1px transparent; }
  .theme-button:hover {
    background-color: #54c8e8;
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.2); }

@keyframes buttonHover {
  0% {
    outline-offset: 30px;
    outline: 2px solid #54c8e8; }
  100% {
    outline-offset: -2px;
    outline: 2px solid #54c8e8; } }

.row-row-row {
  padding: 40px 0px; }

/*# sourceMappingURL=style.css.map */