/*!
Theme Name: Tori Weston House Call Veterinarian Theme 
Text Domain: twhv
Version 3.0 (April 15, 2015)
*/
/*~~~~~~~~~~~~~~~~~*\
     1.0 RESET
\*~~~~~~~~~~~~~~~~~*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  min-height: 100%;
  background: #0064A8;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #75afd1), color-stop(100%, #0064a8));
  background: -webkit-linear-gradient(#75afd1 0%, #0064a8 100%);
  background: -moz-linear-gradient(#75afd1 0%, #0064a8 100%);
  background: -o-linear-gradient(#75afd1 0%, #0064a8 100%);
  background: -ms-linear-gradient(#75afd1 0%, #0064a8 100%);
  background: linear-gradient(#75afd1 0%, #0064a8 100%);
  overflow-x: hidden;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

img, iframe, table {
  max-width: 100%;
}

.mobile-show {
  display: none;
}
@media only screen and (max-width: 700px) {
  .mobile-show {
    display: block;
  }
}

body {
  line-height: 1;
  min-height: 100%;
  background: url(images/background.png) 50% 0 no-repeat;
  font-size: 14px;
}

a {
  color: #0063a8; 
  text-decoration: none;
}
a:hover {
  color: #75aed1; 
}

.header-inner,
.navigation-inner,
.slider-inner,
.content-inner,
.footer-inner
{
  max-width: 960px;
  margin: 0 auto;
}

.slider-wrapper {
  width: 500px;
  height: 248px;
}

.content-inner {
}
.content-inner:after {
  content: "";
  display: table;
  clear: both;
}

#header {
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 0;
  border: none;
  height: 120px; 
}

#logo {
  position: relative;
  margin: 0; 
}
#logo #image-logo {
    position: absolute;
    top: 0;
    left: -75px;
    z-index: 10; 
}
#logo #text-logo {
    display: block;
    width: 511px;
    height: 94px;
    position: absolute;
    top: 15px;
    left: 255px;
    z-index: 11;
    overflow: hidden;
    text-indent: -9999px;
    background: url(images/toriweston-textlogo.png) 0 0 no-repeat;
}

.main {
  width: 740px;
  min-height: 1293px;
  padding: 0px 120px 30px;
  float: left;
  background: #fff none repeat scroll 0 0;
  position: relative;
  margin-bottom: 20px;
  left: -90px;
  z-index: 1;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 1024px) {
  #header {
    max-width: 1024px;
  }
  #text-logo {
   top: 30px !important;
   background-size: 350px 64px !important; 
   background-position: 30px 15px !important;
  }
  .content-inner, #logo {
    margin-left: 25px;
  }
  .main {
    /*width: 530px;*/
    width: 70%;
    padding-right: 30px;
    padding-left: 40px;
    margin-left: 10px;
    left: -20px;
  }
  .slider-wrapper {
    /*width: 460px;
    height: 228px;*/
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 800px) {
  #text-logo {
   background-size: 325px 60px !important; 
   background-position: 30px 15px !important;
  }
  .content-inner, #logo {
    margin-left: 25px;
  }
  .main {
    width: 67%;
    padding-right: 30px;
    padding-left: 40px;
    margin-left: 10px;
    left: -20px;
  }
  .slider-wrapper {
    /*width: 460px;
    height: 228px;*/
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 700px) {
  html {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #0064a8));
    background: -webkit-linear-gradient(#fff 0%, #0064a8 100%);
    background: -moz-linear-gradient(#fff 0%, #0064a8 100%);
    background: -o-linear-gradient(#fff 0%, #0064a8 100%);
    background: -ms-linear-gradient(#fff 0%, #0064a8 100%);
    background: linear-gradient(#fff 0%, #0064a8 100%);
  }
  body {
    margin-top: 40px !important;
    background: none;
  }
  #header {
    width: 100% !important;
    height: 90px;
    margin-bottom: 10px;
  }
  #image-logo, .sidebar, .sidebar-contact {
    display: none;
  }
  #logo {
    margin-left: -240px;
  }
  #logo #text-logo {
     width: 300px;
     height: 65px;
     background-position: 0px 0px !important;
     background-size: 300px 65px !important;
     z-index: 1;
  }
  #mobile-contact {
    margin-bottom: 15px;
    margin-left: 15px;
    font-size: 130%;
    color: #0063a8;
  }
  .sidebar2 {
     width: 0px !important;
     margin: 0 !important;
     padding: 0 !important;
  }
  .main {
    width: 100%;
    float: none;
    padding-left: 30px;
    min-height: 0;
  }
  .main img {
    float: none;
    width: 100%;
    margin: 0 auto;
  }
  .main table td {
    padding: 5px;
  }
  .main table ul {
    padding: 0px 0px 0px 2px;
  }
  .slider-wrapper {
    width: 100%;
    height: 100%;
  }
  .no-slider-spacing {
    padding-top: 40px;
    margin-top: 0px !important;
  }
}

