/*
Theme Name: dtlavets
Author: Colin Kahn
Author URI: http://colinkahn.com
Version: 1.0
*/

html {
    background:#d44b2a;
}

h1, h2, h3, h4 {
    font-weight: normal;
}

.color1 {
    color:#d44b2a;
}

a {
    color:#d44b2a;
}

a:hover {
    color:#000;
}

.dtla-highlight {
    color:#999;
}

.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

body {
    font-family:NewsGothicBT-Reg;
    max-width:900px;
    border:1px solid #666666;
    margin-left:auto;
    margin-right:auto;
    margin-top:25px;
    margin-bottom:50px;
    background:white;
    padding-left:50px;
    padding-right:50px;
    padding-top:15px;
}

input#searchsubmit {
	display: none;
}

#branding h1, #branding h2 {
    margin:0;
    padding:0;
    font-size:inherit;
    line-height:inherit;
    font-weight: normal;
}

.navbar .brand img {
    display: none;
}

.navbar .brand span {
    display: block;
}

.entry-title {
    font-family:LightlineGothicSHOP-Reg;
    font-size:32px;
    line-height:38px;
    color:#d44b2a;
    letter-spacing: .15ex;
}

h3 {
    line-height:50px;
}

p {
    margin: 0 0 20px;
    font-family:inherit;
    line-height:19px;
}

#content {
    margin-top:2em;
}

#content ul {
    list-style:none;
    padding:0;
    margin:0;
}

#content ul li {
    margin-bottom:1em;
}

body .row p em {
    font-family:NewsGothicBT-Italic;
}

body .our-philosphy big {
    font-size: 1.35em;
    font-family:inherit;
    letter-spacing: .15ex;
}

body .row .under-photo-subhead {
    margin-top: -.75em;
    margin-left:122px;
    white-space: nowrap;
    display:block;
    position:relative;
    background:none;
}

#content .homepage {
    background: url(images/splash.jpg) no-repeat 295px 0;
    height:400px;
    position:relative;
}

#content .homepage h2 {
    font-family:LightlineGothicSHOP-Reg;
    font-size:30px;
    color:#58585a;
    letter-spacing: .1ex;
}

#content .homepage h2 > span {
    display:block;
    margin-bottom:7px;
}

#content .homepage h2 .hero-text-l1 {

}

#content .homepage h2 .hero-text-l2 {
    font-size:40px;
    margin-left:85px;
}

#content .homepage h2 .hero-text-l3 {
    font-size:50px;
    margin-left:55px;
}

#content .homepage h2 .hero-text-sm {
    font-size:30px;
}

#content .homepage h2 .hero-text-l4 {
    font-size:40px;
    margin-left:120px;
}

#content .homepage h2 .hero-text-l5 {
    margin-left:60px;
}

#content .blog {
    min-height:430px;
    background:url(images/buildings.gif) no-repeat 50% 100%;
}

#content .blog h1.entry-title {
  font-family:NewsGothicBT-Reg;
  font-size:18px;
}

#content .events {
  min-height:430px;
  background:url(images/buildings.gif) no-repeat 50% 100%;
}

#content .events h1.entry-title {
  font-family:NewsGothicBT-Reg;
  font-size:18px;
}

.cpt-event h3, .cpt-event p {
  margin-bottom:15px;
}

.cpt-event h3 {
  font-family:LightlineGothicSHOP-Reg;
  font-size:19px;
  line-height:23px;
}

.lang-txt {
  font-size: 15px;
  font-style: italic;
}

/* FormBuilder */

.appointments-form, .acupuncture-form {
  -moz-column-width: 240px;
  -webkit-column-width: 240px;
  column-width: 240px;
}

.appointments-form .formBuilderField,
.acupuncture-form .formBuilderField {
  width:         220px;
  margin-right:  20px;
  display:       inline-block;
}

.appointments-form .formBuilderComment,
.acupuncture-form .formBuilderComment {
  padding: 20px 0;
}

