/* Color Palette
==================================================
blue:226E9E
deep blue:0c4369
design green:5CC48F
*/

/* #Reset
================================================== */
* { box-sizing:border-box; padding:0; margin:0; list-style-type:none; }
html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; }
body { background:#fff; color:#333; font-family:'Hind Vadodara', Helvetica, Arial, sans-serif; font-size:15px; }
table {border-collapse:collapse;border-spacing:0;}
img { -ms-interpolation-mode:bicubic; }


/* Global styles for a page
================================================== */
/* Text and links */
h1, h2, h3, h4, h5, p { margin-bottom:15px; line-height:1.4em; }
h1 { color:#ef4771; font-size:45px; font-weight:300; letter-spacing:-1px; }
h2 { color:#ef4771; font-size:33px; font-weight:400; }
h3 { color:#ef4771; font-size:21px; font-weight:400; }
h4 { font-size:16px; font-weight:600; }
p { font-weight:400; }
strong { font-weight:600; }
ol, ul {list-style:none;}
em{font-style:italic;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a, a:visited { color:#ef4771; font-weight:600; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
hr { border:0; border-bottom:1px solid #eee; margin:90px; }

.list.simple { margin:0 0 15px 21px; }
.list.simple li { list-style-type:square; margin-top:9px; }
.list.simple li:first-child { margin-top:0; }

/* One offs */
.cf:before, .cf:after { content:" "; display:table; }
.cf:after { clear:both; }
.r, .m-r { float:right; }
.l, .m-l { float:left; }
.align-center { text-align:center; }
.align-right { text-align:right !important; }
.align-left { text-align:left !important; }
.center { margin:0 auto; }
.nbdr { border:none !important; }
.image-inline { margin:30px 0; border-radius:4px; box-shadow:0 10px 14px -5px rgba(0,0,0,0.3); }
img.space-right { margin-right:45px; }
img.space-left { margin-left:45px; }


/* Page styles
================================================== */
/* Main navigation */
nav { z-index:1000; position:fixed; top:0; left:0; right:0; background:rgba(239,71,113,.9); height:70px; transition:max-height 1s ease;
  /* -webkit-backdrop-filter:saturate(180%) blur(6px); backdrop-filter:saturate(180%) blur(6px); */ }
nav .logo-nav { margin:10px 18px 10px 0; }
nav ul { padding:15px 0; }
nav li { display:inline-block; }
nav li a, nav li a:visited { display:block; color:#fff; font-size:16px; line-height:40px; height:40px; padding:0 6px; border-radius:12px; }
nav li a:hover { background:#ef4771; text-decoration:none; }

nav.open-mobile-menu { height:auto; }
.header-logo { float:left; padding-top:10px; }
.mobile-menu { position:relative; display:none;}
.mobile-menu .mobile-trigger { color:#fff; font-size:30px; line-height:40px; padding:0 20px; }

.menu-sub { margin:45px 0; }
.menu-sub li { display:inline-block; background:#f7f7f7; margin:0 0 4px 0; border-radius:12px; }
.menu-sub li a { display:block; color:#444; padding:9px 15px; }
.menu-sub li:hover { background:#ef4771; }
.menu-sub li:hover a, .menu-sub li.active a { color:#fff; text-decoration:none; }

.header-number h4, .header-number h4 a { color:#fff !important; line-height:40px; margin:15px 0 0 0; }
nav.open-mobile-menu .header-top { margin-top:-40px !important; }

.button { cursor:pointer; display:inline-block; background:#ef4771; color:#fff; font-size:1.1rem; font-weight:500; line-height:1 !important; text-transform:uppercase; padding:9px 12px; margin:0 6px 6px 0; border:2px solid; border-radius:9px; transition:all 0.15s ease; }
.input-text { display:block; background:#fff; font-size:1.2rem; line-height:1.1em; height:29px; width:300px; padding:6px 9px; border:1px solid #c4c4c4; border-radius:9px; }


/* Sections */
section { border-bottom:1px solid #fff; }
.content { padding:90px 0; }
.space-above-below { padding:30px 0 90px 0; }
.space-around { padding:30px; }
.wrap-break { z-index:500; position:relative; background:#fff; margin:-230px auto; padding:45px 60px 90px 60px; border-radius:4px; box-shadow:0 50px 70px -25px rgba(0,0,0,0.3); }
.wrap-break-post { padding-top:300px !important; }

#header { z-index:100; height:670px; margin-top:-70px; }
footer { background:#f7f7f7; }
footer .contact-info { background:#fff; }
footer .contact-info .data { padding:30px; }
footer .contact-info iframe { display:block; }
.bgh-main { background-image:url('../media/bgh-main.jpg'); }
.bgh-new-patients { background-image:url('../media/bgh-new-patients.jpg'); }
.bgh-orthodontics { background-image:url('../media/bgh-orthodontics.jpg'); }
.bgh-orthodontics-faq { background-image:url('../media/bgh-orthodontics-faq.jpg'); }
.bgh-treatments { background-image:url('../media/bgh-treatments.jpg'); }
.bgh-covid-19 { background-image:url('../media/bgh-covid-19.jpg'); }
.bg-kids { background-image:url('../media/bg-kids.jpg'); }
.bg-team { background-image:url('../media/bg-team.jpg'); }
.bg-sunglasses { background-image:url('../media/bg-sunglasses.jpg'); }
.bg { background-position:center center; background-repeat:no-repeat; background-size:cover; }
.bg-alt { background:#fffbfc; }

.asideBox { display:table; background:#fff; width:100%; margin-bottom:15px; border:1px solid #ddd; border-radius:4px; }
.asideBox > div { display:table-cell; text-align:center; width:50%; padding:3px; }
.asideBox p { text-transform:uppercase; font-size:11px; margin:3px 0 6px 0; }

/*.alert { background:#bcf0dd url('../media/alert-confetti.png') center top no-repeat; background-size:cover; font-size:18px; text-align:center; padding: 45px 60px; margin:-45px -60px 0 -60px; }*/
.alert { font-size:18px; text-align:left !important; background:#fff !important; padding:45px 60px; margin:15px 0 45px 0; border:2px solid #ef4771; border-radius:6px; }
.alert h1 { font-weight:600; }


@media (max-width:575px) {
  input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea { font-size:16px; }
  [class*="col-"] .space-around { padding:0 0 30px 0; }
  .wrap-break { width:100%; padding:15px 30px; margin:-230px 0; border-radius:0; }
  .image-inline { float:none; display:block; height:auto !important; width:70% !important; margin:15px auto 30px auto !important; }
  
  .m-r { float:none; }
  img.space-right, img.space-left { margin-left:0; }

  nav .mobile-menu { display:block; }
  .header-logo { float:none; display:block; height:40px; width:40px; margin:0 auto; }
  .header-top { float:left; margin:-25px 0 0 -20px; }
  .header-top .menu-main { position:relative; left:-10px; display:none; width:100vw; padding:10px 30px; }
  .header-top .menu-main li { display:block; }
  .header-top .menu-main li a { display:block; background:none !important; color:#fff; font-size:18px; line-height:1; padding:9px 0; border-radius:0 !important }
}
@media (min-width:576px) and (max-width:767px) {
  input[type='text'], input[type='number'], textarea, select { font-size:16px; }
  [class*="col-"] .space-around { padding:0; }
  
  nav { z-index:1000; position:fixed; top:0; left:0; right:0; }
  nav .mobile-menu { display:block; }
  .header-logo { float:none; display:block; height:40px; width:40px; margin:0 auto; }
  .header-top { float:left; margin:-25px 0 0 -20px; }
  .header-top .menu-main { position:relative; left:-10px; display:none; width:100vw; padding:10px 30px; }
  .header-top .menu-main li { display:block; }
  .header-top .menu-main li a { display:block; background:none !important; color:#fff; font-size:18px; line-height:1; padding:9px 0; border-radius:0 !important }
}
@media (min-width:768px) and (max-width:991px) {

}
@media (min-width:992px) and (max-width:1199px) {

}
@media (min-width:1200px) {
  
}