.main h1 {
    color: #0063a8;
    font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
    padding: 0.5em 0 0.5em 30px;
    margin-left: -30px;
    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e7c0bf), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(left, #e7c0bf 0%, #ffffff 100%);
    background: -moz-linear-gradient(left, #e7c0bf 0%, #ffffff 100%);
    background: -o-linear-gradient(left, #e7c0bf 0%, #ffffff 100%);
    background: -ms-linear-gradient(left, #e7c0bf 0%, #ffffff 100%);
    background: linear-gradient(left, #e7c0bf 0%, #ffffff 100%); 
    font-size: 28px;
    font-weight: bold;
}
.main h2 {
    font-weight: 100;
    color: #792c68;
    font-size: 1.3em; 
}
.main ol, .main ul {
  padding: 0 0 0 20px;
}
.no-slider-spacing {
  margin-top: 60px;
}

#navigation-no-contact {
  border-radius: 0 0 20px 20px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
}

#right-column {
  float: left;
  position: relative;
  margin-top: -100px;
  margin-left: -180px;
  width: 120px;
}
@media only screen and (max-width: 1024px) {
  #right-column {
    display: none;
  }
}
#toriphoto {
    position: absolute;
    width: 195px;
    height: 240px;
    z-index: 1;
    background: url(images/toriphoto2.png) 0 0 no-repeat; 
}
.right-column-margin {
  position: absolute;
  margin-top: 240px;
}

.sidebar {
  width: 200px;
  background: #e8dfce none repeat scroll 0 0;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
  z-index: 2;
}
.sidebar2 {
  float: left;
  background: #75aed1 none repeat scroll 0 0;
  margin-top: 120px;
  padding-top: 60px;
  position: relative;
  width: 200px;
  z-index: 2;
}
@media only screen and (max-width: 700px) {
  .sidebar, .sidebar2 {
    width: 100%;
    float: none;
  }
}

.form-width {
  width: 210px;
}

.sidebar-contact h3 {
  text-align: center;
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
  color: #430037;
  font-size: 24px; }
.sidebar-contact {
  margin: 0 -20px -20px;
  padding: 30px 30px;
  background: #430037 url(images/contact-bg.png) 0 0 no-repeat;
  color: #FFF;
  text-align: center;
  font-size: 1.2em;
  min-height: 100px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
}
.sidebar-contact .sidebar-content h4 {
    color: #cf7e7b;
    margin-top: 0.5em;
    margin-bottom: 0; }
.sidebar-contact .sidebar-content a {
    color: #FFF; 
}

table { 
  width: 90%;
  border: 1px dotted #000000;
  border-collapse: collapse; 
  margin: 10px 0px;
}
tr {
  border-width: 0px;
  vertical-align: top;
  border-style: none;
  background-image: none;
}
td {
  border: 1px dotted #000000;
  padding: 10px;
}

/*******************\
	SEARCH
\*******************/
#search-content {
  padding-top: 40px;
}
.search-entry-content {
  padding-bottom: 10px;
}

