/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
body {
  background: rgb(131,186,221);
  background: linear-gradient(120deg, rgba(131,186,221,1) 0%, rgba(201,149,199,1) 100%);
  font-size: 16px;
  line-height: 1.6;
}

@media (min-width: 768px) and (max-width: 991px) {
body.navbar-is-fixed-top {
  margin-top: 116px;
}
}

h1, h2 {
  text-align: center;
  color: #922A8E;
}
h1.page-header {
  border-bottom: none;
}
h2.block-title {
  margin-top: 50px;
  margin-bottom: 30px;
}
h3.field-content {
  text-align: center;
  color: #0774BB;
}

.navbar-default {
  background-color: #FFF;
  border-color: #EEE;
  box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);
}
.navbar-header a.logo img {
  width: 234px;
  height: 70px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-header a.navbar-brand {
  display: none;
}
.navbar-default .navbar-nav {

}
.navbar-default .navbar-nav li a {
  color: #922A8E;
}
.navbar-default .navbar-nav li a:hover {
  background-color: #922A8E;
}
#block-alfonsodentalclinic-main-menu {
  margin-top: 24px;
}

.navbar-default .navbar-toggle {
  margin-top: 31px;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #922A8E;
}
.navbar-default .navbar-collapse {
  border-color: #922A8E;
}

#block-social-media-icons {
  float: right;
}
#block-social-media-icons p {
  font-size: 32px;
}
#block-social-media-icons p a {
  color: #0774BB;
}

@media (max-width: 767px) {
.navbar-default .navbar-nav,
#block-social-media-icons {
  float: none;
  text-align: center;
}
}

.main-container {
  background: #FFF;
  margin-top: 63px;
}
.path-frontpage .main-container {
  margin-top: 0;
  padding-bottom: 75px;
}
.path-node .main-container,
.path-webform .main-container {
  padding-top: 90px;
  padding-bottom: 75px;
}

/** FlexSlider Banner **/
#block-flexslider-banner .flexslider {
  border: none;
  padding: 29px 15px 0px;
  max-width: 1140px;
}

.content {
  padding-left: 15px;
  padding-right: 15px;
}

/** Call-to-Action **/
#block-call-to-action-main {
  margin-bottom: 50px;
}
#block-call-to-action {
  border-top: 1px solid #83BADD;
  padding-top: 50px;
  margin-top: 15px;
  margin-bottom: 35px;
}
#block-call-to-action p,
#block-call-to-action-main p{
  text-align: center;
}
#block-call-to-action-main p a.btn-primary {
  background-color: #922A8E;
  border-color: #922A8E;
}
#block-call-to-action-main p a.btn-primary:hover,
#block-call-to-action p a.btn-primary {
  background-color: #0774BB;
  border-color: #0774BB;
}
#block-call-to-action p a.btn-primary:hover {
  background-color: #922A8E;
  border-color: #922A8E;
}

#block-meet-dr-maria-elaine-alfonso-asuncion {
  padding-top: 60px;
  padding-bottom: 30px;
}
#block-meet-dr-maria-elaine-alfonso-asuncion img {
  margin: 0 auto 15px;
  max-width: 350px;
}
#block-affiliations {
  padding-bottom: 50px;
}
#block-affiliations img {
  max-width: 480px;
  max-height: 120px;
}
@media (max-width: 576px) {
#block-affiliations img {
  max-width: 320px;
  max-height: 80px;
}
}

#middle .container-fluid,
#middle .col-sm-12 {
  padding: 0px;
}
#middle .region {
  max-width: 1170px;
  margin: 0 auto;
}
/** Webforms **/
#block-make-an-appointment {
  background: #922A8E;
  padding: 60px 30px 35px;
  margin: 0 auto;
}
#block-clinicinfo {
  background: #0774BB;
  padding: 60px 30px 50px;
  margin: 0 auto;
  min-height: 603px;
}
#block-contact,
#block-location-map {
  padding-top: 60px;
  padding-bottom: 35px;
}
#block-make-an-appointment h2,
#block-clinicinfo h2,
#block-contact h2,
#block-location-map h2,
#block-make-an-appointment p,
#block-clinicinfo p,
#block-clinicinfo p a,
#block-contact p {
  color: #FFF;
}
#block-make-an-appointment input[type='text'],
#block-make-an-appointment input[type='tel'],
#block-make-an-appointment input[type='email'],
#block-contact input[type='text'],
#block-contact input[type='tel'],
#block-contact input[type='email'],
#block-contact textarea {
  font-size: 16px;
}
@media (min-width: 768px) {
.webform-type-webform-name .webform-flexbox {
  margin: 0em -0.5em;
}
}
@media (max-width: 575px) {
#block-make-an-appointment .webform-name__first,
#block-make-an-appointment .form-item-contact-no,
#block-make-an-appointment .form-item-preferred-date-of-visit,
#block-contact .webform-name__first,
#block-contact .form-item-contact-no {
  margin-bottom: 15px;
}
}
#block-contact .radio label {
  color: #FFF;
}
#block-make-an-appointment .captcha,
#block-contact .captcha {
  margin-bottom: 15px;
}
.captcha legend {
  display: none;
}


#block-clinicinfo p {
  padding-left: 60px;
  padding-bottom: 10px;
  min-height: 60px;
}
#block-clinicinfo p#address {
  background: url(../images/icon-address.svg) no-repeat;
  background-size: 50px 50px;
}
#block-clinicinfo p#calendar {
  background: url(../images/icon-calendar.svg) no-repeat;
  background-size: 50px 50px;
}
#block-clinicinfo p#phone {
  background: url(../images/icon-phone.svg) no-repeat;
  background-size: 50px 50px;
}
#block-clinicinfo p#email {
  background: url(../images/icon-email.svg) no-repeat;
  background-size: 50px 50px;
}

#services .container {
  background: #FFF;
  padding-bottom: 15px;
}
#block-block-what-we-offer {
  padding-top: 60px;
}
#block-block-what-we-offer h2.block-title {
  color: #0774BB;
}
#block-block-what-we-offer .col-xs-12,
#block-block-what-we-offer .col-sm-12,
#block-block-what-we-offer .col-md-4,
#block-block-what-we-offer .col-lg-4,
#block-block-what-we-offer .col-xl-4 {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 30px;
  border-top: 1px solid #83BADD;
  min-height: 670px;
}
.views-field-field-teaser-photo img {
  margin: 0 auto;
}

#block-patient-reviews {
  padding-top: 50px;
  border-top: 1px solid #83BADD;
}

.footer {
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 50px;
  border-top: none;
}
#block-credits {
  padding-top: 50px;
  border-top: 1px solid #CCC;
}
#block-credits p {
  font-size: 14px;
  text-align: center;
  color: #FFF;
}
#block-credits p a {
  color: #FFF;
}