/*
Theme Name: DSE Theme - Dental Site Express
Theme URI: https://dentalsiteexpress.com/
Author: Dental Site Express - Ryan Roy
Author URI: https://dentalsiteexpress.com/
Description: With a large, yet specialized custom project managers, developers, sales professionals, programmers, graphic artists, marketing specialists, animation experts and support staff, you can be assured that our team is ready to design, build, and maintain your custom website.
Requires at least: WordPress 6.0
Version: 1.0
*/

body {
    font-family: 'Prompt', sans-serif;
    color: #999999;
}
h1, h2, h3, h4, h5, h6 {
    color: #333333;
}
.mb-50 {
    margin-bottom: 50px;
}
/* Header */
header .container-fluid, .company-logo .container-fluid, .container-fluid.web-temp {
    padding-right: 1rem;
    padding-left: 1rem;
}
#header {
    box-shadow: 0 4px 2px -2px rgb(0,0,0,.3);
}
.primary {
    position: absolute;
  width: 100%;
  z-index: 2;
}
.center {
    text-align: center;
}
#header {
  position: fixed;
  width: 100%;
  z-index: 2;
  top: 0;
  background: #0b94ce;
}
.navbar {
    padding: 1rem;
}
.primary .navbar-nav .nav-link {
    color: #fff;
}
.navbar-nav .nav-link {
    color: #142152;
    font-weight: 300;
    text-transform: uppercase;
}
.primary a.nav-link {
  position: relative;
  color: inherit;
  text-decoration: none;
  line-height: 24px;
}
.primary a.nav-link:after {
  position: inherit!important;
}
.primary a.nav-link:before, a.nav-link:after {
  content: '';
  position: absolute;
  transition: transform .5s ease;
}
.primary .navbar-nav .active>a.nav-link{
  color: #fff;
  font-weight: 500;
}
.primary a.nav-link:before {
  left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    transform: scaleX(0);
}
.primary a.nav-link:hover:before {
  transform: scaleX(1);
}
.primary a.nav-link:hover {
  color: #fff!important;
}
a.btn-light {
    border: solid 2px #f8f9fa;
    padding: 1rem 1.5rem;
    border-radius: .5rem;
}
a.btn-light:hover {
    color: #f8f9fa!important;
    background-color: transparent;
}
a.nav-link {
  position: relative;
  color: inherit;
  text-decoration: none;
  line-height: 24px;
}
a.nav-link:after {
  position: inherit!important;
}
a.nav-link:before, a.nav-link:after {
  content: '';
  position: absolute;
  transition: transform .5s ease;
}
.navbar-nav .active>a.nav-link{
  font-weight: 700;
}
a.nav-link:before {
  left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #142152;
    transform: scaleX(0);
}
a.nav-link:hover:before {
  transform: scaleX(1);
}
a.nav-link:hover {
  color: #142152!important;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}
.primary .navbar-light .navbar-brand {
    color: #fff;
}
#header .btn-dark {
    color: #fff!important;
    background-color: rgb(11, 17, 30);
    border: solid 2px rgb(11, 17, 30);
    padding: 1rem 2rem;
    border-radius: .5rem;
}
#header .btn-dark:hover {
    color: rgb(11, 17, 30)!important;
    background-color: transparent;
}
.navbar-text a {
    text-transform: uppercase;
}
.container-fluid {
    padding-right: 3rem;
    padding-left: 3rem;
}
/* Home Page */
.carousel-item .row {
    align-items: center;
}
.carousel-item {
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 8rem 0;
}
.banner-content-left h1 {
    color: #fff;
}
.carousel-item a {
    color: #fff;
    border: solid 1px #fff;
    padding: .8rem 1.5rem;
    border-radius: 20px;
    text-align: center;
}
.carousel-item a:hover {
    background-color: #fff;
    color: #000;
}
.carousel-item a:nth-child(1) {
    margin-right: 1rem;
    margin-left: 1.5rem;
}
.carousel-item a:nth-child(2) {
    margin-left: 1rem;
}
.carousel-item a:hover {
    text-decoration: none;
}
.banner-content-left h1 {
    font-weight: 700;
    line-height: 1;
}
.company-logo {
    background-color: #f4d5a0;
    padding: 1rem 0;
}
.company-logo .row {
    align-items: center;
}
.about .row {
    align-items: center;
}
.about {
    padding: 5rem 0 3rem;
}
.about h1 {
    font-weight: 700;
}
.web-design,.web-design-template {
    margin-top: 3rem;
}
.temp {
    margin-bottom: 2rem;
}
.temp h4 {
    color: #999999;
    margin-top: 1rem;
    font-size: 1rem;
}
.template-img {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    border: solid 5px #ffcc33;
    border-radius: 1rem;
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden; 
	transition: 0.3s;
}
.home .template-img:hover {
    transform: scale(1.05);
}
.temp-content {
    display: none;
}
.template-img:hover .temp-content {
    display:block;
    transition: 0.3s;
}
.temp-content a {
    font-weight: 700;
}
.temp-content a:hover {
    text-decoration: none;
}
.seo {
    padding: 5rem 0;
    background-color: #f7cf8b;
    color: #333;
}
.seo h1 {
    font-weight: 700;
}
.seo-content {
    margin-top: 3rem;
}
.seo-content a, .call-to-action a {
    color: #fff;
    background-color: rgb(11, 17, 30);
    border: solid 2px rgb(11, 17, 30);
    padding: 1rem 2rem;
    line-height: 1.5;
    border-radius: 1rem;
    font-weight: 500;
}
.seo-content a:hover, .call-to-action a:hover {
    text-decoration: none;
    color: rgb(11, 17, 30);
    background-color: transparent;
}
footer {
    padding: 5rem 0 1rem;
    color: #fff;
    background-color: #333333;
}
footer .navbar-brand {
    margin-bottom: 2rem;
}
.footer-about {
    margin-bottom: 3rem;
}
footer .navbar-nav .nav-link {
    color: #fff;
}
footer .navbar-nav .nav-link:hover {
    color: #dadada!important;
}
footer a.nav-link:before {
    background: transparent;
}
/* Inner Page */
.page-banner {
  height: 400px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.page-banner h1 {
  color: #fff;
  font-weight: 700;
  margin-top: 5rem;
}
.page-banner p {
    color: #fff;
}
.page-content {
  padding: 5rem 0;
}
.page-content h1 {
    font-weight: 700;
}
.page-content h6 {
    font-weight: 500;
    margin-bottom: 1.5rem;
    letter-spacing: .2rem;
    display: flex;
}
.page-content h6:after {
    align-self: center;
    content: "";
    display: block;
    flex: 1 1 auto;
    min-width: calc(5.25rem*0.5);
    height: 1px;
    background-color: #000;
    margin-left: 1em;
}
.page-content .row {
    margin-bottom: 2rem;
}
.li-3 ul {
    column-count: 3;
    margin-top: 2rem;
    padding: 0;
    list-style: none;
}
.li-icon ul {
    margin-top: 2rem;
    padding-left: 4rem;
    list-style: none;
}
.li-icon ul li {
    margin-bottom: 1rem;
}
.li-icon ul li:before {
    content: '';
    width: 21px;
    height: 21px;
    background-image: url(images/rocket-icon.png);
    background-size: cover;
    position: absolute;
    left: 3rem;
}
.gform_footer.top_label {
  justify-content: center;
}
body .gform_wrapper div.ginput_container.ginput_recaptcha {
  position: relative;
  width: 100%;
  padding-top: 1.5em
}
body .gform_wrapper div.ginput_container.ginput_recaptcha iframe { 
  position: absolute;
  left: 50%;
  margin-left: -160px;
}
.free-website .gform_footer.top_label {
  justify-content: end;
}
.free-website input[type="text"], .free-website textarea {
    outline: none;
  border:  solid 1px #999999;
  border-radius: 0;
  padding: 1rem!important;
}
.free-website input[type="submit"] {
    background-color: #666;
  border: solid 1px #666;
  color:  #fff;
  text-transform: uppercase;
  border-radius: 0;
  padding: 1rem 3rem;
}
.free-website input[type="submit"]:hover {
    background-color: transparent;
  color:  #666;
}
.contact-form input, textarea {
  outline: none;
  border:  solid 1px #999999;
  border-radius: 0;
  padding: 1rem;
}
.contact-form input[type="submit"] {
  background-color: #666;
  border: solid 1px #666;
  color:  #fff;
  text-transform: uppercase;
  border-radius: 0;
  padding: 1rem 3rem;
}
.contact-form input[type="submit"]:hover {
  background-color: transparent;
  color:  #666;
}
/* Get Started */
.sw-theme-basic {
    border: 0;
}
#smartwizard ul {
    display: none;
}
.sw>.progress {
    display: none;
}
.tab-pane h1 {
    color: #333333;
    font-weight: 700;
    margin-bottom: 3rem;
}
.tab-pane h5 {
    color: #999999;
}
#step-1 form input[type="radio"] {
    display: none;
}
#step-1 form input[type="radio"]:checked + label {
        background-color: #17a2b8;
        color: #fff;
    }