/*~~~~~~~~~~~~~~~~~*\
   4.0 TYPOGRAPHY
\*~~~~~~~~~~~~~~~~~*/
html {
  font-family: sans-serif;
}

p {
  margin-bottom: 1em;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0 0 0.5em;
  line-height: 1.1em;
}

.content-inner {
  line-height: 1.4;
}

.entry-content ul, .entry-content ol {
  list-style-type: disc;
  line-height: 1.7;
  margin: .5em 1.5em;
}

.entry-content ol {
  list-style-type: decimal;
}

blockquote {
  padding: 1em;
  font-style: italic;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.alignright {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
}

.main-menu {
  position: relative;
  text-align: left;
  margin-bottom: 25px;
}
.main-menu li {
  position: relative;
  text-align: left;
  border-bottom: 1px solid #4f98c4;
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
  background-color: #75aed1;  
  color: #FFF;
  font-weight: bold;
  font-size: 26px;
  line-height: 1;
}
.main-menu li a {
  display: block;
  padding: .45em;
  text-decoration: none;
  color: #FFF;
}
.main-menu li a:hover {
  background-color: #0063a8;
}
.main-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  background: inherit;
  min-width: 100%;
}
.main-menu .sub-menu li {
  display: block;
  white-space: nowrap;
}

.main-menu > li:hover {
  background: #ddd;
}
.main-menu > li:hover .sub-menu {
  display: block;
  z-index: 100;
}

@media only screen and (max-width: 700px) {
  body {
    margin-top: 45px;
  }

  .main-menu {
    position: fixed;
    background: #f3f3f3;
    top: 45px;
    bottom: -80px;
    /*fix for ios jump on scroll*/
    padding-bottom: 80px;
    /*fix for ios jump on scroll*/
    left: 0;
    width: 70%;
    margin-left: -70%;
    will-change: margin-left;
    -webkit-transition: all .4s ease;
            transition: all .4s ease;
    box-shadow: -20px 0px 20px 10px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 100;
    text-align: left;
    padding-top: .5em;
  }
  .main-menu .sub-menu {
    display: block;
    position: static;
    background: none;
  }
  .main-menu .sub-menu li {
    white-space: initial;
  }
  .main-menu .sub-menu li a {
    padding-left: 1em;
  }
  .main-menu > li {
    display: block;
    background: none;
    border: none;
  }
  .main-menu > li:hover {
    background: none;
  }
  .main-menu li a {
    color: #75aed1;
  }
  .main-menu li a:hover {
    background: none;
  }

  .menu-out {
    margin-left: 0;
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.2);
  }

  .menu-toggle {
    display: block;
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    /*background: #75aed1;*/
    background: #0063a8;
    font-size: 20px;
    line-height: 45px;
    padding-left: 16px;
    height: 45px;
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    color: #fff;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -webkit-tap-highlight-color: transparent;
  }

  .menu-toggle:hover {
    color: #fff;
  }

  .menu-toggle span {
    width: 6px;
    height: 6px;
    background-color: #fff;
    position: absolute;
    top: 19.5px;
    right: 24px;
    will-change: box-shadow;
    box-shadow: 11px 11px 0 #fff, -11px -11px 0 #fff, 11px -11px 0 #fff, -11px 11px 0 #fff, 11px 0 0 #fff, -11px 0 0 #fff, 0 -11px 0 #fff, 0 11px 0 #fff;
    -webkit-transition: 0.4s cubic-bezier(0.46, -0.08, 0.22, 0.965);
            transition: 0.4s cubic-bezier(0.46, -0.08, 0.22, 0.965);
  }

  .icon-x span {
    -webkit-transform: rotate(-135deg) scale(1.31);
        -ms-transform: rotate(-135deg) scale(1.31);
            transform: rotate(-135deg) scale(1.31);
    box-shadow: 10px 10px 0 rgba(255, 255, 255, 0), -10px -10px 0 rgba(255, 255, 255, 0), 10px -10px 0 rgba(255, 255, 255, 0), -10px 10px 0 rgba(255, 255, 255, 0), 5px 0 0 #fff, -5px 0 0 #fff, 0 -5px 0 #fff, 0 5px 0 #fff;
  }
}

