/*
	Theme Name: SBC
	Theme URI: https://stanfordbloodcenter.org
	Description: SBC WordPress Theme
	Version: 1.4.3
	Author: Stanford Blood Center (SBC) | @giveblood
	Author URI: https://stanfordbloodcenter.org
*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
html, body {
    font: 'Source Sans Pro', Arial, sans-serif;
    color: #444;
    font-size: 10px;
}
/* clear */

.clear:before,
.clear:after {
    content: ' ';
    display: table;
}
.clear:after {
    clear: both;
}
.clear {
    *zoom: 1;
}
.spacer {
    display: block;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.sticky {} .bypostauthor {}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Bold.eot');
    src: url('fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Bold.woff2') format('woff2'), url('fonts/SourceSansPro-Bold.woff') format('woff'), url('fonts/SourceSansPro-Bold.ttf') format('truetype'), url('fonts/SourceSansPro-Bold.svg#fonts/SourceSansPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-It.eot');
    src: url('fonts/SourceSansPro-It.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-It.woff2') format('woff2'), url('fonts/SourceSansPro-It.woff') format('woff'), url('fonts/SourceSansPro-It.ttf') format('truetype'), url('fonts/SourceSansPro-It.svg#fonts/SourceSansPro-It') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Regular.eot');
    src: url('fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Regular.woff2') format('woff2'), url('fonts/SourceSansPro-Regular.woff') format('woff'), url('fonts/SourceSansPro-Regular.ttf') format('truetype'), url('fonts/SourceSansPro-Regular.svg#fonts/SourceSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-BoldIt.eot');
    src: url('fonts/SourceSansPro-BoldIt.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-BoldIt.woff2') format('woff2'), url('fonts/SourceSansPro-BoldIt.woff') format('woff'), url('fonts/SourceSansPro-BoldIt.ttf') format('truetype'), url('fonts/SourceSansPro-BoldIt.svg#fonts/SourceSansPro-BoldIt') format('svg');
    font-weight: bold;
    font-style: italic;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0 0 1rem 0;
}
h1 {
    font-size: 3.2em;
    text-transform: uppercase;
}
h2 {
    font-size: 2.4em;
    text-transform: uppercase;
    color: #990000;
}
h3 {
    font-size: 2em;
    text-transform: uppercase;
}
h4 {
    font-size: 1.6em;
    text-transform: uppercase;
}
h4.hashtag {
	text-transform: none;
	font-size: 1.8em;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
h4.hashtag a {
	color:#990000;
}
h5 {
    font-size: 1.4em;
    text-transform: uppercase;
    margin-bottom: 5px;
}
h1.title {
    margin-bottom: 2rem;
}
p,
li,
td {
    font-size: 1.8em;
    line-height: 1.55em;
    letter-spacing: 0.01em;
}
.sidebar p,
.sidebar li,
.wpb_widgetised_column p,
.wpb_widgetised_column li {
    font-size: 1.5em;
    line-height: 1.35em;
}
td {
    background: #f5f5f5;
    padding: 5px;
    border: 3px solid #fff;
}
li li {
    font-size: inherit;
}
a {
    color: #444;
    text-decoration: none;
	cursor: pointer !important;
}
section p a,
section li a,
.sidebar a {
    color: #990000;
    text-decoration: underline;
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
	cursor: pointer !important;
}
.vc_sep_color_grey {
    border-color: #e9e9e9 !important;
}
.vc_sep_line {
    border-top: 4px dotted #e9e9e9 !important;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.hidden-search {
    display: none;
}
/* wrapper */

.wrapper,
.footer-wrap {
    max-width: 1280px;
    width: 95%;
    margin: 0 auto;
}
.wrapper {
    position: relative;
    z-index: 0;
}
/* header */

.header {
    margin-bottom: 93px; /*changed from 80px for 40th anniversary logo */
}
body.page-template-home .header {
    margin-bottom: 63px;  /*changed from 50px for 40th anniversary logo */
}
.header-widget-mobile-appointments {
    display: none;
}
.header-widget-phone-social {
    display: none;
}
.top-right {
    float: right;
    width: 50%;
    text-align: right;
    padding: 10px 0 0 0;
    margin-top: 0px;
}
.header-widget-2 img {
    width: 180px;
    height: auto;
}
/* social media icons */

.social-icon-bar li {
    display: inline-block;
    list-style: none;
    margin-right: 2px;
}
.social-icon-bar .icon {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    color: #ffffff;
    line-height: 2.8rem;
    text-align: center;
    background-color: #888;
}
.social-icon-bar .icon:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background: #222;
}
.social-icon-bar .icon i {
    color: #fff;
}
/* logo */

