/*
Theme Name: Pet Dental Services
Description: Template
Version: 1.0
Author: John Sheppard
Tags: clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

html {background: #fbf7ef url(images/body_bg.png) repeat-x; min-width: 960px;}
body {font-family: Helvetica, Arial, sans-serif; )}
a {text-decoration: none;}
.display-none {display: none;}
.clear {clear: both;}
.alignleft {margin: 10px 10px 10px 0;}
.alignright {margin: 10px 0 10px 10px;}
.graybox {background: #f3f3f3; border: 1px solid #c3c3c3; padding: 12px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mobile {display: none;}

.wp-caption {border: 1px solid #CCC; background: #f8f8f8; padding: 5px;}
.wp-caption-text {margin-bottom: 0 !important; font-size: 12px !important;}

h1, h2, h3, h4, h5 {font-family: "Cabin", arial, sans-serif;}


.wrapper {width: 960px; margin: 0 auto; position: relative;}

#header {height:200px; /* background: url(images/header_wrapper.jpg) no-repeat top center; */ position: relative; z-index: 999}
#header .wrapper {height: 200px;}
#logo {display: block; float: left; width: 450px; height: 108px; margin: 20px 0 0;}
#logo img {width: 450px; height: 115px;}

#menu-main {position: absolute; left: 0; bottom: 0;}
#menu-main .menu-item {float: left; display: block; position: relative;}
#menu-main .menu-item a {font-size: 13px; letter-spacing: 1px; display: block; line-height: 50px; font-family: "Cabin", arial, sans-serif; text-transform: uppercase; height: 50px; padding: 0 14px; color:#FFF; font-weight: 500; border-right:1px solid #00a4d0; border-left:1px solid #46caf0;
-moz-transition-property: color;  /* FF4+ */
-moz-transition-duration: 0.5s;
-webkit-transition-property: color;  /* Saf3.2+, Chrome */
-webkit-transition-duration: 0.5s;
-o-transition-property: color;  /* Opera 10.5+ */
-o-transition-duration: 0.5s;
-ms-transition-property: color;  /* IE10? */
-ms-transition-duration: 0.5s;
transition-property: color;  /* Standard */
transition-duration: 0.5s;}
#menu-main .menu-item:first-child {border-left: 1px solid #00a4d0}
#menu-main .menu-item:last-child a {border-right: 1px solid #46caf0}
#menu-main .menu-item:hover {background: #2f86b2;}
#menu-main .current-menu-item a {background: #2f86b2;}
#menu-main .menu-item .sub-menu {display: none; position: absolute; top: 100%; left: 1px; width: 280px;}
#menu-main .menu-item .sub-menu li {float: none;}
#menu-main .menu-item .sub-menu li a {line-height: 35px; font-size: 13px; background: #2f86b2; height: 35px; border-left: none; border-right: none; font-size: 13px; border-bottom: 1px solid #2e789e; display: block;}
#menu-main .menu-item .sub-menu li a:hover {background: #2e789e}
#menu-main .menu-item:hover .sub-menu {display: block;
-webkit-box-shadow: 6px 4px 12px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    6px 4px 12px rgba(50, 50, 50, 0.6);
box-shadow:         6px 4px 12px rgba(50, 50, 50, 0.6);
}


#slider {width: 100%; height:445px; position: relative;}
#slider #slider_wrapper {left: 50%; position: absolute; z-index: 999; top: 150px; height: 32px;}
#slider #back {width: 60px; height: 60px; background: url(images/slider_prev.png) no-repeat; opacity: 0.9; cursor: pointer; left: -540px; position: absolute;}
#slider #next {width: 60px; height: 60px; background: url(images/slider_next.png) no-repeat; opacity: 0.9; cursor: pointer; right: -550px; position: absolute;}
.headerimg {width: 100%; height:445px; background: top center no-repeat; position: absolute; }
#headerimgs {height: 445px;}
#headertxt {width: 930px; height: 345px; display: block; margin: -445px auto 0; z-index: 99; position: relative; padding-left: 30px;}
#headertxt #firstline {display: block; margin: 77px 0 17px 0; font-family: "Cabin", arial, sans-serif; font-weight: 700; letter-spacing: 1px; color: #FFF; font-size: 35px; text-shadow: 0px 0px 8px rgba(110, 110, 110, 1);}
#headertxt #secondline {display: inline-block; font-weight: 500; color: #FFF; font-size: 20px; letter-spacing: 1px; text-shadow: 0px 0px 8px rgba(70, 70, 70, 1); }
#headertxt #thirdline {display: inline-block; font-weight: 500; color: #FFF; font-size: 20px; letter-spacing: 1px; text-shadow: 0px 0px 8px rgba(70, 70, 70, 1);}


