/*
Theme Name: Dayton
Version: 1.0
Description: Custom Wordpress theme for Dayton built on WooThemes Canvas.
Author: Brett Widmann
Author URI: http://www.brettwidmann.com/
Template: canvas
*/

@import url("../canvas/style.css");

@import url(https://fonts.googleapis.com/css?family=Cantarell:400,700);

html {overflow-x: hidden;}

h1,
h2,
h3,
h4,
h5,
h6 {}

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

div#text-5 a {
    color: #000;
}

#location-mobile h4 {
    color: #fff;
}

.map-info a {color: #fff !important;}

#copyright p {
    font-weight: bold !important;
    font-family: "Cantarell", sans-serif !important;
    text-align: center;
}

#copyright a {color: #008EC8;}

#testimonials h4 {
  color: #fff;
  font-size: 24px !important;
}

body .owl-dots .owl-dot.active span, 
body .owl-dots .owl-dot:hover span {background: #fff;}

.twocol-one, .threecol-one, .threecol-two, .fourcol-one, .fourcol-two, .fourcol-three, .fivecol-one, .fivecol-two, .fivecol-three, .fivecol-four, .sixcol-one, .sixcol-two, .sixcol-three, .sixcol-four, .sixcol-five {margin-bottom: 0 !important;}

#navigation, ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a, #navigation ul.nav > li:hover, #navigation ul.nav > li a:hover, #navigation ul.nav > li:active, #navigation ul.nav > li a:active, #navigation ul.nav > li:visited, #navigation ul.nav > li a:visited {background: transparent !important;}

#navigation ul.nav > li:visited, 
#navigation ul.nav > li a:visited {color: #000 !important;}

#navigation ul.nav > li:active, 
#navigation ul.nav > li a:active,
#navigation ul.nav > li:hover, 
#navigation ul.nav > li a:hover {color: #007EB1 !important;}

.entry img, 
img.thumbnail, 
#portfolio .group.portfolio-img img {
  background: transparent;
  border: none;
  padding: 0;
}

.vc_col-has-fill>.vc_column-inner, 
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner {padding-top: 0;}

.vc_column_container>.vc_column-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

ul.nav li a, 
#navigation ul.rss a, 
#navigation ul.cart a.cart-contents, 
#navigation .cart-contents #navigation ul.rss, 
#navigation ul.nav-search, 
#navigation ul.nav-search a {transition: color 0.3s ease;}

#navigation,
ul.nav li.current_page_item a, 
ul.nav li.current_page_parent a, 
ul.nav li.current-menu-ancestor a, 
ul.nav li.current-cat a, 
ul.nav li.current-menu-item a,
#navigation ul.nav > li:hover,
#navigation ul.nav > li a:hover,
#navigation ul.nav > li:active,
#navigation ul.nav > li a:active,
#navigation ul.nav > li:visited,
#navigation ul.nav > li a:visited   {
	background: #000;
	color: #fff;	
}

/* VISUAL COMPOSER RESETS */

.vc_col-has-fill>.vc_column-inner, 
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner {padding-top: 0;}

.vc_column_container>.vc_column-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.wpb_start_animation.wpb_left-to-right {
    -webkit-animation: wpb_ltr .7s ease !important;
    -o-animation: wpb_ltr .7s ease !important;
    animation: wpb_ltr .7s ease !important;
}

.wpb_start_animation.wpb_right-to-left {
    -webkit-animation: wpb_rtl .7s ease !important;
    -o-animation: wpb_rtl .7s ease !important;
    animation: wpb_rtl .7s ease !important;
}

.wpb_start_animation.wpb_top-to-bottom {
    -webkit-animation: wpb_ttb .7s ease !important;
    -o-animation: wpb_ttb .7s ease !important;
    animation: wpb_ttb .7s ease !important;
}

.wpb_start_animation.wpb_bottom-to-top {
    -webkit-animation: wpb_ttb .7s ease !important;
    -o-animation: wpb_ttb .7s ease !important;
    animation: wpb_ttb .7s ease !important;
}