.select-design {
    border: solid 2px #ecebeb;
    background-color: #ecebeb;
    padding: .3rem 1rem;
    border-radius: 0.5rem;
    color: #999999;
    margin-left: 3rem;
    cursor: pointer;
}
.select-design:hover {
    text-decoration: none;
}
.tab-pane .form-control {
    padding: 2rem 1rem;
    border-radius: 0.15rem;
}
.tab-pane .custom-select {
    height: calc(3.3em + 0.75rem + 2px);
    border-radius: 0.15rem;
}
.sw-btn-prev, .sw-btn-next, #btnFinish {
    padding: 1rem 2rem!important;
}
.sw-btn-prev {
    background-color: #fff!important;
    border: solid 1px #666666!important;
    color: #666666!important;
}
.sw-btn-next {
    background-color: #666666!important;
    border: solid 1px #666666!important;
    color: #fff!important;
}
.call-to-action {
    padding: 3rem 0;
    background-color: #f7cf8b;
}
.call-to-action .row {
    align-items: center;
}
.call-to-action h1 {
    margin: 0;
    font-weight: 700;
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

@media (max-width: 991.98px) {
    .carousel-item a {
        width: 100%;
        display: block;
        margin: 0!important;
        text-align: center;
    }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2rem;
        padding-left: 2rem;
    }
    .banner-content-left h1 {
        font-size: 5rem;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    .carousel-item {
        height: 100vh;
    }
    .about h1, .seo h1, .page-content h1 {
        font-size: 4rem;
    }
    .banner-content-right {
        align-self: flex-end;
    }
    footer .navbar-nav .nav-link {
        text-align: right;
    }
    .page-banner h1 {
        font-size: 3.5rem;
    }
    .web-design-template h1 {
        font-size: 4rem;
    }
    button.btn.sw-btn-prev.sw-btn {
        float: left;
    }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}