#header_links {position: absolute; right: 0; top: 10px;}
#header_links a img:hover {opacity: 0.9;}


#find_a_vet {background: url(images/locate_services.jpg) no-repeat; background-size: cover; position: absolute; right: 0; top: 45px; display: block; width: 180px; height: 56px; color: #FFF; font-size: 14px; line-height: 56px; text-transform: uppercase;  padding: 0 10px 0 90px; letter-spacing: 1px; font-weight: 500; font-family: "Cabin", arial, sans-serif;}
#find_a_vet:hover {}

#satisfaction_surveys {background: url(images/survey_icon.jpg) no-repeat left center; display: block; padding: 0 0 0 25px; line-height: 21px; font-size: 15px; color: #b3aca0; position: absolute; top: 111px; right: 0;}

.home .content {padding-bottom: 30px;}
.home .content.lower .wrapper {padding: 30px 0 50px;}
.home .content.lower .page_content, 
.home .content.lower .sidebar {margin-top: 0;}
.home .content .page_content a {font-weight: bold; text-decoration: underline; color:#269AC5 !important;}

.content {background: url(images/content_bg.png) repeat-y center top; position: relative;} 
.home .content .page_content {margin-top: -50px;}
.content .page_content {width: 585px; float: right; margin:30px 30px 0 0;} 
.content .page_content.fullwidth {width: 900px; min-height: 600px;}
.content .page_content h1 {color: #269ac5; font-size: 22px; margin-bottom: 15px;}
.content .page_content h2 {color: #269ac5; font-size: 20px; margin-bottom: 15px;}
.content .page_content p {font-size: 14px; margin-bottom: 15px; line-height: 21px; color: #555555;}
.content .page_content a {font-weight: bold; text-decoration: underline; color:#269AC5 !important;}
.content .page_content li {font-size: 14px; margin-bottom: 3px; margin-left: 20px; list-style: disc; line-height: 21px; color: #555555;}
.content .page_content ul {margin-bottom: 15px;}


#upper {background: url(images/upper_bg.png) no-repeat center center, url(images/page_upper.png) repeat-x center center; height: 20px; position: relative;}
.breadcrumb {font-size: 16px !important;  font-family: "Cabin", arial, sans-serif; letter-spacing: 2px; padding-right: 30px !important; text-transform: uppercase; color: #FFF; text-align: right; line-height: 20px;}
.breadcrumb a {color: #dcf6cc; display: none !important;}
.breadcrumb span {display: none !important;}

.home .sidebar {margin-top: -50px;}
.sidebar {width: 285px; float: left; margin:30px 0 0 30px; padding-bottom: 20px;}	
.sidebar h3 {color: #269ac5; font-size: 18px;}
.sidebar #contact_module div {line-height: 36px; color: #269ac5; font-family: "Cabin", arial, sans-serif; font-size: 28px; font-weight: 700; margin: 6px 0;}
.sidebar #contact_module div img {display: block; float: left; margin-right: 13px;}
.sidebar #contact_module a {color: #4bad6a; text-decoration: underline; font-size: 14px; display: block;}

#search_module {margin: 20px 0;}
#searchform label {display: none;}
#searchform #s {border: 1px solid #c3c3c3; height: 30px; line-height: 30px; display: block; float: left; background: #FFF; width: 200px; padding-left: 5px;}
#searchsubmit {display: block; float: left; margin-left: 6px; display: block; cursor: pointer; text-indent: -9999px; overflow: hidden; border: none; background: url(images/search_submit.jpg) no-repeat; width: 46px; height: 32px;} 


.sidebar #blog_module {margin-bottom: 20px;}
.sidebar #blog_module h3 {margin-bottom: 10px;}
.sidebar #blog_module h4 a {font-size: 13px; color: #333; margin-bottom: 5px; line-height: 18px;}
.sidebar #blog_module h4 a:hover {color:#269AC5}
.sidebar #blog_module p {font-size: 12px; color: #999;}
.sidebar #blog_module #allblog {height: 35px; display: block; line-height: 35px; color: #FFF; font-size: 15px; text-align: center; margin-bottom: 10px; background:url(images/sidebar_nav_bg.png) no-repeat 0 -35px !important; background-size:259px 69px !important; }
.post {margin: 10px 0;}
.post p {font-size: 13px; line-height: 18px; color: #666; margin: 0; padding: 0;}
.post .thumbnail_container {width: 30px; height: 30px; border: 1px solid #999; float: left; margin-right: 15px;}
.post .thumbnail_container img {width: 30px; height: 30px; display: block;}

.sidebar #newsletter_module {margin-bottom: 20px;}
.sidebar #newsletter_module br {display: none;}
.sidebar #newsletter_module p {font-size: 11px; line-height: 12px; margin: 5px 0; color: #333;}
.sidebar .wp-email-capture-label,
.sidebar #wp-email-capture-name-widget  {display: none;}
.sidebar .wp-email-capture-email-input {border: 1px solid #c3c3c3; height: 30px; line-height: 30px; display: block; float: left; background: #FFF; width: 200px; padding-left: 5px;}
.sidebar .wp-email-capture-submit {display: block; float: left; margin-left: 6px; display: block; cursor: pointer; text-indent: -9999px; overflow: hidden; border: none; background: url(images/search_submit.jpg) no-repeat; width: 46px; height: 32px;}


#brochure {margin-bottom: 40px;}
#brochure img {float: left; margin: 0 20px 0 0; width: 100px; height: auto;}
#brochure .left {float: right; width: 164px; font-size: 12px; color: #999;}
#brochure .left a {font-weight: bold; display: block; margin-bottom: 8px; margin-top: 10px; font-size: 13px; color: #4BAD6A;}

.sidebar #npda_member {height: 68px; margin: 20px 0 0;}
.sidebar #npda_member img {margin: -25px 15px 0 -25px; display: block; float: left;}
.sidebar #npda_member a {line-height: 22px; color: #269ac5; font-family: "Cabin", arial, sans-serif; font-size: 17px; font-weight: 700;}

.sidebar.lower h3 {font-size: 22px; margin-bottom: 15px;}

.testimonial {margin-bottom: 20px; font-style: italic; color: #555555; font-size: 12px; line-height: 18px; width: 235px;}
.testimonial .entry {padding: 10px; background: #EEE; border: 1px solid #CCC;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.testimonial img {float: right; margin:-1px 20px 0 0; clear: both;}
.testimonial strong {font-style: normal; color: #333; display: block; padding-top: 5px; text-align: right;}

.sidebar #sub_pages {margin-bottom: 30px;}
.sidebar #sub_pages li a {display: block; width: 285px; background: url(images/sidebar_nav_bg.png) no-repeat; height: 35px; line-height: 35px; color: #FFF; font-size: 15px; text-align: center; margin-bottom: 10px;}
.sidebar #sub_pages li a:hover, .sidebar #sub_pages li a.current {background: url(images/sidebar_nav_bg.png) no-repeat 0 -35px !important;}

#testimonial_module {width: 285px;}
#testimonial_module p {margin: 0}
#testimonial_module img {width:17px; height: auto; margin: -1px 11px 0 0;}
#testimonial_module strong {padding-top: 0;}
#testimonial_module .entry {background:#eff8ec; border:1px solid #76bf62; color: #377329;}
#testimonial_module .entry strong  {display: inline}
#testimonial_module br {display: none;}
#testimonial_module .bx-controls {width: 140px; margin-top: -17px; position: relative; z-index: 99}
#testimonial_module .bx-controls-direction a {color: #CCC;}
#testimonial_module .bx-controls-direction a.bx-prev {padding-right: 20px;}


#locator {background: url(images/locate_bg.jpg) no-repeat center top, url(images/locate_bg_repeat.png) repeat center top}
#locator .wrapper {height: 414px;}
#locator h2 {color: #FFF; font-weight: 200; padding: 20px 30px; display: block; font-size: 26px;}
#locator h3 {color: #aed8f5; font-weight: 200; display: block; width: 200px; position: absolute; top: 150px; left: 75px; font-size: 22px; text-align: center}
#locator ul {font-size: 10px; color: #FFF; line-height: 14px;}
#locator ul a {color: #FFF; font-weight: bold; text-decoration: underline;}
#locator #call {position: absolute; bottom: 50px; left: 100px; color: #FFF; font-size: 12px;}
#locator #col1 {position: absolute; left: 350px; top: 80px;}
#locator #col2 {position: absolute; left: 470px; top: 80px;}
#locator #col3 {position: absolute; left: 590px; top: 80px;}
#locator #col4 {position: absolute; left: 700px; top: 80px;}
#locator #col5 {position: absolute; left: 835px; top: 80px;}

#locator #gform_wrapper_1 {width: 247px; position: absolute; left: 51px; top: 225px;}
#locator #gform_wrapper_1 .gfield_label {display: none;}
#locator #gform_wrapper_1 .medium {height:38px; line-height: 38px; border: none; background: url(images/locator_form_field_bg.jpg) repeat-x; width: 237px; padding: 0 5px; margin-bottom: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
#locator .gform_wrapper .gform_footer {padding: 0; margin: 0;}
#locator .validation_error {display: none !important;}
#locator .gform_wrapper li.gfield.gfield_error.gfield_contains_required {margin: 0 !important; border: none !important; background: transparent !important; padding: 0 !important;}
#locator .gform_wrapper li.gfield.gfield_error .gfield_description {margin-top: 0 !important; background: #FFF !important; padding: 2px !important; border: red !important;}
#locator .gform_wrapper .top_label .gfield_description.validation_message, 
#locator .gform_wrapper .gfield_description.validation_message {padding: 2px !important;}






.page-id-12 h3 {margin-bottom: 10px; font-size: 18px; color: #4dae6a;}
.page-id-12 .page_content p {margin-bottom: 30px;}

#footer {background: url(images/footer_bg.png) repeat-x}
#footer .wrapper {height: 180px;}
#footer #twitter {height: 41px;}
#twitter_update_list {width: 700px; font-size: 13px; font-style: italic; color: #353535; float: right; padding-top: 5px;}
#twitter_update_list a {color: #353535; font-weight: bold;}

#menu-footer {margin: 20px 0;}
#menu-footer li a {display: block; float: left; padding: 0 7px; font-size: 13px; color: #3372a2; font-weight: bold;}
#menu-footer li:first-child a {padding: 0 7px 0 0;}
#menu-footer li a:hover {color: #8ba9bf;}
#footer #footer_logo {display: block; position: absolute; right: 0; top: 45px;}
#footer #copyright {color:#3372a2; font-size: 13px; margin-top: 25px; font-weight: bold;}
#footer #copyright a {color:#3372a2; font-size: 13px;}

#gform_wrapper_2 li, #gform_wrapper_5 li {margin: 0 !important;}
#gform_wrapper_2 .large, #gform_wrapper_2 textarea {background: #FFF; border: 1px solid #CCC;}

.page_content #gform_wrapper_3 li {margin: 0 !important;}
.page_content #gform_wrapper_3 .medium, .page_content #gform_wrapper_3 textarea {background: #FFF; border: 1px solid #CCC; line-height: 30px; height: 30px; padding-left: 5px;}

#gform_fields_4 li, #gform_fields_6 li {margin: 0 !important; padding: 0 !important;}

#locatorapp {width: 450px; height: 424px; padding: 15px 10px; background: url(images/locator_bg.png) no-repeat; margin: 0 auto; float: right;}
#gm-map-1-visible-list {width: 420px; float: left;}
#gm-map-1-visible-list li {padding: 0; margin: 0; list-style: none; clear: both;}
#gm-map-1-visible-list li a {display: block; line-height: 32px; color: #333;}
#gm-map-1-visible-list li a:hover {color: #4CAE6A;}
#gm-map-1-visible-list li img {float: left; margin: 5px;}
#gm-map-1-visible-list li:nth-child(odd) {background: #EFEFEF}



.single .right {float: right;width: 360px;}
.single .left {float: left;width: 490px;}

.single .left .module {background: #EFEFEF; margin-bottom: 15px; padding: 15px; font-size: 30px; color: #333;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.single .left .module div {font-size: 12px; color: #999;}
.single .content .page_content .left .module.website a {font-size: 22px; text-decoration: none !important;}

.single .gm-map {width: 350px; height: 350px; padding: 2px; border: 1px solid #999; float: right;}
.single .address {font-size: 14px; text-decoration: none !important; display: block; margin-bottom: 5px; font-weight: bold;}
.single .content .page_content .directions {font-size: 12px; text-decoration: none !important; display: block; margin-bottom: 5px; color: #999 !important;}


#request_vet {float: right; padding-right: 20px;}

.date {font-size: 13px; color: #999; margin-bottom: 10px;}
.social_media {margin-bottom: 15px;}
.blog .hentry {padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #EEE;}


#loginform-vetportal #wp-submit,
#login_button {display: block; clear: both; background: url(images/search_submit.jpg) no-repeat; width: 46px; height: 32px; text-indent: -9999px; overflow: hidden; cursor: pointer; border: none;}
#loginform-vetportal label {width: 70px; display: block; float: left;}
#loginform-vetportal .login-remember {display: none;}

.page_content #grid {margin-top: 30px;}
.page_content #grid li {width: 110px; display: block; float: left; height: 165px; margin-right: 28px; margin-left: 0;}
.page_content #grid li img {width: 100px; height: 100px; display: block;}
.page_content #grid li a.link {margin-top: 6px; display: block; color: #272727; font-weight: bold; font-size: 11px; text-align: center; text-decoration: none;}
.page_content #grid li:hover a {color: #355E8A}
.page_content #grid li:hover img {opacity: 0.9}

.box {padding: 6px; border: 1px solid #c1c1bb; background: #FFF; display: block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.box img {display: block;}



/* TESTIMONIAL STYLING */

#testimonials .entry {padding: 10px; background: #EFEFEF; border: 1px solid #CCC; margin-bottom: 30px; position: relative;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#testimonials .entry img {position: absolute; right: 40px; bottom: -29px;}
#testimonials .reference {font-style: normal; color: #333; display: block; padding-top: 5px; text-align: right; margin-bottom: 30px; }
#testimonials .reference p {font-size: 13px; line-height: 18px;}


/* SURVEY FORM STYLING */

#gform_wrapper_7 li {margin: 0 !important;}
#gform_wrapper_7 .gfield_radio input {margin-left:2px;}
#gform_wrapper_7 li.comment {padding: 0 0 20px;}
#gform_wrapper_7 li.comment label {margin: 5px 0; font-size: 13px; color: #555; font-weight: normal;}

#gform_wrapper_8 li {margin: 0 !important;}
#gform_wrapper_8 .gfield_radio input {margin-left:2px;}
#gform_wrapper_8 li.comment {padding: 0 0 20px;}
#gform_wrapper_8 li.comment label {margin: 5px 0; font-size: 13px; color: #555; font-weight: normal;}

#gform_wrapper_9 li {margin: 0 !important;}
#gform_wrapper_9 .gfield_radio input {margin-left:2px;}
#gform_wrapper_9 li.comment {padding: 0 0 20px;}
#gform_wrapper_9 li.comment label {margin: 5px 0; font-size: 13px; color: #555; font-weight: normal;}
#gform_wrapper_9 .gfield_required {display: none;}
.gquiz-correct-choice {color: #4BAD6A}


/* MEDIA PAGE STYLING */

.magazine {width: 190px; float: left; margin: 0 30px 30px 0;}
.magazine a.first {display: block; width: 180px; height: auto; border: 5px solid #FFF; text-align: center;; text-decoration: none; font-size: 13px;
-webkit-box-shadow: 2px 2px 11px 0px rgba(50, 50, 50, 0.41);
-moz-box-shadow:    2px 2px 11px 0px rgba(50, 50, 50, 0.41);
box-shadow:         2px 2px 11px 0px rgba(50, 50, 50, 0.41);}
.magazine a.first img {display: block; width: 175px; height: auto; padding: 2px; border: 1px solid #CCC; margin-bottom: 3px;}
.magazine a {display: none;}

.internet_link {margin-bottom: 40px; display: block; text-decoration: none;}
.internet_link img {max-width: 200px; height: auto;  display: block;}

/* END MEDIA PAGE STYLING */