.wpb_start_animation.wpb_appear {
    -webkit-animation: wpb_appear .7s ease !important;
    -o-animation: wpb_appear .7s ease !important;
    animation: wpb_appear .7s ease !important;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.wpb_row, 
.wpb_content_element, 
ul.wpb_thumbnails-fluid > li, 
.wpb_button {margin-bottom: 0;}


.vc_row.vc_column-gap-25,
.vc_row.vc_column-gap-35,
.vc_row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.vc_col-xs-1, 
.vc_col-sm-1, 
.vc_col-md-1, 
.vc_col-lg-1, 
.vc_col-xs-2, 
.vc_col-sm-2, 
.vc_col-md-2, 
.vc_col-lg-2, 
.vc_col-xs-3, 
.vc_col-sm-3, 
.vc_col-md-3, 
.vc_col-lg-3, 
.vc_col-xs-4, 
.vc_col-sm-4, 
.vc_col-md-4, 
.vc_col-lg-4, 
.vc_col-xs-5, 
.vc_col-sm-5, 
.vc_col-md-5, 
.vc_col-lg-5, 
.vc_col-xs-6, 
.vc_col-sm-6, 
.vc_col-md-6, 
.vc_col-lg-6, 
.vc_col-xs-7, 
.vc_col-sm-7, 
.vc_col-md-7, 
.vc_col-lg-7, 
.vc_col-xs-8, 
.vc_col-sm-8, 
.vc_col-md-8, 
.vc_col-lg-8, 
.vc_col-xs-9, 
.vc_col-sm-9, 
.vc_col-md-9, 
.vc_col-lg-9, 
.vc_col-xs-10, 
.vc_col-sm-10, 
.vc_col-md-10, 
.vc_col-lg-10, 
.vc_col-xs-11, 
.vc_col-sm-11, 
.vc_col-md-11, 
.vc_col-lg-11, 
.vc_col-xs-12, 
.vc_col-sm-12, 
.vc_col-md-12, 
.vc_col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}

ul.social-icons li {
  list-style-type: none;
}

ul.social-icons {
  padding: 0;
  display: block;
}

ul.social-icons li {
  padding-right: 5px;
  display: inline-block;
}

ul.social-icons li a:hover {
  opacity: .5;
}

ul.social-icons li img {
  width: 24px;
  vertical-align: sub;
}

ul.social-icons input[type="image"] {
  border: none !important;
  padding: 0;
  background: transparent;
  vertical-align: top;
}

form.financing input[type="image"] {
  border: none !important;
  padding: 0;
  background: transparent;
  display: table;
  margin: 0 auto;
}

.gform_wrapper .gfield_required,
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .ginput_complex label,
.gform_heading, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {display: none !important;}

.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], textarea {font-size: .75em !important;}

input, textarea {
  border-radius: 7px;
  border-color: #ccc !important;
}

li#field_1_1 {
    margin-top: 32px !important;
}

li#field_1_3 {
    margin-bottom: -20px;
}

input#gform_submit_button_1 {
    float: right;
    margin-right: 1.5%;
}

/* Mobile Nav Styles */
.nav-toggle {}

.nav-toggle:before,
.nav-toggle a {}



/* Make content full-width */
.col-full, 
#wrapper {max-width: 100%;}

/* General Styles */

.map-info {
    position: absolute;
    bottom: 725px;
    background-color: #008EC8;
    padding: 20px 30px;
    margin-left: 5%;
}

#map-info-resources .map-info {bottom: 250px;}

.map-info h4 {
  color: #FCD422;
  text-transform: uppercase;
  font-size: 18px;
}

.map-info p {font-size: 15px !important; }

/* Welcome */

#welcome{
  padding: 20px 0;
  background-color: #ebfaff;
}

#welcome h3 {
    text-transform: uppercase;
    color: #33A5D2;
    font-size: 1em;
}