/*40th Anniversary*/
.logo {
    padding: 15px 0 0 0;
}
.logo-img {
    width: 170px;
    height: auto;
	background-size: 50%;
}

/*
.logo {
    padding: 25px 0;
}
.logo-img {
    width: 225px;
    height: auto;
}
*/

/* nav */

nav {
    width: 100%;
    position: absolute;
    z-index: 100;
	margin-top: 15px;
}
nav ul {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
nav ul li {
    list-style: none;
    flex-grow: 1;
    text-align: center;
    position: relative;
}
nav ul li a {
    display: block;
    background: #efefef;
    padding: 15px;
    border-right: 1px solid #fff;
    font-size: 0.8em;
}
nav ul li:last-child a {
    border-right: 0px;
}
nav ul li a:hover {
    background: #222;
    color: #fff;
	cursor: pointer;
}
nav ul li.current-page-ancestor > a,
nav ul li.current-menu-item > a {
    background: #990000;
    color: #fff;
}
/* 2nd level menu */

nav ul li ul {
    display: none;
}
nav ul li ul li a {
    background: #cdcdcd;
    border-right: 0px;
    margin-right: 1px;
}
nav ul li:hover > ul {
    position: absolute;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-around;
    width: 100%;
}
/* 3rd level menu */

nav ul li ul li ul {
    display: none;
}
nav ul li ul li ul li a {
    margin-left: -1px;
    background: #666;
    color: #fff;
}
nav ul li ul li:hover > ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    z-index: 200;
}
nav ul li:last-child ul li ul {
    left: auto;
    right: 100%;
    margin-right: -1px;
}
/* 4th level menu */

nav ul li ul li ul li ul li a {
    margin-left: -1px;
    background: #444;
    color: #fff;
}

nav li:nth-child(3) li li {
	width:135%;
}
nav li:nth-child(3) li li li {
	width:auto;
}
.red-highlight {
	background: #990000;
    color: #fff;
}
.highlight-research a, .highlight-our-programs a, .highlight-learn a, .highlight-locations a {
	cursor: none !important;
}
/* responsive nav */

.responsive-navigation_menu {
    font-size: .8rem !important;
}
.responsive-navigation_nav ul,
.responsive-navigation_nav li {
    font-size: 1rem !important;
}
/* main */

main {
    float: left;
    width: 70%;
}
body.single article {
    padding-bottom: 50px;
}
/* sidebar */

.sidebar {
    float: left;
    width: 22%;
    margin-left: 8%;
    margin-bottom: 50px;
}
.sidebar-widget div.textwidget {
    margin-bottom: 50px;
}
.widget_categories {
    margin: 50px 0;
}
.wpb_widgetised_column .textwidget,
.sidebar .textwidget {
    margin-bottom: 50px;
}
/* footer */

