/*
	Theme Name: SBC
	Theme URI: https://stanfordbloodcenter.org
	Description: SBC WordPress Theme
	Version: 1.4.4
	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;
}

@font-face {
    font-family: 'Source Sans Pro-Bold';
    src: url('fonts/SourceSansPro-Bold.woff2') format('woff2'), url('fonts/SourceSansPro-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Source Sans Pro-It';
    src: url('fonts/SourceSansPro-It.woff2') format('woff2'), url('fonts/SourceSansPro-It.woff') format('woff');
}
@font-face {
    font-family: 'Source Sans Pro-Regular';
    src: url('fonts/SourceSansPro-Regular.woff2') format('woff2'), url('fonts/SourceSansPro-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Source Sans Pro-BoldIt';
    src: url('fonts/SourceSansPro-BoldIt.woff2') format('woff2'), url('fonts/SourceSansPro-BoldIt.woff') format('woff');
}


html, body {
    font-family: 'Source Sans Pro-Regular', Arial, sans-serif;
    color: #444;
    font-size: 10px;
}

em {font-family: 'Source Sans Pro-It', Arial, sans-serif; color: inherit;}
strong {ont-family: 'Source Sans Pro-Bold', Arial, sans-serif; color: inherit;}
strong em {ont-family: 'Source Sans Pro-BoldIt', Arial, sans-serif; color: inherit;}
em strong {ont-family: 'Source Sans Pro-BoldIt', Arial, sans-serif; color: inherit;}

/* 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;
}
.flex-caption h2 a{
    color: #444;
    text-decoration: none;
    font-size: 2.8rem;
}

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

.alignnone {
    margin: 5px 20px 20px 0 !important;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right !important;
    margin: 5px 0 20px 20px !important;
}
.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
\*------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0 0 1rem 0;
}
h1 {
    font-size: 3.4em;
    text-transform: uppercase;
}
h2 {
    font-size: 2.6em;
    text-transform: uppercase;
    color: #C91F42;
}
h3 {
    font-size: 2.2em;
    text-transform: uppercase;
	line-height: 3rem;
}
h4 {
    font-size: 1.8em;
    text-transform: uppercase;
}
h4.hashtag {
	text-transform: none;
	font-size: 1.8em;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
h4.hashtag a {
	color:#C91F42;
}
h5 {
    font-size: 1.6em;
    text-transform: uppercase;
    margin-bottom: 5px;
}
h1.title {
    margin-bottom: 2rem;
}
p,
li,
td {
    font-size: 2em;
    line-height: 1.55em;
    letter-spacing: 0.01em;
}


.sidebar p,
.sidebar li,
.wpb_widgetised_column p,
.wpb_widgetised_column li {
    font-size: 1.8em;
    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: #C91F42;
    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: 90px;
}
body.page-template-home .header {
    margin-bottom: 50px;
}
.header-widget-mobile-appointments {
    display: none;
}
.header-widget-phone-social {
    display: none;
}
.header-widget-translate {
    display: none;
}
.top-right {
    float: right;
    width: 50%;
    text-align: right;
    padding: 10px 0 0 0;
    margin-top: 0px;
}
.header .top-right {
    max-width: 500px;
}
.header .search {
    display: flex;
    align-items: flex-end;
    width: 100%;
}
.header .search .search-input {
    flex: 1;
}
.header .search button.search-submit {
    width: 64px;
    max-width: 64px;
}
.header-widget-2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/*
.header-widget-2-col-1 {

}
.header-widget-2-col-2 {

}
*/
.header-widget-2-col-1 div#text-61.widget_text {
    margin-top: 13px;
}
.header-widget-2-col-2  .social-icon-bar {
    margin-bottom: 5px;
}
.header-donor-store {
    margin-top: 10px;
    text-align: left;
}
.header-donor-store a {
    font-size: 13px;
    display: inline-block;
    margin-top: 2px;
    border-radius: 3px;
    border: solid #c92042 1px;
    padding: 3px 8px 4px 8px;
    color: #c92042;
}
.header-donor-store-icon {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 4px solid #c92042;
    border-bottom: 4px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-left: 2px;
}
.header-donor-store a:hover {
    background-color: #c92042;
    color: #fff;
}
.header-donor-store a:hover  .header-donor-store-icon {
    border-left-color: #fff;
}
.header-widget-2 img {
    width: 180px;
    height: auto;
}
div#text-61.widget_text {
	margin-top: -15px;
}
/* social media icons */