div#rev_slider_1_1 h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5em !important;
    line-height: 1.5em !important;
}

div#rev_slider_1_1 .links {
    min-width: 350px !important;
    min-height: 130px !important;
    background-color: rgba(255,255,255,0.30);
    border-radius: 8px;
    padding: 10px 0 !important;
}

div#rev_slider_1_1 .links p {
    text-align: center;
    margin-bottom: 0 !important;
    margin-top: 15px !important;
}

div#rev_slider_1_1 .links p a.btn {
    background-color: #007EB1;
    transition: background-color 0.3s ease !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .65em !important;
    font-family: "Cantarell", sans-serif;
    line-height: 1.417em !important;
    padding: 10px 20px !important;
    border-radius: 8px;
    color: #fff;
    display: block;
    width: 80%;
    text-align: center;
    margin: 0 auto !important;
}

div#rev_slider_1_1 .links p a.btn:hover {
    background-color: #006598;
    text-decoration: none !important;
}

/* Our Story */

#our-story h3, 
#our-story p {
  color: #fff;
}

#our-story h3 {
  text-transform: uppercase;
  font-size;
  font-size: 1.5em;
  line-height: 2.17em;
}

#our-story,
#topics,
#about,
#doctors,
#staff,
#first-visit,
#services,
#financing,
#resources {
  background: #008EC8 url('/wp-content/themes/dayton/images/oval-background.svg') no-repeat;
  background-size: cover;
}

#about h1,
#doctors h1,
#staff h1,
#first-visit h1,
#services h1,
#subtitle h1,
#resources h1 {
    color: #FCD422;
    line-height: 1.72em;
    text-transform: uppercase;
    font-size: 2.57em;
}

#subtitle h1 {background-color: #008EC8;}

#doctors h3,
#staff h3,
#services h3,
#financing h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1.17em;
}

#financing h3 {line-height: 1.5em;}

#services h3 {color: #FCD422;}

#doctors p,
#staff p,
#first-visit p,
#services p,
#financing p,
#resources p {font-size: .75em;}

#financing p {
    width: 90%;
    margin: 10px auto;
}

#doctors img,
#staff img {border-radius: 50%;}

#title {
  background: url('/wp-content/uploads/2020/01/TREATMENT-ROOM-1.jpg') no-repeat top center;
  background-size: cover;
}

#title-about {
  background: url('/wp-content/themes/dayton/images/about-hero.jpg') no-repeat top center;
  background-size: cover;
}

#title-team {
  background: url('http://daytonpediatricdentistry.com/wp-content/uploads/2020/01/STAFF..jpg') no-repeat top center;
  background-size: cover;
}

#title-visit {
  background: url('http://daytonpediatricdentistry.com/wp-content/uploads/2020/01/NEW-PATIENT-ROOM-1.jpg') no-repeat center;
  background-size: cover;
}

#title-services {
  background: url('http://daytonpediatricdentistry.com/wp-content/uploads/2020/01/masthead-services.jpg') no-repeat top center;
  background-size: cover;
}

#title-resources {
  background: url('http://daytonpediatricdentistry.com/wp-content/uploads/2020/01/resources.jpg') no-repeat center;
  background-size: cover;
}

#title-financing {
  background: url('http://daytonpediatricdentistry.com/wp-content/uploads/2020/01/financing.jpg') no-repeat top center;
  background-size: cover;
}

#title-contact {
  background: url('http://daytonpediatricdentistry.com/wp-content/uploads/2020/01/contact-masthead.jpg') no-repeat top center;
  background-size: cover;
}

#title h1,
.title h1,
#title-about h1,
#title-team h1,
#title-visit h1,
#title-services h1,
#title-resources h1,
#title-financing h1,
#title-contact h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 2.58em;
  line-height: 1.25em;
  background: rgba(12,67,90,0.40);
}