/* Footer */

#footer .copyright p {
  margin-top:1em;
  margin-bottom:0;
}

#footer .location-and-hours {
  margin-top:     .25em;
  margin-bottom:  0;
}

#footer .location-and-hours small {
  display: block;
}

#footer dl dd {
    display:none;    
}

#footer dl dt {
    height:43px;
    background-image:url(images/footer-sprites.gif);
    background-repeat: no-repeat;
    text-indent:-99999em;
    display:block;
    cursor: pointer;
}

.footer-contact {
    position:relative;
}

.footer-contact dt {
    background-position: 7px 0;
}

.footer-phone dt {
    background-position: -61px 0;
}

.phone-label {
  display: inline-block;
  width: 3ex;
}

.footer-rx dt {
  background-position: -128px 0;
}

.footer-rx__options {
  height: 305px;
}

.footer-rx__options__vetsource,
.footer-rx__options__form
{
  padding: 10px;
  border: 1px solid gray;
  margin: 10px 0;
  height: 125px;
}

.footer-rx__options__vetsource {
  margin-top: 0;
}

.footer-rx__options__form {
  text-align: center;
}

.footer-rx__options__form h3 {
  line-height: 25px;
  margin-top: 25px;
}

.vetsource {
  display: block;
}

.vetsource--centered {
  margin-left: auto;
  margin-right: auto;
}

.vetsource--square {
  background: url(images/vetsource/vetsource_square.gif) no-repeat;
  height: 125px;
  width: 125px;
}

.vetsource--banner {
  background: url(images/vetsource/vetsource_banner.gif) no-repeat;
  width: 468px;
  height: 59px;
}

.footer-facebook a, .footer-twitter a {
    display:block;
    height:43px;
    width:25px;
}

.footer-twitter dt {
    background-position: -254px 0;
}

.footer-facebook dt {
    background-position: -203px 0;
}

#footer-contact-form .formBuilderForm, #footer-rx-form .formBuilderForm {
    margin:0;
}

#footer-contact-form, #footer-contact-form iframe {
    height:305px;   
    width: 266px;
}

#footer-contact-form iframe {
    overflow-y: auto;
    border:none;    
}


#footer-rx-form, #footer-rx-form iframe {
    height:305px;
    width: 266px;
}

#footer-rx-form iframe {
    overflow-y: auto;
    border:none;    
}

.popover .popover-close {
    position:absolute;
    top:18px;
    right:18px;
    text-indent:-9999em;
    cursor: pointer;
}

.popover-title {
    color:#d44b2a;
}

.popover.top {
    margin-left:130px;
}

.popover.top .arrow {
    left:20px;
}


.footer-rule {
    height:5px;
    max-width:900px;
    background:url(images/footer-rule.gif) no-repeat 50% 0;
    border:none;
}

/* print '\n'.join(map(lambda x: ".vertoffset%s { margin-top:%sem; }" % (x, x), range(31))) */

.vertoffset1 { margin-top:1em; }
.vertoffset2 { margin-top:2em; }
.vertoffset3 { margin-top:3em; }
.vertoffset4 { margin-top:4em; }
.vertoffset5 { margin-top:5em; }
.vertoffset6 { margin-top:6em; }
.vertoffset7 { margin-top:7em; }
.vertoffset8 { margin-top:8em; }
.vertoffset9 { margin-top:9em; }
.vertoffset10 { margin-top:10em; }
.vertoffset11 { margin-top:11em; }
.vertoffset12 { margin-top:12em; }
.vertoffset13 { margin-top:13em; }
.vertoffset14 { margin-top:14em; }
.vertoffset15 { margin-top:15em; }
.vertoffset16 { margin-top:16em; }
.vertoffset17 { margin-top:17em; }
.vertoffset18 { margin-top:18em; }
.vertoffset19 { margin-top:19em; }
.vertoffset20 { margin-top:20em; }
.vertoffset21 { margin-top:21em; }
.vertoffset22 { margin-top:22em; }
.vertoffset23 { margin-top:23em; }
.vertoffset24 { margin-top:24em; }
.vertoffset25 { margin-top:25em; }
.vertoffset26 { margin-top:26em; }
.vertoffset27 { margin-top:27em; }
.vertoffset28 { margin-top:28em; }
.vertoffset29 { margin-top:29em; }
.vertoffset30 { margin-top:30em; }

