@import url(/assets/plugins/font-awesome4/css/font-awesome.css); body { color: #3e3e3e; background-color: #e5d9c3; } a { color: #c8b18f; } a:hover, a:focus, a:active, a.active { color: #c8b18f; } /**************************************************/ /* BEG ios number hack for mobile phones */ /*************************************************/ a[href^="tel"] { color: #6E8D9C; /* Inherit text color of parent element. */ text-decoration: none; /* Remove underline. */ /* Additional css `propery: value;` pairs here */ } /**************************************************/ /* END ios number hack for mobile phones */ /*************************************************/ .btn-primary { color: #3e3e3; background-color: #8d706b; border-color: #c8b18f; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #ffffff; background-color: #ded5b8; border-color: #6d5650; } .btn-transparent { background: transparent; color: #ffffff; border: 2px solid white; border-radius: 5px; transition: all 300ms; } .btn-transparent:hover { background: #6E8D9C; color: #ffffff; } /********************************************/ /* BEGIN Blog Defaults -------------------------------------------------- */ .headline a {color: #428bca;} /********************************************/ /* END Blog Defaults -------------------------------------------------- */ /********************************************/ /* BEGIN navbar -------------------------------------------------- */ .navbar .fa { color: #333333; } .dropdown .fa { color: inherit; } .address-box {margin-top:10px;} .address-box ul { list-style:none; } .address-box > ul > li { position: relative; display: inline-block; float: left; color: #333333; font-weight: normal; line-height: 20px; padding-right: 3px; z-index:10; } .name img{ max-width:100px; margin-top: -15px; } .practice-name { font-size: 180%; color: #3e3e3e; padding-right: 2rem; } .dr-name { font-size: 100%; color: #3e3e3e; } .line { min-width: 100%; height: 0; border: solid 1px #3e3e3e; display: inline-flex; margin-top: 15px; margin-bottom: -10px; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: #D3E1E8; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { text-decoration: none; color: #ffffff; background-color: #6E8D9C; } .navbar { min-height: 0; padding-left:65px; padding-right:75px; font-size: 120%; background-color: transparent; border:none; color: #ffffff; } .navbar-default .navbar-nav>li>a { color: #ffffff; } .navbar-ease { color: #3e3e3e; background-color:rgba(255, 255, 255, .95); transition: background-color 1s, color 1s; } .navbar-ease .navbar-nav>li>a { color: #3e3e3e !important; transition: color 1s; } .navbar-brand h2 {font-size: 1.75em !important; margin: 10px 0px 0px 0px;} .navbar-brand h3 {font-size: 1.25em !important; margin: 10px 0px 0px 0px;} /**************************************************/ /* BEG Color drop-down button on phones */ /*************************************************/ .navbar-default .navbar-toggle { border-color: #dddddd; } .navbar-toggle { background-color: #8a716a; border: 1px solid transparent; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #bba9a4; } .dropdown-menu>li>a { padding: 3px 20px; color: #fffffff !important; white-space: nowrap; } /**************************************************/ /* END Color drop-down button on phones */ /*************************************************/ /* END navbar */ /********************************/ /* BEGIN SideBar Defaults */ /********************************/ .sidebarContent .noscroll { margin-bottom:60px; display:block; position:relative; } .sidebarContent .scroll { margin-bottom:60px; display:block; position:relative; } .sidebarContent .headline { margin-bottom:10px; display:block; position:relative; } .sidebarContent .headline h2 { font-size: 18px; border-bottom: solid 10px #6E8D9C; padding-bottom: 8px; margin-top:0px; } /********************************/ /* END SideBar Defaults */ /********************************/ /* BEGIN Bread Crumb styles -------------------------------------------------- */ .breadcrumbs { border-top: 1px solid #6d5650; border-bottom: 1px solid #6d5650; background: none repeat scroll 0% 0% #bbb49d; color: #3e3e3e; margin-bottom: 20px; margin-top: 160px; } .breadcrumbs a { color: #6E8D9C; font-weight: bold; } .breadcrumbs h1 { margin: 0px; padding: 14px 0px; font-size: 22px; line-height: 100%; } .breadcrumb { float: right; margin: 0px; padding: 16px 0px; background: none repeat scroll 0% 0% transparent; border-radius: 0px; } .breadcrumb>li { display: inline-block; } .breadcrumb>.active { color: #695F38; } /* END Bread Crumb styles */ /* Footer styles -------------------------------------------------- */ /* BEGIN Sticky footer styles */ html, body { height: 100%; /* The html and body elements cannot have any padding or margin. */ } /* Wrapper for page content to push down footer */ #wrap { min-height: 100%; height: auto; margin: 0 auto -205px; padding: 0px 0 225px; } /* Set the fixed height of the footer here */ .footer { min-height: 205px; /*background-image: url(CssImgServlet?id=1285);*/ background-color:#6d5650; } .footer li, .footer h4, .footer p{ color: #ffffff; } .footer-item-3-socials a { background: #bab49d; display: inline-block; width: 35px; height: 35px; border-radius: 50%; color: #ffffff; text-align: center; font-size: 20px; line-height: 33px; margin-right: 3px; } .footer-item-3-socials a:hover { background: #ddd4b8; color: #ffffff; } .footer ul { list-style:none; padding-inline-start:0px; } /* END Sticky footer styles */ /* END Footer styles */ /* BEGIN media styles -------------------------------------------------- */ @media (max-width: 767px) { .navbar { padding-bottom: 20px; } .navbar-collapse {background-color: #8a7069 !important; margin-top:30px;} .breadcrumbs { margin-top: 5px; } .navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#ffffff !important; } .line { display:none; } .inner { display:none; } .navbar-button { float: none; bottom: 0px; left: 0px; } .navbar-header { margin-top: -60px; } } @media (max-width: 667px) { .navbar-collapse {background-color: #8a7069 !important; margin-top:5px;} .navbar { padding-bottom: 20px; } .practice-name { font-size: 130%; padding-right:0px; } .navbar { padding-right:10px; } .line { display:none; } .inner { display:none; } .navbar-button { bottom: -95px; left: 260px; } .navbar-header { margin-top: -60px; } #wrap { padding: 140px 0 225px; } #side-bar { width: 100%; } } @media (max-width: 992px) { .line { display:none; } .inner { display:none; } .navbar { padding-bottom: 20px; } } @media (min-width: 1200px) {} /* END Media styles */