#new-office h2,
#assistant h2, 
.page-assistant h2 {
    font-size: 1.5em;
    line-height: 2.17em;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}

#assistant h2 {color: #fff !important;}

#new-office p,
.page-assistant p {
  color: #3C3C3C !important;
  margin-bottom: 0 !important;
  font-weight: bold !important;
}

#assistant p {
  margin-bottom: 0 !important;
  font-weight: bold !important;
}

/* Educational Topics */

#topics h4 {
    position: relative;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.417em;
    font-weight: bold;
}

#topics span.cq-imageoverlay-content {
    position: relative;
    bottom: -50px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
    font-family: "Cantarell", sans-serif;
    line-height: 1.417em;
    padding: 20px 10px;
    border-radius: 17px;
    color: #fff;
}

#topics .topic-red span.cq-imageoverlay-content,
a.download-button,
#new-office a,
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=image], 
.gform_wrapper .gform_footer input[type=submit] {
    background-color: #D8232A;
    transition: background-color 0.3s ease;
}

#topics .topic-red span.cq-imageoverlay-content:hover,
a.download-button:hover,
#new-office a:hover,
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=image]:hover, 
.gform_wrapper .gform_footer input[type=submit]:hover {
    background-color: #BF0A11;
    text-decoration: none;
}

#topics .topic-blue span.cq-imageoverlay-content,
#assistant a {
    background-color: #007EB1;
    transition: background-color 0.3s ease;
}

#topics .topic-blue span.cq-imageoverlay-content:hover,
#assistant a:hover {
    background-color: #006598;
    text-decoration: none;
}

#topics .topic-yellow span.cq-imageoverlay-content,
a.btn.request {
    background-color: #FCD422 !important;
    transition: background-color 0.3s ease;
}

#topics .topic-yellow span.cq-imageoverlay-content:hover,
a.btn.request:hover {
    background-color: #E3BB09 !important;
}

#topics img.cq-imageoverlay-img {
    padding: 0 !important;
    border-radius: 17px;
}

body #topics .cq-imageoverlay-overlay.cq-rounded {
    border-radius: 17px !important;
    padding: 0 !important;
    border: 7px solid #fff !important;
}

a.download-button {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.25em;
    font-family: "Cantarell", sans-serif;
    line-height: 4.417em;
    padding: 20px 50px;
    border-radius: 17px;
    color: #fff !important;
}

.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=image], 
.gform_wrapper .gform_footer input[type=submit] {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
    font-family: "Cantarell", sans-serif;
    line-height: 1.417em;
    padding: 20px 50px;
    border-radius: 17px;
    color: #fff;
}

#new-office a,
#assistant a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em !important;
    font-family: "Cantarell", sans-serif;
    line-height: 4.417em !important;
    padding: 10px 30px;
    border-radius: 17px;
    color: #fff;
}

#services #topic-buttons a,
#services #service-buttons a {
    font-weight: normal;
    font-size: 1em;
    font-family: "Cantarell", sans-serif;
    line-height: 1.417em;
    padding: 10px 0;
    display: inline-block;
    width: 90%;
    border-radius: 7px;
    color: #fff;
    background-color: #325681;
    transition: background-color 0.3s ease;
    margin-top: 10px;
}

#services #habits a:hover {
  background-color: transparent;
  text-decoration: underline;
}

#services #topic-buttons a:hover,
#services #service-buttons a:hover {
    background-color: #BF0A11 !important;
    text-decoration: none !important;
}

/* CTA */

#cta {
  background: #008EC8;
  padding: 20px 0;
}

#bill-pay {
  background: #D8232A;
  padding: 20px 0;
}

#cta a,
#bill-pay a {
    border-radius: 17px;
    background-color: #fcd422;
    font-size: 2em;
    line-height: 2.57em;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Cantarell", sans-serif !important;
    padding: 10px 50px;
    transition: background-color 0.3s ease;
}

#bill-pay a {font-size: 1.5em;}