/* Contain floats: h5bp.com/q */
.cl { clear: both; }
.cl:before, .cl:after { content: ""; display: table; }
.cl:after { clear: both; }
.cl { *zoom: 1; }

/*******************\
	FORMS
\*******************/

.gform_widget {
  padding: 10px;
  margin-bottom: 10px;
}

.gform_widget .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium  {
  width: 99% !important;
}

.gform_wrapper .gform_heading {
  border-bottom: 1px dotted #ccc;
  clear: both;
  display: block;
  margin: 0 0 1em;
}

.gform_wrapper h3.gform_title {
  clear: left;
  font-size: 160% !important;
  font-weight: 400 !important;
  margin: 0 0 3px !important;
  color: #0063a8 !important;
}

.gform_wrapper .gform_description p {
  font-size: 94%;
  line-height: 130%;
  margin: 0 0 12px;
}

.gform_wrapper .top_label .gfield_label {
  border:none;
  color:#222;
  display:block !important;
  font-size:95%;
  font-weight:700 !important;
  line-height:150% !important;
  padding:0 0 1px;
  margin-bottom: 0 !important;
}

.gform_wrapper label.gfield_label + div.ginput_container {
  margin: 0 !important;
}

.gform_wrapper .gfield_required {
  color: #222 !important;
  font-weight: bold;
  font-size: 120%;
}

.gform_wrapper input[type="email"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="text"], .gform_wrapper input[type="url"] 
{
  background:#fff url(images/shadow.gif) repeat-x top;
  border-bottom:1px solid #ddd;
  border-left:1px solid #c3c3c3;
  border-right:1px solid #c3c3c3;
  border-top:1px solid #7c7c7c;
  color:#333;
  font-size:100% !important;
  margin:0;
  padding:2px 0 !important;
}

.gform_wrapper input[type="file"]
{
  color:#333;
  font-size:100%;
  margin:0;
  padding:2px 0;
}

.gform_wrapper textarea {
  background:#fff url(images/shadow.gif) repeat-x top;
  border-bottom:1px solid #ddd;
  border-left:1px solid #c3c3c3;
  border-right:1px solid #c3c3c3;
  border-top:1px solid #7c7c7c;
  color:#333;
  font-size:100% !important;
  margin:0;
  padding:2px 0 !important;
}

.gform_wrapper select {
  color:#333;
  font-size:100% !important;
  margin:1px 0 !important;
  padding:1px 0 0 !important;
  background:#fff url(images/shadow.gif) repeat-x top;
  border-bottom:1px solid #ddd;
  border-left:1px solid #c3c3c3;
  border-right:1px solid #c3c3c3;
  border-top:1px solid #7c7c7c;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="image"], .gform_wrapper .gform_footer input[type="submit"] {
  font-size: 120% !important;
  margin-right: 5px;
  overflow: visible;
  padding: 0 7px;
  width: auto;
}

.gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_year label, .gform_wrapper .gfield_time_ampm label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .ginput_complex label, .gform_wrapper .instruction {
  clear: both;
  color: #444;
  display: block !important;
  font-size: 9px !important;
  line-height: 9px;
  margin: 0 !important;
  padding: 3px 0px;
}

.gform_wrapper .gsection {
  border-top: 1px dotted #ccc;
  border-bottom: 0 !important;
  margin-top: 15px !important;
  padding-bottom: 0 !important;
  /*padding-left: 9px !important;*/
  padding-top: 13px !important;
  width: 97% !important;
}

.gform_wrapper h2.gsection_title {
  font-size: 110% !important;
  font-weight: 400 !important;
  line-height: 130%;
  margin: 0 0 2px;
  color: #333;
}