/* Services */

#content.services article ul {
  padding-left: 2em;
  list-style: circle;
}

#content.services article .image-grid {
  padding-left: 0;
  list-style: none;
  clear: both;
  overflow: hidden;
}

#content.services article .image-grid h4 {
  margin-top: .25em;
  float: none;
  text-align: center;
  line-height: 35px;
}

#content.services article .image-grid .thumbnail-image-wrapper {
  height: 80px;
}

#content.services article .image-grid .thumbnail-image-wrapper img {
  max-width: 100%;
}

#content.services article ul li {
  margin-bottom: .75em;
}

.footer__item--jffd {
	display: block;
	background: url(images/jffd_desktop.jpg);
	width: 107px;
	height: 43px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	text-indent:-99999em;
}

.footer__item--vs {
	display: block;
	background: url(http://dtlavets.com/wp-content/uploads/2021/02/VetSource-Logo.png);
	width: 107px;
	height: 43px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -99999em;
}

@media (min-width: 1025px) {
    
    .blog-post {
        margin-bottom:2em;
    }

    .coming-soon {
        background: url(images/coming-soon.gif) no-repeat 0 100%;
        width: 153px;
        height: 147px;
        position: absolute;
        bottom: 70px;
        left: 0;
    }

    #content.about-us {
        background:url(images/AboutUsBackground.gif) no-repeat 0 0;
    }
    
    .row p, .row h3, .row ul {
        background:#fff;
        float:left;
        clear:both;
    }
    
    .row .cpt-event p, .row .cpt-event h3, .row .cpt-event ul {
        background:none;
    }

    small.right {
        display:block;
        text-align:right;
    }
    
    #events-pagination {
       text-align:right;
    }
    
    .navbar-inner {
        background: url(images/navigation-bkg.gif) no-repeat 0 0;
        height:160px;
        position:relative;
        
        /* reset */
        filter: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;    
    }

    /*
     * Structure is: .brand -> img,span
     */
    
    .navbar .brand {
        display:block;
        width:234px;
        height:100px;
        position:absolute;
        top:20px;
        left:18px;
        
        /* reset */
        float: none;
        padding: 0;
        margin-left: 0;
    }

    .navbar .brand img {
	display: block;
    }

    .navbar .brand span {
	display: none;
    }

    
    .navbar .nav {
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        font-family:LightlineGothicSHOP-Reg;
        font-size:14px;
        line-height:16px;
        margin:0;
        height:38px;
        letter-spacing: .13ex;
    }
    
    .navbar .nav > li {
        position:absolute;
    }
    
    .navbar .nav > li > a {
      color: #d44b2a;
      text-decoration: none;
      text-shadow: none;
    }
    
    .navbar .nav > li > a:hover {
        color:#666;
    }
    
    .navbar .nav > li > ul {
      display: none;
      position:relative;
      z-index: 1000;
      background: #d44b2a;
      list-style: none;
      margin: 0;
      padding: 10px;
    }

    .navbar .nav > li > ul > li {
      margin-bottom: .25em;
    }

    .navbar .nav > li > ul > li:last-child {
      margin-bottom: 0 !important;
    }

    .navbar .nav > li > ul > li > a {
      color: white;
    }

    .navbar .nav > li:hover > ul {
      display: block;
    }
    
    /* nav menu links */
    
    .nav-home-link {
        left:114px;
    }
    
    .nav-about-us-link {
        left:254px;
    }
    
    .nav-services-link {
        left:413px;
    }

    .nav-blog-link {
        left:587px;
    }
    
    .nav-contact-us-link {
        left:730px;
    }    
    
    .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
        position:static;
    }

    .homepage .hp-lower-right h2 {
        margin-bottom:20px;
    }
    
    .homepage .hp-lower-right p {
        margin-bottom:10px;
    }
      
    
}