#cta a:hover,
#bill-pay a:hover {
  text-decoration: none;
  background-color: #E3BB09;
}

#cta a:after,
#bill-pay a:after {
 content: url('/wp-content/themes/dayton/images/triangle-red.svg');
 margin-left: 20px;
}

#banner {
  background: #008EC8;
  padding: 10px 0;
  height: 30px;
}

#banner p,
#banner a {
  color: #fff !important;
  text-transform: uppercase;
  font-size: 1em;
  font-family: "Cantarell", sans-serif;
  font-weight: bold;
}

#banner div.header-left {
    padding-left: 10px;
    float: left;
}

#banner div.header-right {
    float: right;
    padding-right: 10px;
    text-align: right;
}

#banner div.header-left,
#banner div.header-right {
  width: 47%;
}

#topic-buttons,
#service-buttons {
    margin-bottom: 35px !important;
}

.topic-section img,
.service-section img {
    padding: 20px;
}

#staff p {padding: 10px;}

body.home #new-office h2:after,
.page-assistant h2:after {content: url('/wp-content/themes/dayton/images/triangle-red.svg');}

body.home #assistant h2:after {content: url('/wp-content/themes/dayton/images/triangle-blue.svg');}

body.home #new-office h2:after,
body.home #assistant h2:after,
.page-assistant h2:after {margin-left: 10px;}



/* Footer Shortcuts */

ul#menu-primary-navigation {
    list-style-type: none;
}

#nav_menu-2 a,
#footer-widgets p,
#footer p {
    font-family: "Cantarell", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
    font-size: 1.25em;
    line-height: 20px;
    line-height: 1.75em;
}

#footer-widgets h3 {text-transform: uppercase;}

#contact {background: #ebfaff;}

body.full-width #header, #nav-container, body.full-width #content, body.full-width #footer-widgets, body.full-width #footer {

 padding-left: 0;

 padding-right: 0;

}

body.full-width #content {padding: 0;}

body.home h2.title.entry-title,
h1.title.entry-title,
body.page-id-19 div#cta,
section.menus h3 {display: none;}

@media only screen and (max-width: 767px) {

#testimonials .sixcol-one {
    display: none;
}

#testimonials {padding: 0 15px;}

.phone p {
    text-shadow: 2px 1px 1px black;
}

.tablet-desktop {display: none !important;}

.links {
    margin: -16px 55px !important;
}

#service-buttons .wpb_content_element {
    margin-bottom: 0 !important;
}

.finance-column img {padding: 25px 0 0 0;}

a.download-button {width: 85% !important;}

div#title,
#banner,
#title-about,
#title-team,
#title-visit,
#title-services,
#title-resources,
#title-financing,
#title-contact {display: none;}

.nav-toggle,
div#wrapper {
  background-color: #008EC8 !important;
  background-image: none !important;
}

#navigation ul.nav > li:visited, 
#navigation ul.nav > li a:visited,
body section.menus ul#main-nav li a {
  color: #fff !important;
  font-weight: bold !important;
}

#navigation .nav-home, 
#navigation .nav-close, 
#navigation ul.rss li a, 
#navigation ul.cart a.cart-contents,
#navigation ul.nav-search a.search-contents {
  background:#FCD422; 
  color: #D8232A;
}

h3.nav-toggle a {
    font-size: 16px;
}

.nav-toggle a {text-shadow: none;}

div#logo {
    margin: 0 auto;
    width: 75%;
    float: none;
    display: block;
    text-align: center;
}

#header {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

div#topics .topic-single-wrapper {padding: 5% 10%;}

#about,
#our-story,
#doctors,
#staff,
#first-visit,
#services,
#resources,
#financing,
#contact {padding: 5%;}

#first-visit .first-visit-image {
  padding-left: 0 !important;
  padding-top: 2%;
}

#dentist .dentist-video {
  padding-left: 0 !important;
}

#staff p {padding: 0 5% 7%;}

