/*
Written by Remy Davison
for exclusive use by
Chris Capelle
*/
/*thank you css-tricks for the preload trick*/
.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }

html, body { height: 100%; }

.clear { clear: both; }

.mobile-only { display: none; }

body { background-color: #fff; font-family: franklin-gothic-urw, sans-serif; font-weight: 400; font-size: 14pt; color: #2c2c2d; margin: auto; line-height: 1.3; overflow-x: hidden; min-height: 100%; height: auto; display: flex; flex-direction: column; }

a { color: #5770AA; font-weight: bold; text-decoration: none; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; }

a:hover { opacity: .5; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; }

main { display: flex; flex-grow: 1; justify-content: space-between; height: auto; max-width: 90%; padding: 1rem; padding-bottom: 3vh; box-sizing: border-box; margin: 2vh auto; }

main .content { width: 75%; margin-left: 1.66%; }

/* HEADERS */
.headers { margin: 8vh auto; max-width: 90%; }

h1, h2, h3 { font-family: frank-new, sans-serif; margin: 0; }

h1 a, h2 a, h3 a { font-weight: 400; }

h1 { font-size: 2.5rem; font-weight: 700; color: #5770AA; }

h2 { font-size: 1.75rem; margin-top: 0.75rem; }

h3 { font-size: 1.25rem; font-weight: normal; color: #777; }

/*Skip to main content hidden link for ADA complicance*/
/*Courtsey of NC State University*/
/*https://accessibility.oit.ncsu.edu/it-accessibility-at-nc-state/developers/accessibility-handbook/mouse-and-keyboard-events/skip-to-main-content/*/
a.skip-main { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; }

a.skip-main:focus, a.skip-main:active { color: #fff; background-color: #000; left: auto; top: auto; width: 30%; height: auto; overflow: auto; margin: 10px 35%; padding: 5px; border-radius: 15px; border: 4px solid yellow; text-align: center; font-size: 1.2em; z-index: 999; }

nav { width: 100%; height: auto; box-sizing: border-box; background-color: #eee; }

nav .nav-links { width: 100%; height: auto; box-sizing: border-box; padding: 2vh 0; line-height: 2rem; background: #eee; }

nav .nav-links .closebtn { display: none; }

nav .nav-links a, nav .nav-links span { font-family: franklin-gothic-urw, sans-serif; font-weight: 400; margin-right: 1.1rem; font-size: 1.25rem; color: #2c2c2d; display: inline; }

nav .nav-links a.selected { color: #5770AA; }

nav .nav-links span { cursor: pointer; }

nav .nav-links span:hover { opacity: .5; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; }

nav .nav-links .dropdown { position: relative; display: inline-block; }

nav .nav-links .dropdown .drop-content { display: none; position: absolute; background-color: #eee; padding: 1rem; min-width: 150px; height: auto; z-index: 1; text-align: left; line-height: 1.4; }

nav .nav-links .dropdown .drop-content a { font-size: 1rem; display: inline-block; color: #2c2c2d; }

nav .nav-links .dropdown:hover .drop-content { display: block; }

main .sidebar { box-sizing: border-box; display: block; height: auto; width: auto; width: 25%; padding-right: 2rem; }

main .sidebar .sidebar-text { margin-top: 1rem; margin-bottom: 3rem; }

main .sidebar img { width: 100%; margin: auto; }

main .sidebar #logo a:hover { opacity: 1; transition: 0; }

main { margin-top: 1rem; }

main .content .index { height: auto; display: flex; justify-content: space-between; }

main .content .index section { flex-grow: 1; flex-basis: 0; margin: 0.5rem; width: 33.33%; }

main .content .index section a { color: #2c2c2d; }

main .content .index section a p { font-weight: 400; }

main .content .index section a:hover { opacity: 1; }

main .content .index section:first-of-type { margin-left: 0; }

main .content .index section:last-of-type { margin-right: 0; }

main .content .index section img { width: 100%; margin-bottom: 0; padding-bottom: 0; }

main .content .index section .text { background-color: #eee; padding: 0.5rem; border-radius: 0 0 1rem 1rem; }

.about { margin-top: 1rem; }

.about .about-pic { width: 32%; margin-right: 1rem; margin-bottom: 0.5rem; float: left; }

.about .about-text { width: 65%; float: right; }

.about .about-text p:first-of-type { margin-top: 0; }

.table table { border-spacing: 1rem; border-collapse: separate; margin-top: -4rem; margin-left: -1rem; }

.table table td { background: #eee; padding: 1rem; border-radius: 1rem; vertical-align: top; }

.table table td strong { display: block; text-align: center; text-transform: uppercase; margin-bottom: 5px; }

.reviews table { border-spacing: 1rem; border-collapse: separate; margin-top: -4rem; margin-left: -1rem; }

.reviews table th { width: 50%; }

.reviews table td { vertical-align: top; padding: 1rem; box-sizing: border-box; }

.reviews table td em { color: #777; display: block; text-align: right; font-style: normal; }

main .content .contact input, main .content .contact textarea { margin-top: 0.5rem; margin-bottom: 1.5rem; padding: 0.5rem; border-radius: 5px; border: 1px solid #ccc; outline: none; }

main .content .contact input[type=text] { width: 25%; font-size: 11pt; }

main .content .contact input[type=text]:focus { border: 1px solid #5770AA; }

main .content .contact input[type=submit] { background-color: #5770AA; border: 0; color: white; text-transform: uppercase; width: 12%; padding: 0.5rem 0.75rem; box-sizing: border-box; font-size: 11pt; text-align: center; letter-spacing: 0.75px; transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; }

main .content .contact input[type=submit]:hover { background-color: #777; }

main .content .contact textarea { width: 80%; height: 10rem; font-size: 11pt; font-family: franklin-gothic-urw, sans-serif; }

main .content .contact textarea:focus { border: 1px solid #5770AA; }

main .content .contact label { font-weight: bold; font-size: 14pt; color: #444; }

footer { background-color: #5770AA; box-sizing: border-box; padding: 1rem; margin: 0rem auto; width: 100%; flex-shrink: 0; }

footer .footer-info { margin: auto; max-width: 90%; display: flex; }

footer .footer-info .socials { width: 25%; padding: .5rem; padding-right: 0; box-sizing: border-box; display: block; }

footer .footer-info .socials i { margin-right: 1rem; color: white; font-size: 2rem; }

footer .footer-info .contact { width: 75%; color: white; display: inline-block; margin-left: 1.66%; display: flex; }

footer .footer-info .contact section { flex-grow: 1; flex-basis: 0; margin: 0.5rem; width: 33.33%; }

footer .footer-info .contact section:first-of-type { margin-left: 0; }

footer .footer-info .contact section:last-of-type { margin-right: 0; }

footer .footer-info .contact a { color: white; }



/*new css - 20-11-2022*/
body{
    font-size: 12pt;
}
p{
    margin:5px 0!important;
}
body .content .contact input[type=text] {
    width: 100%!important;
}
main .content .contact textarea {
    width: 100%!important;
}

h1 {
    font-size: 1.3rem;
}
h2 {
    font-size: 1rem;
    margin-top: 0.5rem;
}
.sidebar-text h3 {
    font-size: 1.1rem;
}
nav .nav-links a, nav .nav-links span {
    font-size: 1rem;
}

/*DESKTOP STYLES - Min-Width: 1041px*/
@media only screen and (min-width: 1040px) {
    .headers {
    margin: 3vh auto;
}
    .headers{
    margin-bottom: 0vh;
    }
    .display_flex{
        display:flex;
    }
    .display_flex .display_flex_col{
        width:50%;
    }
    main .sidebar {
    width: 35%;
    padding-right: 6rem;
}
body .content .contact input[type=text] {
    width: 80%!important;
}
main .content .contact textarea {
    width: 80%!important;
}
main .content .index section {
    margin-top: 0;
}
main{
    max-width: 95%!important;
    margin-left:2vh;
    margin-right:2vh;
}
nav .nav-links a, nav .nav-links span {
    margin-right: 2rem;
}
main .sidebar .sidebar-text {
    margin-top: 0rem;
    margin-bottom: 1rem;
}
.about {
    margin-top: 0rem;
}
.reviews table td {
    padding: 0rem 1rem;
    font-size:15px;
}
.reviews h2,.reviews p {
    font-size: 14px;
    margin-top: 0rem;
}
}
footer .footer-info .socials i {
    font-size: 1.5rem;
}
footer {
    padding: .8rem;
    padding-bottom:.5rem;
}

/*MOBILE BREAK POINTS*/
/*phone-max: 768px; tablet-max: 1040px;*/
/*TABLET STYLES*/
@media only screen and (max-width: 1040px) { h1 { font-size: 2.25rem; line-height: 1.3; } h2, h3 { font-size: 1.25rem; line-height: 1.2; } .headers { max-width: 90%; } .desktop-only { display: none; } .mobile-only { display: block; } nav { margin: 1.5rem auto; margin-bottom: 0; background: transparent; } nav .mobile-navbar { display: flex; margin-left: 2.5%; } nav .mobile-navbar #mobile-nav { display: inline-block; position: absolute; right: 0; color: #5770AA; font-size: 2rem; padding: 0.5rem 5% 0 0; cursor: pointer; z-index: 99; } nav .mobile-navbar #mobile-logo { display: inline-block; width: 4rem; } nav .mobile-navbar #mobile-logo a:hover { opacity: 1; } nav .nav-links { background-color: #5770AA; width: 0; height: 100%; position: fixed; z-index: 999; top: 0; right: -1rem; overflow-x: hidden; padding: 2.5rem 0 0 1rem; transition: 0.5s; text-align: left; } nav .nav-links.show { width: 300px; } nav .nav-links .closebtn { display: block; position: absolute; top: 0; right: 1rem; font-size: 2rem; } nav .nav-links .closebtn:hover { opacity: 1; } nav .nav-links a, nav .nav-links span { margin: 0 1rem; font-size: 1.25rem; line-height: 1.66; color: #fff; display: block; } nav .nav-links a.selected, nav .nav-links span.selected { color: #fff; font-weight: bold; } nav .nav-links span, nav .nav-links:active { color: #fff; } nav .nav-links .dropdown .drop-content { position: static; background: transparent; padding: 0.5rem; } nav .nav-links .dropdown .drop-content a { display: block; color: #fff; } nav .nav-links .dropdown:hover .drop-content { display: none; } main { display: block; max-width: 100%; } main .sidebar, main .content { width: 100%; padding: 0 1rem; box-sizing: border-box; } main .content { margin-left: 0; } main .sidebar { display: flex; } main .sidebar #logo { width: 20%; } main .sidebar .sidebar-text { margin-top: 0; margin: 0 1rem; width: 70%; } main .content { padding-bottom: 3rem; } main .content h1 { padding-top: 2rem; width: 100%; } footer { position: inherit; } footer .footer-info { display: block; } footer .footer-info .socials { width: 100%; padding: 0; padding-top: 0.5rem; margin-left: 1.66%; } footer .footer-info .contact { width: 100%; padding-top: 1.5rem; display: block; } footer .footer-info .contact section { width: 100%; margin: 0; margin-bottom: 1rem; } }

/*PHONE STYLES*/
@media only screen and (max-width: 768px) { h1, h2, h3 { line-height: 1.3; } h1 { font-size: 2rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1rem; } .headers { width: 90%; } main .sidebar { width: 100%; margin: 0; } main .sidebar .sidebar-text { width: 100%; margin: 0; margin-top: -1rem; margin-bottom: 1rem; } main .content { width: 100%; margin: 0; } main .content .index { display: block; } main .content .index section { width: 100%; margin: 0; } main .content h1 { font-size: 1.75rem; line-height: 2.25rem; } main .content .about .about-pic, main .content .about .about-text { width: 100%; } main .content .table table { border-spacing: 0.5rem; margin-top: -1rem; } main .content .table table td { display: inline-block; width: 100%; margin-bottom: 1rem; } main .content .reviews table { border-spacing: 0; margin: 0; margin-top: -1rem; } main .content .reviews table th { width: 100%; } main .content .reviews table td { display: inline-block; width: 100%; } main .content .contact { line-height: 2rem; } main .content .contact label { padding: 0; } main .content .contact input, main .content .contact textarea { margin: 0; margin-top: 0; padding: 0.5rem; border-radius: 5px; border: 1px solid #ccc; outline: none; } main .content .contact input[type=text] { width: 50%; } main .content .contact input[type=submit] { width: 33%; } main .content .contact textarea { width: 90%; height: 10rem; font-family: franklin-gothic-urw, sans-serif; } }

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