﻿/* Custom Font */

@font-face {
    font-family: "VertigoPlusFLF";
    src: url("/fonts/VertigoPlusFLF/VertigoPlusFLF.eot"); /* IE9 Compat Modes */
    src: url("/fonts/VertigoPlusFLF/VertigoPlusFLF.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/VertigoPlusFLF/VertigoPlusFLF.otf") format("opentype"), /* Open Type Font */
    url("/fonts/VertigoPlusFLF/VertigoPlusFLF.svg") format("svg"), /* Legacy iOS */
    url("/fonts/VertigoPlusFLF/VertigoPlusFLF.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/fonts/VertigoPlusFLF/VertigoPlusFLF.woff") format("woff"), /* Modern Browsers */
    url("/fonts/VertigoPlusFLF/VertigoPlusFLF.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "VertigoPlusFLF-Bold";
    src: url("/fonts/VertigoPlusFLF-Bold/VertigoPlusFLF-Bold.eot"); /* IE9 Compat Modes */
    src: url("/fonts/VertigoPlusFLF-Bold/VertigoPlusFLF-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/VertigoPlusFLF-Bold/VertigoPlusFLF-Bold.otf") format("opentype"), /* Open Type Font */
    url("/fonts/VertigoPlusFLF-Bold/VertigoPlusFLF-Bold.svg") format("svg"), /* Legacy iOS */
    url("/fonts/VertigoPlusFLF-Bold/VertigoPlusFLF-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/fonts/VertigoPlusFLF-Bold/VertigoPlusFLF-Bold.woff") format("woff"), /* Modern Browsers */
    url("/fonts/VertigoPlusFLF-Bold/VertigoPlusFLF-Bold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

/* General Stuff */

html {
    height: 100%;
    min-height: 100%;
}

body {
    height: 100%;
    min-height: 100%;
    margin: 0 0;
    padding: 0 0;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    color: #000000;
    background-color: #E2E2E2;
}

#frmMaster {
    display: flex;
    flex-direction: column;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0 auto;
    padding: 0 0;
    color: #FFFFFF;
    background-color: #4B4B4B;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

@media (max-width: 991px) {

    .wrapper {
        width: 100%;
    }

    .wrapper .container {
        width: 100%;
        max-width: 100%;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .wrapper {
        width: 990px;
    }

    .wrapper .container {
        width: 960px;
        max-width: 960px;
    }

}

@media (min-width: 1199px) {

    .wrapper {
        width: 1170px;
    }

    .wrapper .container {
        width: 1140px;
        max-width: 1140px;
    }

}

/* Header */

.header {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
    font-weight: bold;
    background-color: #FFFFFF;
}

.header-contact a,
.header-contact a:visited {
    color: #000000;
    text-decoration: none;
}

.header-contact a:hover {
    color: #000000;
    text-decoration: none;
}

.header .br-lg {
    border-right: 2px solid #000000;
}

/* Menu */

.menu {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #FFFFFF;
    background-color: #0095B3;
}

.menu .social-icons {
    padding-top: 2px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 100%;
}

.menu .social-icons li {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.menu .social-icons a,
.menu .social-icons a:visited {
    color: #FFFFFF;
}

.menu .social-icons a:hover {
    color: #FFFF00;
}

.menu .social-icons ul,
.menu .social-icons ul li {
    margin-bottom: 0;
}

.menu .social-icons .facebook-icon .fa-circle,
.menu .social-icons .facebook-icon:visited .fa-circle,
.menu .social-icons .youtube-icon .fa-circle,
.menu .social-icons .youtube-icon:visited .fa-circle,
.menu .social-icons .phone-icon .fa-circle,
.menu .social-icons .phone-icon:visited .fa-circle {
    color: #FFFFFF;
}

.menu .social-icons .facebook-icon .fa-facebook-f,
.menu .social-icons .facebook-icon:visited .fa-facebook-f {
    color: #3C5A99;
}

.menu .social-icons .youtube-icon .fa-youtube,
.menu .social-icons .youtube-icon:visited .fa-youtube {
    color: #FF0000;
}

.menu .social-icons .phone-icon .fa-phone,
.menu .social-icons .phone-icon:visited .fa-phone {
    color: #404040;
}

.menu .social-icons .facebook-icon:hover .fa-circle,
.menu .social-icons .youtube-icon:hover .fa-circle,
.menu .social-icons .phone-icon:hover .fa-circle {
    color: #DDDDDD;
}

/* Content */

.content-wrapper {
    flex-grow: 1;
    align-items: flex-start;
    color: #000000;
    background-color: #FFFFFF;
}

.content {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* Footer */

.footer {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    background-color: #4B4B4B;
}

.footer h2 {
    margin-bottom: 6px;
    font-size: 150%;
    line-height: 100%;
}

.footer hr {
    margin-top: 0;
    margin-bottom: 0.5rem;
    border-color: #FFFFFF;
}

.footer img {
    position: relative;
    top: -15px;
    margin-bottom: -15px;
}

.footer a,
.footer a:visited {
    color: #FFFFFF;
}

.footer a:hover {
    color: #FFFF00;
}

.footer .list-inline.social-icons {
    font-size: 0;
}

.footer .list-inline.social-icons li {
    font-size: 18px;
}

.footer .list-inline.social-icons li:not(:last-child) {
    margin-right: 0.25rem;
}

/* Big Picture */

.big-picture {
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    background-color: #097996;
    border-bottom: 1px solid #CCCCCC;
}

.big-picture .container-fluid,
.big-picture .row,
.big-picture .col,
.big-picture .col-12 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.big-picture h1,
.big-picture h2,
.big-picture h3,
.big-picture h4 {
    font-family: VertigoPlusFLF-Bold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 2px;
    color: #FFFFFF;
}

.big-picture h2 {
    font-size: 250%;
    line-height: 100%;
    margin-bottom: 20px;
}

.big-picture p {
    margin-bottom: 20px;
}

/* Typography */

.content {
    padding-top: 30px;
    padding-bottom: 30px;
}

.content p {
    margin-bottom: 1.5rem;
}

.content h1,
.content h2,
.content h3 {
    margin: 0 0 1.5rem 0;
    padding: 0 0;
    font-family: TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;
    font-weight: normal;
    color: #000000;
}

.content h1 span,
.content h2 span,
.content h3 span {
    font-weight: bold;
}

.content h1 {
    font-size: 200%;
    line-height: 125%;
}

.content h2 {
    font-size: 180%;
    line-height: 125%;
}

.content h2.smaller {
    font-size: 160%;
    line-height: 125%;
}

.content h3 {
    font-size: 160%;
    line-height: 125%;
}

.content h4 {
    font-size: 140%;
    line-height: 125%;
}

.content ul,
.content ol {
    margin-bottom: 1.5rem;
}

.content hr {
    border-color: #CCCCCC;
}

.content .bs-1,
.content .photo {
    border: 1px solid #005566;
}

/* Color Sections */

.content.blue-bg {
    color: #FFFFFF;
    background-color: #097996;
}

.content.blue-bg h1,
.content.blue-bg h2,
.content.blue-bg h3,
.content.blue-bg h4 {
    color: #FFFFFF;
}

.content.blue-bg a,
.content.blue-bg a:visited {
    color: #FFFF88;
    text-decoration: none;
}

.content.blue-bg a:hover {
    color: #FFFF00;
    text-decoration: underline;
}

.content.green-bg {
    color: #FFFFFF;
    background-color: #A6DC8C;
}

.content.green-bg a,
.content.green-bg a:visited {
    color: #FFFF88;
    text-decoration: none;
}

.content.green-bg a:hover {
    color: #FFFF00;
    text-decoration: underline;
}

.content.green-bg .card {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 150%;
    background-color: #689950;
    border-color: #53803d;
}

.content.green-bg a.glink,
.content.green-bg a.glink:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.content.green-bg a.glink:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.content.green-bg a.glink:hover .card {
    background-color: #53803D;
}

.content .sp-bp {
    margin-left: 2.0rem;
    margin-bottom: 0;
    font-size: 120%;
    font-weight: bold;
    line-height: 150%;
}

.content .sp-bp .fa-tooth {
    color: #097996;
}

.content .sp-bp li {
    padding-bottom: 10px;
}

.content .sp-bg li:last-child {
    padding-bottom: 0;
}

/* Multi-Column Lists */

.two-col-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.three-col-list {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

.four-col-list {
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
}

@media (max-width : 767px) {

    .two-col-list,
    .three-col-list,
    .four-col-list {
        columns: initial;
        -webkit-columns: initial;
        -moz-columns: initial;
    }
}

@media (min-width : 768px) And (max-width : 991px) {

    .two-col-list {
        columns: initial;
        -webkit-columns: initial;
        -moz-columns: initial;
    }

    .three-col-list,
    .four-col-list {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .content img.img-fluid {
        width: 100%;
        max-width: 100%;
    }

    .two-col-list,
    .three-col-list,
    .four-col-list {
        margin-left: 0;
    }

        .two-col-list .fa-li,
        .three-col-list .fa-li,
        .four-col-list .fa-li {
            position: relative;
            display: inline-block;
            left: 0;
        }
}

@media (max-width : 767px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .two-col-list,
    .three-col-list,
    .four-col-list {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}

@supports (-ms-ime-align: auto) {

    .two-col-list,
    .three-col-list,
    .four-col-list {
        margin-left: 0;
    }

        .two-col-list .fa-li,
        .three-col-list .fa-li,
        .four-col-list .fa-li {
            position: relative;
            display: inline-block;
            left: 0;
        }
}

/*

    New Home Page

*/

a img.fluoradents-link {
    border: 2px solid #086880;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

a img.drdans-link {
    border: 2px solid #E5E59A;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

/* Testimonials Page */

.testimonials .content:nth-child(odd) {
    background-color: #F5F5F5;
    border-top: 2px solid #F0F0F0;
    border-bottom: 2px solid #F0F0F0;
}

.testimonials i {
    display: block;
    text-align: right;
}

/* Masonry */

.masonry .card {
    margin-bottom: 20px;
}

.masonry .card .card-body {
    padding: 0 0;
}