#cta a:after,
#bill-pay a:after,
body.home #assistant h2:after,
body.home #new-office h2:after,
.page-assistant h2:after {
  position: relative;
  top: 6px;
}

div#footer-widgets-container {text-align: center;}

}

@media only screen and (max-width: 768px) {
  #home-hero-text,
  #home-hero-oval {display: none;}

  #home-hero-links {
    margin: auto !important;
    position: absolute !important;
    top: -25% !important;
    left: -25% !important;
    bottom: 0 !important;
    right: 0 !important;
  }

#map-info .map-info {bottom: 750px;}

#map-info-resources .map-info {bottom: 275px;}

#topics h4 {font-size: .75em;}

#topics span.cq-imageoverlay-content {
  font-size: .75em;
  padding: 10px;
}

#about h1, 
#doctors h1, 
#staff h1, 
#first-visit h1, 
#services h1, 
#subtitle h1, 
#resources h1 {
  font-size: 1.57em; 
  text-align: center;
}

#services h3 {
  text-align: center;
  line-height: 1.25em;
}

#services p {padding-bottom: 3%;}

#cta a,
#bill-pay a {font-size: 1em;}

#services a {width: 85%;}

.entry p {font-size: .75em !important;}

div#rev_slider_1_1 .links p a.btn {font-size: 2.65em !important;}

a.download-button {
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 0;
    line-height: 2.417em;
    font-size: 1em;
    width: 65%;
}

.topic-section img,
.service-section img {padding: 0;}

input#gform_submit_button_1 {
    float: none;
    display: block;
    margin: 0 auto;
    padding: 20px;
}

.gform_wrapper .ginput_complex input[type=text] {width: 91.5%;}
}

@media only screen and (min-width: 768px) {

.phone {display: none;}

ul.nav li a {padding: .5em;}

#header {background-color: rgba(235, 250, 255, .75) !important;}

div#nav-container {
    background: transparent !important;
}

#logo { 
  float: left !important;
  width: 200px;
}
 
#navigation { 
  float:right !important;
  clear: none;
}

/*#navigation ul {margin-top: 20px;}*/

#nav-container {
  margin: 0;
  text-transform: uppercase; 
  float: right; 
}

header#header {padding: 15px 50px !important;}



#title,
#title-about,
#title-team,
#title-visit,
#title-services,
#title-resources,
#title-financing,
#title-contact {padding: 160px 0;}

#our-story {
  background-attachment: fixed;
  padding: 25px 100px 75px;
}

#about {
  background-attachment: fixed;
  padding: 75px 100px 150px;
}

#testimonials .wpb_content_element {margin-bottom: 0;}

#topics,
#doctors,
#staff,
#first-visit,
#services,
#financing,
#resources {
  background-attachment: fixed;  
  padding: 50px 100px;
}

#subtitle h1 {padding: 20px 100px;}

.topic-single-wrapper {padding: 0 30px;}

#footer-widgets {padding: 10px 50px !important;}

footer#footer {
    padding: 0;
}

}

@media only screen and (min-width: 768px) and (max-width: 1152px) {
   #nav-container #navigation {
    margin: 0 auto;
    float: none !important;
    text-align: center;
    display: block !important;
    width: 710px;
}

#nav-container {float: none !important;}

#logo {
    float: none !important;
    width: 200px;
    margin: 0 auto;
    text-align: center;
    display: block;
}

#topics span.cq-imageoverlay-content,
#topics h4 {font-size: .75em;}


ul.nav li a {
  font-size: 12px !important;
  padding: .4em;
}

}


@media only screen and (min-width: 1024px) {header#header {
    top: -15px;
}}

@media only screen and (max-width: 1024px) {

.desktop {display: none;}

#topics h4 {font-size: .75em;}

#topics span.cq-imageoverlay-content {
  bottom: -40px;
  font-size: .75em;
  line-height: .75em;
}
}

@media only screen and (min-width: 1025px) {.mobile {display: none;}}