/******** 
==========================================================================
GLOBAL
========================================================================== 
********/


body {

    color: #333;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 17px;
    line-height: 1.42857;
}


.noborder {border:none;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight:700;
}

h1 {font-size:2.4em;}

h2 {font-size:2.0em;}

h3 {font-size:1.6em;}

h4 {font-size:1.4em;}

h5 {font-size:1.2em;}

h6 {font-size:1.1em;}

@media screen and (max-width:767px){
h1 {font-size:1.8em;}

h2 {font-size:1.6em;}

h3 {font-size:1.5em;}

h4 {font-size:1.4em;}

h5 {font-size:1.2em;}

h6 {font-size:1.1em;}
}
}
@media screen and (max-width:479px){
h1 {font-size:1.5em;}

h2 {font-size:1.4em;}

h3 {font-size:1.3em;}

h4 {font-size:1.2em;}

h5 {font-size:1.1em;}

h6 {font-size:1.0em;}
}
}


.light {
    font-weight:300;
}


img.logo {margin:20px auto;}

/******************
 MARGIN & PADDING
******************/

/*margins*/
.mar3b { margin-bottom: 3px; }
.mar5b { margin-bottom: 5px; }
.mar7b { margin-bottom: 7px; }
.mar10b { margin-bottom: 10px; }
.mar15b { margin-bottom: 15px; }
.mar20b { margin-bottom: 20px; }
.mar3t { margin-top: 3px; }
.mar5t { margin-top: 5px; }
.mar7t { margin-top: 7px; }
.mar10t { margin-top: 10px; }
.mar15t { margin-top: 15px; }
.mar20t { margin-top: 20px; }

.mar0 { margin: 0px; }
.mar5 { margin: 5px; }
.mar10 { margin: 10px; }
.mar10tb { margin-top: 10px; margin-bottom: 10px; }
.mar10lr { margin-left: 10px; margin-right: 10px; }
.mar10lb {margin-left: 10px; margin-bottom: 10px;}
.mar15 { margin: 15px; }
.mar15tb { margin-top: 15px; margin-bottom: 15px; }
.mar15lr { margin-left: 15px; margin-right: 15px; }
.mar20 { margin: 20px; }
.mar20tb { margin-top: 20px; margin-bottom: 20px; }
.mar20lr { margin-left: 20px; margin-right: 20px; }
/*paddings*/
.pad3b { padding-bottom: 3px; }
.pad5b { padding-bottom: 5px; }
.pad7b { padding-bottom: 7px; }
.pad10b { padding-bottom: 10px; }
.pad15b { padding-bottom: 15px; }
.pad3t { padding-top: 3px; }
.pad5t { padding-top: 5px; }
.pad7t { padding-top: 7px; }
.pad10t { padding-top: 10px; }
.pad15t { padding-top: 15px; }

.pad0 { padding: 0px; }
.pad5 { padding: 0px; }
.pad10 { padding: 10px; }
.pad10tb { padding-top: 10px; padding-bottom: 10px; }
.pad10lr { padding-left: 10px; padding-right: 10px; }
.pad15 { padding: 15px; }
.pad15tb { padding-top: 15px; padding-bottom: 15px; }
.pad15lr { padding-left: 15px; padding-right: 15px; }
/******** 
==========================================================================
colors http://paletton.com/palette.php?uid=13w0u0kjGgDbRpBg3kPnQd6t58B
========================================================================== 
********/