.footer {
    display: flex;
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    background: #333;
}
.footer-top {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    padding: 1.3em 0;
}
.footer-top ul {
    margin-left: 0;
    padding-left: 0;
}
.footer-top li {
    list-style: none;
    margin-left: 0;
    padding-left: 10px;
}
.footer-top li,
.footer-top p {
    font-size: 1.3em;
    color: #efefef;
}
.footer-top li a {
    font-size: 1.1em;
    color: #efefef;
}
.footer-top li a:hover {
    color: #cdcdcd;
}
.footer-widget-1 {
    flex: 1;
    text-align: left;
}
.footer-widget-2 {
    flex: 2.2;
    text-align: left;
}
.footer-widget-3 {
    flex: .8;
    text-align: left;
}
.footer-widget-3 a {
    color: #ef3e42;
}
.footer-widget-3 a:hover {
    color: #efefef;
}
.copyright {
    display: block;
    float: left;
    width: 100%;
    background: #444;
    margin: 0;
    padding-top: 20px;
}
.copyright h3 {
    font-size: 1.1rem;
    text-align: center;
    padding: 20px;
    color: #777;
}
.footer p a:hover {
    color: #ffffff;
}
.footer h3 {
    margin-top: 1.5rem;
    color: #efefef;
}
.footer-maps a {
    display: inline-block;
    float: left;
    width: 150px;
    height: auto;
    margin: 0px 20px 10px 0;
    color: #fff !important;
}
.footer-maps img {
    margin: 0px 0px 10px 0;
}
.footer-maps img:hover {
    opacity: 0.7;
}
.bus-icon {
    display: block;
    width: 150px;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
/* home slider */

.slider {
    display: block;
    float: left;
    clear: both;
    width: 100%;
}
.slider img {
    max-height: 340px !important;
    height: auto !important;
}
.wpb_flexslider {
    padding: 0;
    margin: 0 !important;
    background: #fff;
    border: 0px !important;
    position: relative;
    border-radius: 0px !important;
    -o-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
    zoom: 1;
}
.wpb_gallery .wpb_flexslider .flex-control-paging {
    display: none;
}
/* home main content */

body.page-template-home main {
    float: left;
    width: 100%;
}
body.sbc-blog h1.title {
    display: none;
}
section.archive img {
    float: left;
    margin-right: 20px;
}
.bloodneed div div, .didyouknow div div {
	text-align: center;
	background: #efefef;
}
.bloodneed, .didyouknow {
	border: 15px solid #fff;
}

/* blog content */
.meta-info {
	font-size: 1.4em;
}
/* Org Chart */

* {
    font-size: 1em;
    color: #555;
}
.clear {
    display: block;
    clear: both;
}
.chart-wrap {
    display: flex;
    max-width: 800px;
}
.org-chart {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    list-style: none;
    padding: 0;
}
.org-chart > li {
    background: #efefef;
    width: 45%;
    margin: 0 20px;
    padding: 20px 10px;
    position: relative;
}
.org-chart > li.center-box {
    background: #efefef;
    width: 25%;
    margin: 20px auto;
}
.org-chart > li.center-box.last {
    margin-top: 0px;
}
.org-chart > li > span {
    text-align: center;
    display: block;
    position: relative;
    z-index: 2;
}
.org-chart > li.line-right:after {
    display: block;
    width: 50px;
    height: 3px;
    content: "";
    background: #e1e1e1;
    position: absolute;
    left: 100%;
    top: 50%;
    z-index: -1;
}
.org-chart > li.line-left:before {
    display: block;
    width: 50px;
    height: 3px;
    content: "";
    background: #e1e1e1;
    position: relative;
    right: 30px;
    top: 50%;
    z-index: -1;
}
.org-chart > li.line-top:before {
    display: block;
    width: 3px;
    height: 20px;
    content: "";
    background: #e1e1e1;
    position: relative;
    left: 50%;
    top: -40px;
    margin-bottom: -20px;
    z-index: -1;
}
.org-chart > li.line-top-long:before {
    display: block;
    width: 3px;
    height: 400px;
    content: "";
    background: #e1e1e1;
    position: relative;
    left: 50%;
    top: -400px;
    margin-bottom: -400px;
    z-index: -2;
}
.org-chart > li.connector-left span:before {
    display: block;
    width: 3px;
    height: 170px;
    content: "";
    background: #e1e1e1;
    position: relative;
    left: -30px;
    top: 11px;
    margin-bottom: -170px;
    z-index: -1;
}
.dark-red {
    background: #990000 !important;
}
.gray {
    background: #555 !important;
}
.med-gray {
    background: #cdcdcd !important;
}
.dark-red span,
.gray span {
    color: #fff !important;
}
@media screen and (max-width: 767px) {
    body {
        font-size: 0.95em;
    }
    .org-chart > li.line-left:before {
        right: 30px;
    }
    .org-chart > li.connector-left span:before {
        left: -30px;
    }
}
/* Leadership page */

.leadership-h2 {
    text-transform: uppercase;
    font-size: 1.2em;
    margin-bottom: 0px;
}
.leadership-h3 {
    text-transform: uppercase;
    font-size: 1.4em;
    line-height: 1em;
    margin-top: -10px;
}

/* Jobs */

.job-posting-block {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 2px solid #efefef;
}
.job-code {
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
}


/* Events Calendar */

.fc-button.fc-state-default {
    color: #ffffff !important;
    background-color: #444 !important;
}
.fc-event-inner span.fc-event-title,
span.fc-button-content {
    color: #fff !important;
}
.fullCalendar .fc-state-highlight,
.fullCalendar table tr:hover td.fc-state-highlight {
    background: #efefef !important;
}
.fc-start,
.fc-end,
.fc-tax-venue {
    font-size: 1.8em !important;
    line-height: 2em !important;
}

/* Tours Booking Calendar */
.datepick-inline.date_available {
	background: #990000 !important;
}

/* Donate page */

.donate-block {
	background:#efefef;
	border:15px solid #fff;
	padding: 15px;
}
.donate-block p {
	font-size: 1.5em;
}

/* Survey page */


.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 300%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.Skin {
    background-color: #ffffff !important;
}
#LogoContainer {
	display: none !important;
}