.social-icon-bar li {
    display: inline-block;
    list-style: none;
    margin-right: 2px;
}
.social-icon-bar .icon-fb, 
.social-icon-bar .icon-tw, 
.social-icon-bar .icon-in, 
.social-icon-bar .icon-li, 
.social-icon-bar .icon-yt {
    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-fb { background-color: #3b5998 }
.social-icon-bar .icon-tw { background-color: #0abcf2 }
.social-icon-bar .icon-in { background-color: #0685b7 }
.social-icon-bar .icon-li { background-color: #3f87b4 }
.social-icon-bar .icon-yt { background-color: #d93c37 }

.social-icon-bar .icon-fb:hover, 
.social-icon-bar .icon-tw:hover, 
.social-icon-bar .icon-in:hover, 
.social-icon-bar .icon-li:hover, 
.social-icon-bar .icon-yt: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 i {
    color: #fff;
}

/* inline */
.social-icon-bar-inline li {
    display: inline-block;
    list-style: none;
    margin-right: 2px;
}
.social-icon-bar-inline .icon-fb, 
.social-icon-bar-inline .icon-tw, 
.social-icon-bar-inline .icon-in, 
.social-icon-bar-inline .icon-li, 
.social-icon-bar-inline .icon-yt {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    font-size: 2.6rem;
    color: #ffffff;
    line-height: 4.1rem;
    text-align: center;
    background-color: #C91F42;
}
.social-icon-bar-inline .icon-fb { background-color: #3b5998 }
.social-icon-bar-inline .icon-tw { background-color: #0abcf2 }
.social-icon-bar-inline .icon-in { background-color: #0685b7 }
.social-icon-bar-inline .icon-li { background-color: #3f87b4 }
.social-icon-bar-inline .icon-yt { background-color: #d93c37 }

.social-icon-bar-inline .icon-fb:hover, 
.social-icon-bar-inline .icon-tw:hover, 
.social-icon-bar-inline .icon-in:hover, 
.social-icon-bar-inline .icon-li:hover, 
.social-icon-bar-inline .icon-yt:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background: #555;
}
.social-icon-bar-inline i {
    color: #fff;
}


/* logo */

.logo {
    padding: 35px 0 68px 0;
}
.logo-img {
    width: 325px;
    height: auto;
}

/* nav */

nav {
    width: 100%;
    position: absolute;
    z-index: 100;
	margin-top: 60px;
}
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;
}
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: #C91F42;
    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: #C91F42;
    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.3rem;
	line-height: 1.6rem;
    text-align: center;
    padding: 20px;
    color: #a1a1a2;
}
.copyright a:hover {
	color: #efefef !important;
}
.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%;
	margin-top: 20px;
}
.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: #C91F42 !important;
}
.gray {
    background: #777 !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;
}

.application-link {
	font-size: 1.6em;
	font-weight: bold;
}


/* 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: #C91F42 !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;
	width:40%;
}

.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: #C91F42 !important;
}
.vc_btn3.vc_btn3-color-success,
.vc_btn3.vc_btn3-color-success.vc_btn3-style-flat {
    background-color: #77C58C !important;
}
.vc_btn3.vc_btn3-color-primary,
.vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {
    background-color: #01A6B2 !important;
}
.vc_btn3.vc_btn3-color-mulled-wine,
.vc_btn3.vc_btn3-color-mulled-wine.vc_btn3-style-flat {
    background-color: #704970 !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;
}

.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md {
    font-size: 1.8em !important;
}
.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg {
    font-size: 2.2em !important;
}
/*------------------------------------*\
	FORM ELEMENTS
\*------------------------------------*/

button {
    padding: 11px 21px;
    border: 0px;
    background: #C91F42;
    color: #fff;
}
button:hover {
    background: #444;
    color: #fff;
}
a.button-large-50 {
	display: block;
	width: 100%;
	vertical-align: middle;
  	height: 100%;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	padding: 10px 20px;
	border: 0px;
	outline: none;
	text-decoration: none;
}
.red {background: #EF3E42;}
.blue {background: #01A6B2;}
.green {background: #77C58C;}
.gray {background: #777;}
.red:hover, .blue:hover, .green:hover, .gray:hover {
	background: #555 !important;
}
a.button-xl {
	display: block;
	width: auto;
	background: #ef3e42;
	color: #fff;
	font-size: 3.4rem;
	line-height: 4rem;
	text-align: center;
	padding: 40px 60px;
	border: 0px;
	outline: none;
	text-decoration: none;
}
a.button-xl:hover {
	background: #555;
}
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: #C91F42;
    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;
}
.wpforms-form button[type=submit] {
    color: #ffffff !important;
    font-size: 1.5em !important;
}
#google_language_translator select.goog-te-combo {
	background: #444 !important;
	color:#fff !important;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width: 1023px) {
    
	.header-widget-1 p {
        font-size: 1.6em;
    }
		nav {
		margin-top: 20px;
	}
	.logo {
        padding: 35px 0 77px 0;
    }
	.slider {
	margin-top: 0px;
	margin-bottom: 0px;
	}
}
@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;
    }
	.slider {
	margin-top: 0px;
	}
    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;
		clear:both;
    }
	.header-widget-translate {
        display: block;
		clear:both;
		padding: 15px 0 0 0;
    }
	.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;
    }

	.logo {
        padding: 25px 0 0 0;
    }
	.logo-img {
        width: 225px;
    }
    
    button#responsive-menu-button {
        background: #444 !important;
		width: 40px !important;
		height: 40px !important;
		right: 2% !important;
    }
    .vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg {
    font-size: 1.8em !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;
	}
	.logo-img {
        width: 300px;
    }
	.slider {
	margin-top: 30px;
	}
}

@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: 12px;
    }
    p,
    li,
    td {
        font-size: 1.8em;
        line-height: 1.6em;
        letter-spacing: 0.01em;
        padding: 0;
        margin: 10px 0;
    }
	header {margin-bottom: 0px !important;}
    .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;
	}
	
	.fc-header-title {
    	margin: 0px auto !important;
	}
    .logo-img {
        width: 225px;
    }
	a.button-large-50 {
		font-size: 1.4rem !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: #C91F42;
    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: #C91F42 !important;
}
.flex-direction-nav .flex-next {
    right: 0 !important;
    text-align: right;
}

/*------------------------------------*\
    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;
    }
}