.primary {color:#28395b;}
.primarydark {color:#1b2c4d;}
.primarydarkest {color:#021836;}
.primarylight {color:#36476a;}
.primarylightest {color:#44557a;}
.secondary {color:#9cd380;}
.secondarylight {color:#deefd0;}
.white {color:#fff;}
.ltgray {color:#efefef;}
.gray {color:#ccc;}
.dkgray {color:#777;}
.primaryBg {background-color:#28395b;}
.primarydarkBg {background-color:#1b2c4d;}
.primarydarkestBg {background-color:#021836;}
.primarylightBg {background-color:#36476a;}
.primarylightestBg {background-color:#44557a;}
.secondaryBg {background-color:#9cd380;}
.secondarylightBg {background-color:#deefd0;}
.whiteBg {background-color:#fff;}
.ltgrayBg {background-color:#efefef;}
.grayBg {background-color:#ccc;}
.dkgrayBg {background-color:#777;}

/******** 
==========================================================================
Buttons
========================================================================== 
********/

.btn {
    padding: 14px 24px;
    /*border: 0 none;*/
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
 
.btn-primary {
    background: #28395b;
    color: #ffffff;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #36476a;
}
 
.btn-primary:active, .btn-primary.active {
    background: #1b2c4d;
    box-shadow: none;
}

.btn.outline {
	background: none;
	padding: 12px 22px;
}

.btn-primary.outline {
	border: 2px solid #28395b;
	color: #28395b;
}

.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
	color: #33a6cc;
	border-color: #33a6cc;
}
.btn-primary.outline:active, .btn-primary.outline.active {
	border-color: #007299;
	color: #007299;
	box-shadow: none;
}


/******** 
==========================================================================
CONTAINERS
========================================================================== 
********/

.container {
  margin: 0 auto;
  max-width: 1250px;
}
.container > hr {
  margin: 30px 0;
}


.row-eq-height { /*FOR FLEXBOX EQUALIZING HEIGHT OF PANELS */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-content: flex-end;
align-content: flex-end;  
}



/******** 
==========================================================================
NAV
========================================================================== 
********/
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

div.navwrapper {padding-left:0px; padding-right:0px; margin-top:0px;}

.navbar {
    border-radius: 0px !important;
    border:none;
	margin-bottom:0px; /** Added 7.9.25 when we moved Top Dentist Down and Featured Photo up, to reduce white space between nav bar and Featured Photo **/
}

.navbar-default {
	background-image:none;
    background-color: #28395b;
    border-color: #1b2c4d;
    -moz-box-shadow:    inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;
    -webkit-box-shadow: inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;
     box-shadow:        inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;	
}

.navbar-default .navbar-nav > li > a {
    color: #efefef;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #36476a;
    color: #efefef;
    -moz-box-shadow:    inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;
    -webkit-box-shadow: inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;
     box-shadow:        inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;		
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
	background-image:none;
    background-color:#44557a;
    color:#efefef;
    -moz-box-shadow:    inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;
    -webkit-box-shadow: inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;
     box-shadow:        inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;		
}

.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: #36476a;
    color: #efefef;
    -moz-box-shadow:    inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;
    -webkit-box-shadow: inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;
     box-shadow:        inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;		
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .special > a {
	background-image:none;
    background-color:#00a19c;
    color:#efefef;
    -moz-box-shadow:    inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;
    -webkit-box-shadow: inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;
     box-shadow:        inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;		
}


.navbar-default .navbar-nav > .special > a:hover, .navbar-default .navbar-nav > .special > a:focus {
	background-color: #00817d;
    color: #efefef;
    -moz-box-shadow:    inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;
    -webkit-box-shadow: inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;
     box-shadow:        inset  0  8px 8px -8px #000000, 
                        inset  0 -8px 8px -8px #000000;		
}

/******** 
==========================================================================
HERO FEATURES
========================================================================== 
********/
.heroFeature {
  margin:0px auto 1rem; /** Changed from '1rem auto' 7.9.25 when we moved Top Dentist Down and Featured Photo up, to reduce white space between nav bar and Featured Photo **/
  position: relative;
}
.heroFeatureImage {max-height:800px; overflow:hidden;}
.heroFeature-content h1 {font-size:2.0em;}
.heroFeature-content p {font-size:1.2em;}
.heroFeature-content {
  background:rgba(222,222,222,0.8);
  border-radius: 10px;
  position: absolute;
  top:60%;
  left:50%;
  right:1%;
  padding:1rem;
  transform:translateY(-42%);
}

@media screen and (max-width:1023px){
.heroFeature-meetliberty {margin-bottom:80px;}
.heroFeature-content h1 {font-size:1.4em;}
.heroFeature-content p {font-size:1.0em;}
.heroFeature-content {
  top:70%;
  left:1%;
  right:1%;
  padding:1rem;
  transform:translateY(-30%);  

}
}
@media screen and (max-width:479px){
.heroFeature-meetliberty {margin-bottom:448px;}
.heroFeature-content {
  top:100%;
  left:1%;
  right:1%;
  padding:1rem;
  transform:translateY(-0%);
}
}

/******** 
==========================================================================
MAP
========================================================================== 
********/
.map-wrapper iframe{
    pointer-events: none;
}

/******** 
==========================================================================
AFFILIATIONS
========================================================================== 
********/
#affiliations .thumbnail_container {
 position: relative;
 width: 100%;
 padding-bottom: 100%; <!-- matching this to above makes it square -->
 float:left;
}

#affiliations .thumbnail {
	position:absolute;
	width:100%;
	height:100%;
	border:none;
	box-shadow:none;
}
#affiliations .thumbnail img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;

}

#affiliations img{
	max-height:100%;
	max-width:100%;
}

/******** 
==========================================================================
FOOTER
========================================================================== 
********/

div.footer {margin-top:24px; color:#fff;}
.footer a {color:#fff;}

p.copyright {font-size:0.8em; font-family:monospace,arial;}