/* Timeline */

h3.tl-headline-date {
	font-size: 1.5em !important;
}

/*------------------------------------*\
    IMAGES AND VIDEO
\*------------------------------------*/

.attachment-post-thumbnail {
    margin-bottom: 30px;
}
body.archive img.wp-post-image {
	float: left;
	padding: 0 20px 10px 0;
}

 /* 40th anniversary tooltip */
[tooltip] {
  position: relative;
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; 
  font-size: 1.4em; 
  line-height: 1.4em;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 10px solid transparent; 
  z-index: 1001;
}
[tooltip]::after {
  content: attr(tooltip); 
  text-align: center;
  min-width: 18em;
  max-width: 30em;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
.header [tooltip]:hover::before,
.header [tooltip]:hover::after {
  display: none;
	margin-top: -50%;
	margin-left: 1em;
}

/* only show tooltip on homepage */
body.page-template-home .header [tooltip]:hover::before,
body.page-template-home .header [tooltip]:hover::after {
  display: block;
	margin-top: -50%;
	margin-left: 1em;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(-1em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 

[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*------------------------------------*\
    VISUAL COMPOSER OVERRIDES
\*------------------------------------*/

.vc_btn3.vc_btn3-color-danger,
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat {
    background-color: #990000 !important;
}
.vc_btn3.vc_btn3-color-success,
.vc_btn3.vc_btn3-color-success.vc_btn3-style-flat {
    background-color: #01835F !important;
}
.vc_btn3.vc_btn3-color-primary,
.vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {
    background-color: #006798 !important;
}
.vc_btn3:hover {
    opacity: 0.8;
}
.vc_gitem-post-data-source-post_date div {
    font-size: 1.3em;
    font-weight: bold;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
    background: #cdcdcd !important;
    border: 1px solid #fff !important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a:hover {
    background: #444 !important;
    border: 1px solid #fff !important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a:hover span {
    color: #fff !important;
}
.vc_btn3.vc_btn3-color-default,
.vc_btn3.vc_btn3-color-default.vc_btn3-style-flat {
    background-color: #cdcdcd !important;
}
.fa-adjust:before {
    color: #fff !important;
}

.sidebar .vc_btn3-block.vc_btn3-size-md {
    margin-bottom: -10px !important;
}
/*------------------------------------*\
	FORM ELEMENTS
\*------------------------------------*/

button {
    padding: 11px 21px;
    border: 0px;
    background: #990000;
    color: #fff;
}
button:hover {
    background: #444;
    color: #fff;
}
input {
    padding: 10px 20px;
    border: 0px;
    background: #efefef;
    color: #222;
    font-size: 1.2em;
    min-width: 50%;
}
.bloodtype a.vc_btn3 {
    padding: 13px 15.5px;
    border: 0px;
    background: #990000;
    color: #fff;
    font-size: 20px;
    margin-top: -20px;
}
.sidebar .vc_btn3.vc_btn3-size-lg,
body.home .vc_btn3.vc_btn3-size-lg {
    margin: 0 0 -10px 0 !important;
}
input.search-input,
button.search-submit {
    font-size: 1.5em !important;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width: 1023px) {
    body.page-template-home .header {
    margin-bottom: 50px;  /*added for 40th anniversary logo */
	}
	.header {
    margin-bottom: 80px; /*added for 40th anniversary logo */
	}
	.header-widget-1 p {
        font-size: 1.6em;
    }
		nav {
		margin-top: 0px;
	}
/* Added logo padding for 40th anniversary */
	    .logo {
        padding: 15px 0 15px 0;
    }
}
@media only screen and (max-width: 899px) {
    html, body {
        font-size: 9px;
    }

    body.page-template-home .header {
        margin-bottom: 0px;
    }
    header {
        margin-bottom: 20px !important;
    }
    .flex-direction-nav {
        display: none;
    }
    main,
    .sidebar {
        float: left;
        clear: both;
        width: 100%;
    }
    .sidebar {
        margin-left: 0%;
    }
    .appt-btns {
        display: none;
    }
	img.alignleft, img.alignright {
		float:none;
		clear:both;
		width:100%;
		margin: 0;
		padding-bottom: 20px;
	}

    .appointment-buttons {
        display: none !important;
    }
    .header-widget-phone-social {
        display: block;
    }
	.social-icon-bar .icon {
		font-size: 1.8rem;
		line-height: 3rem;
		width: 2.8rem;
		height: 2.8rem;
	}
    .phone {
        display: block;
        float: left;
        height: 60px;
        max-width: 40%;
    }
    .mobile-social {
        display: block;
        float: right;
        height: 80px;
        max-width: 60%;
    }
    div.top-right {
        display: none;
    }
	/*40th Anniversary*/
    .logo {
        padding: 15px 0 25px 0;
    }
/*
	.logo {
        padding: 15px 0 15px 0;
    }
	.logo-img {
        width: 225px;
    }
*/
    button#responsive-menu-button {
        background: #444 !important;
		width: 40px !important;
		height: 40px !important;
		right: 2% !important;
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
        font-size: .9em !important;
    }
    .hidden-search {
        background: #444;
        padding: 1.5% 1% 1% 1%;
        text-align: center;
    }
    .hidden-search input.search-input {
        width: 70%;
    }
    .hidden-search button.search-submit {
        width: auto;
    }
    .header-widget-mobile-appointments {
        display: block;
		clear: both;
    }
    .make-appointment-sidebar {
        display: none;
    }
	.news-promos {
        padding-top: 0px;
		margin-top: -50px;
    }
    .sidebar .vc_btn3-block.vc_btn3-size-lg {
        display: none;
    }
    .footer,
    .footer-top {
        display: block;
        width: 100%;
    }
    .footer-widget-1,
    .footer-widget-2,
    .footer-widget-3 {
        display: inline-block;
        width: 100%;
        font-size: .9em;
        line-height: 1em;
    }
	.footer-widget-1 div,
    .footer-widget-2 div,
	.footer-widget-3 div {
		margin: 3rem 0;
	}
	.footer-widget-1 h3 {
		margin-bottom: 2.3rem;
	}
}
@media only screen and (max-width: 1440px) {
    .wrapper,
    .footer-wrap {
        max-width: 1024px;
        width: 95%;
        margin: 0 auto;
    }
    body {
        font-size: 9px;
    }
    nav ul li a {
        line-height: 1.5em;
    }
	.fc-header-title {
    	margin: -40px auto 0 !important;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	
} 



@media only screen and (max-width: 480px) {
    html, body {
        font-size: 11px;
    }
    p,
    li,
    td {
        font-size: 1.6em;
        line-height: 1.4em;
        letter-spacing: 0.01em;
        padding: 0;
        margin: 10px 0;
    }
    .phone p {
        font-size: 1.25em;
        padding: 20px 0 0;
    }
	    .news-promos {
        border-top: 1px solid #cdcdcd;
        padding-top: 20px;
    }
	.social-icon-bar .icon {
		font-size: 1.2rem;
		line-height: 2.4rem;
		width: 2.2rem;
		height: 2.2rem;
	}
	/*40th Anniversary*/
	[tooltip]::before,
	[tooltip]::after {
  		text-transform: none; 
  		font-size: 1.1em; 
  		line-height: 1.1em;
	}
	.fc-header-title {
    	margin: 0px auto !important;
	}}

/* Landscape */
@media only screen  
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	    .news-promos {
        padding-top: 0px;
		margin-top: -50px;
    }
}


/*------------------------------------*\
    WOOCOMMERCE OVERRIDES
\*------------------------------------*/

.woocommerce div.product form.cart div.quantity {
	display: none !important;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #990000;
    padding: 10px;
    border-radius: 0px;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-color: #444444;
}

.woocommerce .woocommerce-breadcrumb {
	display: none;
}
.woocommerce form input {
	font-size: .9em !important;
}
.woocommerce table.shop_table th {
    font-size: 1.4em;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    display: block !important;
}

.woocommerce button.button {
	font-weight: normal;
	font-size: 1.2em;
}

.woocommerce-form-coupon button.button {
	font-size: .9em;
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
.my-counter-div {
    display: block;
    text-align: center;
    font-size: 2.8em;
    font-weight: normal;
    margin: 0 auto;
    padding: 3px 20px;
}
.counter {
    color: #990000 !important;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}