@media (max-width: 1024px) {
    html body {
        margin:0;
        border:none;
        max-width:inherit;
        padding-top:1em;
    }
    
    [class*="vertoffset"] {
        margin-top:auto;
    }
    
    #content {
        margin-top:auto;
    }

    #cat-pic {
        display:none;
    }
    
    body .row .get-to-know-us {
        margin-top:auto;
        margin-left:auto;
        white-space: nowrap;
        display:block;
        position:relative;
        background:none;
    }
    
    #content .events h1.entry-title {
        font-family:LightlineGothicSHOP-Reg;
        font-size:32px;
    }
    
    #content .cpt-event {
        margin-bottom:13px;
        background:whiteSmoke;
        border-radius:5px;
        padding:10px;
    }
    
    .navbar-inner {
        background:#d44b2a;
        filter:none;
    }     
    
    .btn-navbar {
         background:#d44b2a;
    }

    body .navbar .nav > li > a, .navbar .dropdown-menu a {
        color:white;
    }

    .navbar .nav > li > ul {
      display: block;
      list-style: none;
      margin: 0;
      padding-left: 2em;
    }

    .navbar .nav > li > ul > li {
      margin-bottom: .25em;
    }

    .navbar .nav > li > ul > li > a {
      color: white;
      padding: 6px 15px;
      font-weight: bold;
    }

    .services-subnav {
      display: none;
    }
    
    #doctors {
        text-align:center;
    }

    /* Footer Forms */
   
    #footer {
        position:relative;
    }
    
    #footer dl dd {
        display:block;   
    }
    
    #footer dl dt {
        height:auto;
        background-image:none;
        text-indent:0;
        display:block;
        cursor:default;
        font-size:1.5em;
        color:#d44b2a;
        margin-bottom:1em;
    }
        
    .footer-facebook a, .footer-twitter a {
        display:block;
        height:auto;
        width:100%;
    }
    
    #footer-contact-form .formBuilderForm, #footer-rx-form .formBuilderForm {
        margin:0;
    }
    
    #footer-contact-form, #footer-rx-form {
        height:auto;
        overflow-y:auto;
        width:auto;
    }

    .footer-rx__options {
      height: auto;
    }
    
    #footer-rx-form iframe {
        height:600px;
        width: 266px;
    }     
    
    #footer .copyright {
        position:absolute;
        bottom:2px;
        right:2px;
    }
    
    #content .homepage {
        background: url(images/splash.jpg) no-repeat 100% 0;
        height:400px;
        position:relative;
    } 
    
    .homepage h2 {
        margin-left:10px;
    }
    
    .homepage h2 > span {
        float:left;
        clear:both;
        background:white;
        border:9px solid white;
    }
    
    .homepage .hp-lower-right {
	display: none !important;
    } 
    
    #content .events {
        position:relative;
        background:none;
        height:auto;
    }
    
    #events-pagination {
        position:absolute;
        right: 20px;
        top: 5px;
    }

    .footer__item--jffd {
        height: 60px;
        background-image: url(images/jffd_mobile.jpg);
	}

    /* less indent in mobile navigation */

    .menu-item a {
	    padding: 6px 6px !important;
    }

    .sub-menu {
	    padding-left: 1em !important;
    }

    .vetsource--banner {
	width: 100%;
	background-size: contain;
	background-position: center;
    }

}

/* Hacky Stuff */

/* Hide the title on the hospital tour page */
.post-491 h1 {
  display: none;
}