/* ===================================== Site Name: Chiro One Wellness Centers Author: 3five Designs 2014 Copyrights reserved ==============;========================== */ @import url("//hello.myfonts.net/count/28e92f"); @font-face {font-family: 'AvenirLTStd-Heavy';src: url('/stylesheets/fonts/28E92F_0_0.eot');src: url('/stylesheets/fonts/28E92F_0_0.eot?#iefix') format('embedded-opentype'),url('/stylesheets/fonts/28E92F_0_0.woff') format('woff'),url('/stylesheets/fonts/28E92F_0_0.ttf') format('truetype');} @font-face {font-family: 'icomoon'; font-weight: normal; font-style: normal;src:url('/stylesheets/fonts/icomoon.eot');src:url('/stylesheets/fonts/icomoon.eot?#iefix') format('embedded-opentype'),url('/stylesheets/fonts/icomoon.ttf') format('truetype'),url('/stylesheets/fonts/icomoon.woff') format('woff'),url('/stylesheets/fonts/icomoon.svg#icomoon') format('svg');} * {position: relative; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;} audio,canvas,video {display: inline-block; *display: inline; *zoom: 1;} audio:not([controls]) {display: none; height: 0;} [hidden] { display: none;} /* BASE */ html {font-size: 90%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; line-height: 1em;} abbr[title] { border-bottom: 1px dotted;} address {font-style: normal; display: inline;} b, strong, .bold {font-weight: bold;} .thin {font-weight: normal !important;} i, em, .italic, dfn, blockquote, .quote {font-style: italic;} blockquote {margin: 1em 40px;} q {quotes: none;} q:before,q:after { content: '';content: none;} mark {background: #ff0; color: #000;} code,kbd,pre,samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;} pre {margin: 1em 0; white-space: pre; white-space: pre-wrap; word-wrap: break-word;} hr {border: none; border-top: 1px solid #cccccc; margin-bottom: 15px;} img {border: 0;-ms-interpolation-mode: bicubic;} .full-width img {width: 100%; margin-bottom: 15px;} svg:not(:root) {overflow: hidden;} table {border-collapse: collapse; border-spacing: 0;} iframe {width: 100%; margin-bottom: 15px;} dl,menu,ol,ul {margin: 0 0 15px;} dd {margin: 0 0 0 40px;} menu, ol, ul {padding: 0 0 0 40px;} nav ul, nav ol, .sidebar ul, .slider ul {list-style: none;list-style-image: none; padding: 0; margin: 0;} .content li {margin-bottom: 5px; line-height: 1.3em;} small {font-size: 75%;} sub, sup {font-size: 75%;line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} p {margin: 0 0 1em 0; line-height: 1.3em;} /*-webkit-hyphens: auto; -epub-hyphens: auto; -moz-hyphens: auto; hyphens: auto;*/ .lato { font-family: 'Lato' !important;} .WWFont { font-family: 'Marck Script', cursive;} .HWHFont { font-family: 'Nothing You Could Do', cursive; } /* ICONS */ [class*="icon-"] {font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-envelope-alt:before {content: "\e606";} .icon-chevron-up:before {content: "\e620";} .icon-chevron-down:before {content: "\e621";} .icon-chevron-left:before {content: "\e603";} .icon-chevron-right:before {content: "\e607";} .icon-print:before {content: "\e60f";} .icon-angle-left:before {content: "\e608";} .icon-angle-right:before {content: "\e610";} .icon-angle-up:before {content: "\e611";} .icon-angle-down:before {content: "\e616";} .icon-youtube:before {content: "\e612";} .icon-calendar:before {content: "\e602";} .icon-home:before {content: "\e600";} .icon-phone:before {content: "\e617";} .icon-fax:before {content: "\e60f";} .icon-comment:before {content: "\e601";} .icon-search:before {content: "\e604";} .icon-clock:before {content: "\e609";} .icon-office:before {content: "\e60a";} .icon-facebook:before {content: "\e60b";} .icon-twitter:before {content: "\e60c";} .icon-pinterest:before {content: "\e60d";} .icon-linkedin:before {content: "\e622";} .icon-user:before {content: "\e60e";} .icon-x:before {content: "\e618";} .icon-arrow-right:before {content: "\e619";} .icon-plus:before {content: "\e605";} .icon-star:before {content: "\e613";} .icon-map-marker:before {content: "\e614";} .icon-plus:before {content: "\e615";} .icon-th-menu:before {content: "\e61a";} .icon-Review:before {content: "\e61b";} .icon-Spine:before {content: "\e61c";} .icon-Cal2:before {content: "\e61d";} .icon-Cal1:before {content: "\e61e";} .icon-Blog:before {content: "\e61f";} /* LINKS */ a {color: #6e95c5; text-decoration: none;} a:hover {color: #005195;} a:focus, a:active, a:hover {outline: none;} a:link {-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);} /* FORMS */ .form-row {margin-bottom: 10px;} fieldset {border: none; padding: 0;} legend {border: 0; white-space: normal; *margin-left: -7px;} button,input,select,textarea {font-size: 100%; color: #777777; vertical-align: baseline; *vertical-align: middle; -webkit-appearance: none !important;} button:focus, input:focus, textarea:focus, select:focus,input:invalid, textarea:invalid, select:invalid {outline: none; -webkit-box-shadow: none; box-shadow: none;} button, html input[type="button"],input[type="reset"], input[type="submit"] {-webkit-appearance: none; cursor: pointer; *overflow: visible;} button[disabled],input[disabled] {cursor: default;} input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;} input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;} input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, .input-holder {border-radius: 15px; border: 2px solid #e7e7e7; padding: 8px 10px; width: 100%;} .input-holder {overflow: hidden; padding-top: 8px;} .input-holder select, .input-holder input[type="text"], .input-holder input[type="email"], .input-holder input[type="tel"], .input-holder input[type="password"]{border: none; padding: 0;} .input-holder select {width: 118%; cursor: pointer; background: none !important; height: 17px; padding-top: 0px;} .input-holder span {position: absolute; right: 10px; top: 25%;} optgroup {border-top: 1px solid #cccccc; padding: 5px 0;} textarea {overflow: auto; vertical-align: top; resize: none; font-family: 'Lato', sans-serif; height: 165px;} ::-webkit-input-placeholder {opacity: 1 !important;} ::-moz-placeholder {opacity: 1 !important;} :-moz-placeholder {opacity: 1 !important;} ::-moz-placeholder {opacity: 1 !important;} :-ms-input-placeholder {opacity: 1 !important;} label.hide-for-placeholder {display: none;} .radio-set label {cursor: pointer; font-size: 1.1em; display: block; width: auto; padding-top: 5px; margin-bottom: 5px;} .ez-hide {opacity: 0; filter:alpha(opacity=0);} .ez-checkbox {background: transparent url('/img/form-elements.png') right top no-repeat; display:inline-block; width: 20px; height: 21px; top: 3px; } .ez-radio {background: transparent url('/img/form-elements.png') left top no-repeat; display:inline-block; width: 21px; height: 21px; top: 3px; margin-right: 5px;} .ez-checked {background-position: right bottom;} .ez-selected {background-position: left bottom;} .ez-checkbox input {width: 20px; height: 21px; cursor: pointer;} .ez-radio input {width: 21px; height: 21px; cursor: pointer;} .captchaimg {float: left; margin: 3px 10px 3px 0;} #frmAppointment fieldset, #frmAppointment h1 {border-bottom: 1px solid #cccccc; padding-bottom: 20px; margin-bottom: 30px; width: 100%;} #frmAppointment span.field-validation-error {display: block;} #frmAppointment legend, #frmAppointment .legend {font-size: 1.4em; line-height: 1.15em; color: #a6cc65; font-family: 'AvenirLTStd-Heavy';} #frmAppointment label {display: block; font-weight: bold;margin-bottom: 3px;} #frmAppointment .offer h2 {color: #777777; font-size: 1.2em;} #frmAppointment #payment-option .form-row {height: 20px;} /* BUTTONS */ .button, a.button {border: none; border-radius: 20px; color: #ffffff; font-family: 'Lato'; font-weight: 700; font-size: 1.15em; padding: 10px 35px;} .button.small {padding: 5px 15px; border-radius: 15px; font-size: 1em;} .button.xsmall {padding: 3px 12px; border-radius: 12px; font-size: .8em;} .button.gray {background: #909090; background: -moz-linear-gradient(top, #a1a1a1 50%, #909090 50%);background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#a1a1a1), color-stop(50%,#909090));background: -webkit-linear-gradient(top, #a1a1a1 50%,#909090 50%);background: -o-linear-gradient(top, #a1a1a1 50%,#909090 50%);background: -ms-linear-gradient(top, #a1a1a1 50%,#909090 50%);background: linear-gradient(to bottom, #a1a1a1 50%,#909090 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#909090',GradientType=0 );} .button, .button.green {background: #aad167; background: -moz-linear-gradient(top, #b7d87e 50%, #aad167 50%);background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#b7d87e), color-stop(50%,#aad167));background: -webkit-linear-gradient(top, #b7d87e 50%,#aad167 50%);background: -o-linear-gradient(top, #b7d87e 50%,#aad167 50%);background: -ms-linear-gradient(top, #b7d87e 50%,#aad167 50%);background: linear-gradient(to bottom, #b7d87e 50%,#aad167 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7d87e', endColorstr='#aad167',GradientType=0 );} .button:hover, a.button:hover {color: #ffffff; background: #7f9cc7; background: -moz-linear-gradient(top, #92abcf 50%, #7f9cc7 50%);background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#92abcf), color-stop(50%,#7f9cc7));background: -webkit-linear-gradient(top, #92abcf 50%,#7f9cc7 50%);background: -o-linear-gradient(top, #92abcf 50%,#7f9cc7 50%);background: -ms-linear-gradient(top, #92abcf 50%,#7f9cc7 50%);background: linear-gradient(to bottom, #92abcf 50%,#7f9cc7 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92abcf', endColorstr='#7f9cc7',GradientType=0 );} .button .icon-arrow-right {top: 2px;} .button.disabled, .button.disabled:hover {background: #cccccc; color: #dddddd; cursor: default;} .button-wrap input[type="submit"] {background: #aad167; background: -moz-linear-gradient(top, #b7d87e 50%, #aad167 50%);background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#b7d87e), color-stop(50%,#aad167));background: -webkit-linear-gradient(top, #b7d87e 50%,#aad167 50%);background: -o-linear-gradient(top, #b7d87e 50%,#aad167 50%);background: -ms-linear-gradient(top, #b7d87e 50%,#aad167 50%);background: linear-gradient(to bottom, #b7d87e 50%,#aad167 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7d87e', endColorstr='#aad167',GradientType=0 ); border: none; border-radius: 20px; color: #ffffff; font-family: 'Lato'; font-weight: 700; font-size: 1.15em; padding: 10px 35px;} .button-wrap input[type="submit"]:hover {color: #ffffff; background: #7f9cc7; background: -moz-linear-gradient(top, #92abcf 50%, #7f9cc7 50%);background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#92abcf), color-stop(50%,#7f9cc7));background: -webkit-linear-gradient(top, #92abcf 50%,#7f9cc7 50%);background: -o-linear-gradient(top, #92abcf 50%,#7f9cc7 50%);background: -ms-linear-gradient(top, #92abcf 50%,#7f9cc7 50%);background: linear-gradient(to bottom, #92abcf 50%,#7f9cc7 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92abcf', endColorstr='#7f9cc7',GradientType=0 );} /* TOOL CLASSES */ .clearfix {zoom: 1;} .clearfix:before, .clearfix:after {content: ""; display: table;} .clearfix:after, .clear {clear: both;} .clear {display: block;} .alignleft, .leftalign {text-align: left;} .aligncenter, .centeralign {text-align: center;} .alignright, .rightalign {text-align: right;} .floatleft {float: left; margin-right: 2%;} .floatright {float: right; margin-left: 2%;} .show0 {display: none !important;} .show1, .show1.block {display: block;} .show1.inline {display: inline;} .show1.inline-block,.inline-block {display: inline-block;} .show-desktop, .hide, .hidden, .hide-mobile {display: none;} .green-text {color: #a6cc65 !important;} .white-text {color: #ffffff !important;} .gray-text {color: #777777 !important;} .black-text {color: #222222 !important;} .orange-text {color: #DB8D0F;} .error, .error-msg, .field-validation-error, .validation-summary-errors {color: #DB8D0F; background: none;} .white80 {background: rgba(255,255,255,.8);} .border {border: 0 solid #eeeeee;} /* BASE (MOBILE) SIZE */ body {background: #2d2d2d; color: #eeeeee; min-width: 320px; font-family: 'Lato', sans-serif; font-weight: 400;} #skips {display: none;} #head, #main {background: #ffffff; color: #777777; width: 100%;} #main > .wrap {padding-bottom: 30px;} #main.internal {border-top: 1px solid #cccccc; padding-top: 30px;} #foot {width: 100%;} .wrap {width: 96%; margin: 0 auto;} .wrap50 {width: 50%; margin: 0 auto;} .columns3 {padding-left: 30px;} /* FULL WINDOW POP UP */ #dkpopup { background: rgba(0,0,0,0.85); position: fixed; z-index: 90000; display: none; width: 100%; height: 100%; } #dkpopup #msgpopup { border: 10px solid #fff; position: relative; display: block; margin: 0 auto; } #dkpopup #msgpopup #vidDiv { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; } #dkpopup #msgpopup #clsbtn { font-weight: 600; font-size: 1.3em; color: #fff; background-color: #C00; border: 5px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 10px; position: absolute; top: -28px; right: -30px; z-index: 10; cursor: pointer; } /* HEADINGS */ h1, h2, h3, h4, h5 {font-family: 'AvenirLTStd-Heavy'; font-weight: normal; text-rendering: optimizelegibility; margin-bottom: 0.25em; margin-top:1.5em} h1 *, h2 *, h3 *, h4 *, h5 * {font-size: inherit; font-family: inherit; font-weight: inherit; font-style: inherit; color: inherit; text-decoration: none;} h1 a, h2 a, h3 a, h4 a, h5 a {color: #a6cc65;} h1 {font-size: 2.5em; line-height: 1.3em;} h1.pg-title {font-size: 1.8em; line-height: 1.3em; color: #a6cc65;} h1.hwhH1 {color: #a6cc65;} h2.hpSlide {font-size: 2.5em; line-height: 1.3em;} h2 {font-size: 1.8em; line-height: 1.3em; color: #a6cc65;} h3 {font-size: 1.35em; line-height: 1.1em;} h4 {font-size: 1.1em; line-height: 1.1em;} h5 {font-size: 0.85em; line-height: 1em;} /* HEADER STYLES */ #head {z-index: 100; } #head #inner-header.wrap, #head nav .sub-level .wrap {width: 100%;} #head #cowc-logo {margin: 10px auto; text-align:center;} #head #cowc-logo img {max-width: 70%;} #head #cowc-logo #logo-phone {display: none;} #head .icons, #head #head-icon-search, #head #site-search, #head #site-search label {display: none;} #head #site-search input::-ms-clear {display: none;} #head ul {margin: 0 auto;} #head #mobile-icons ul {padding: 0; list-style: none; text-align: center; margin-bottom: 20px;} #head #mobile-icons ul li {display: block; padding: 20px 5% 0 5%; text-align: left; } #head #mobile-icons ul li a {display: inline-block; width: 41px; height: 41px; background-image: url('/img/icon-sprite.png'); background-repeat: no-repeat; margin-right: 10px; vertical-align: middle;} #head #mobile-icons ul li div {display: inline-block; font-size: 1.3em; } #head #mobile-icons ul li.schedule a {background-position: 0 0;} #head #mobile-icons ul li.schedule a:hover {background-position: 0 -42px;} #head #mobile-icons ul li.faq a {background-position: 0 -84px;} #head #mobile-icons ul li.faq a:hover {background-position: 0 -126px;} #head #mobile-icons ul li.neps a {background-position: 0 -84px;} #head #mobile-icons ul li.neps a:hover {background-position: 0 -126px;} #head #mobile-icons ul li.about a {background-position: -42px -84px;} #head #mobile-icons ul li.about a:hover {background-position: -42px -126px;} #head #mobile-icons ul li.contact a {background-position: -85px -84px;} #head #mobile-icons ul li.contact a:hover {background-position: -85px -126px;} #head #site-search-mobile { margin: 10px auto; display: none; } #head #site-search-mobile .search-box { display: block; margin: 0 auto; } #head #site-search-mobile .search-box input[type="text"] { width:76%; border-radius: 0px; line-height: 2.2em; padding: 5px 10px; border: 1px solid #e7e7e7; border-top-left-radius: 50px; border-bottom-left-radius: 50px; border-right:0;} #head #site-search-mobile .search-box input[type="submit"] { line-height: 2.2em; width: 20%; border: 1px solid #e7e7e7; background-color: #005195; color: #fff; border-top-right-radius: 50px; border-bottom-right-radius: 50px; padding: 5px;} div#LP_DIV_1432287908624{color: #777777 !important; font-size: 12px !important; font-family: 'Lato' !important; line-height: 1.1em;} /*LIVE CHAT */ /* NAVIGATION STYLES */ #head nav {display: none; position:absolute; width: 75%; background: #ffffff; box-shadow: 0 0 5px #cccccc; border-top: 1px solid #eee;} #head nav.open {display: block; top: 100px; } .home #head nav {position: static; width: 100%; box-shadow: none;} #head #open-menu {position: absolute; top: 25px; padding-top: 3px; left: 4%; border: none; background: #fff; cursor: pointer; z-index: 100;} #head #open-menu .icon-th-menu {font-size: 2.75em; color: #AAD167;} #head nav ul li a {color: #777777; text-transform: uppercase;} #head nav ul li > a:hover {color: #005195;} #head nav ul ul li a:hover {color: #6e95c5;} #head nav > ul > li {width: 100%; border-bottom: 1px solid #eee; text-align: left;} /*#head nav > ul ul li {width: 100%; border-top: 1px solid #cccccc; background: #f5f5f5;}*/ #head nav > ul ul li {width: 100%; background: #f5f5f5;} #head nav > ul > li > a {font-size: 1.2em; display: block; padding: 15px 0 15px 10%; width: 75%;} .home #head nav > ul > li > a {font-size: 1.2em;} #head nav ul ul li a {font-size: 1em; display: block; padding: 15px 0 15px 14%;} .home #head nav ul ul li a {font-size: 1em; } #head nav ul li span.ico {font-size: 1.75em; position: absolute; right: 0; top: 11px; width: 25%; cursor: pointer; text-align: center;} .home #head nav ul li span.ico {font-size: 2em; top: 9px;} #head nav ul li.hide-mobile, #head nav ul .sub-level {display: none;} #head nav ul .sub-level.open {display: block;} #head-search-wrap .accessNav { color: #777; font-weight: 600; font-size: 1em; display: inline-block; float: right; width: auto; margin-left: 10px;} /* CALL OUT BOXES */ .cob-lb { border-left: 1px solid #d2d2d2; } .cob-rb { border-right: 1px solid #d2d2d2; } .cob-fl { float: left; margin: 10px 30px 30px 0px; } .cob-fr { float: right; margin: 10px 0px 30px 30px; } .calloutbox { position: relative; padding: 40px; width: 100%; max-width: 450px; color: #fff; background: #369; } .calloutbox h3 { color: #a6cc65; line-height: 1.2em; } /* CONTENT STYLES */ #main {z-index: 0; } header.page-header h1 {margin: 0; font-size: 1.75em; line-height: 1.1em;} header.page-header #blogIntro {font-size: 1em; display: block; margin: 0px;} .home header.page-header .white-text {color: #fff !important;} .home header.page-header h1, .home header.page-header p {text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important; } .landing header.page-header {background: #f0f0f0; padding: 10px; margin-bottom: 20px;} .landing header.page-header .white80 {text-align: center;} .internal header.page-header {border-bottom: 1px solid #e0e0e0; margin-bottom: 15px;} .internal header.page-header h1 {color: #a6cc65; } .internal header.page-header p.subtitle {font-size: 1.1em; margin-bottom: 10px; font-style: italic;} header.page-header p.subtitle a {color: #777777;} nav.nav-to {font-size: .8em; margin-bottom: 8px;} nav.nav-to em {top: -6px; padding-right: 10px;} nav.nav-to .input-holder {display: inline-block; border: 1px solid #A6CC65; padding: 0px 6px 3px; overflow: hidden; border-radius: 15px;} nav.nav-to .input-holder select {width: 105%;} nav.nav-to .input-holder.short {width: 215px;} nav.nav-to .input-holder select {width: 113%;} nav.nav-to .input-holder span {right: 6px; } #locations-page header {width: 100%;} #locations-page #office-search form, .green-form, #contact-page #office-search form {border-radius: 15px; background: #aad167; background: -moz-linear-gradient(top, #b7d87e 50%, #aad167 50%);background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#b7d87e), color-stop(50%,#aad167));background: -webkit-linear-gradient(top, #b7d87e 50%,#aad167 50%);background: -o-linear-gradient(top, #b7d87e 50%,#aad167 50%);background: -ms-linear-gradient(top, #b7d87e 50%,#aad167 50%);background: linear-gradient(to bottom, #b7d87e 50%,#aad167 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7d87e', endColorstr='#aad167',GradientType=0 );} #office-search form fieldset {background: url('/img/world-green-44.png') no-repeat -15px -15px; padding: 20px; border: none;} #office-search h2 {color: #ffffff; font-size: 1.4em; line-height: 1.2em; margin-left: 5px;} #office-search h2 small {font-family: 'Lato'; font-size: 90%;} .green-form .form-item {display: inline-block; width: 100%; background: rgba(255,255,255,.1); border-radius: 20px; padding: 3px; margin: 0 10px 0 0;} .green-form .input-holder {padding: 12px 10px;} .green-form .input-holder span {top: 14px; color: #909090; font-size: 1.2em;} #office-search .form-item.zip .input-holder {padding: 12px 15px;} .green-form .input-holder {margin-bottom: 3px; background: #ffffff; border-radius: 20px; border-width: 1px; border-style: solid; border-color: #aad260 #c0e18a #c0e18a #95c04a;} .green-form .input-holder input, #office-search .input-holder select {border: none; height: 18px; font-size: 1.1em; color: #909090; padding: 0;} #office-search .input-holder select {width: 113%;} .input-holder select option {background: #ffffff;} #office-search .input-holder input[type="text"] {width: 100%;} .green-form button {float: right;} #blog .subscribe {padding: 14px; margin-bottom: 10px;} #blog .subscribe h2 {color: #ffffff; font-size: 1.6em; margin: 0;} #blog .subscribe p {color: #ffffff; margin-bottom: 4px;} #blog .subscribe label.captcha-label {display: block; margin-bottom: 4px; color: #ffffff;} #blog .green-form .input-holder {padding: 6px 10px; margin-bottom: 4px;} #blog .green-form .input-holder input {font-size: 1em;} #blog .subscribe .button {margin-top: 4px;} #blog article.post + .clear {width: 100%;} #id17118 #blog .subscribe, #id17118 #blog .categories, #id17118 #blog .mobile-cats {display: none !important;} .home #HPClinicListWrap { display: block; width: 100%; border-top: 1px solid #555; } .home #HPClinicListWrap h1 { color: #666; display: block; width: 98%; text-align: center; padding: 0px; margin: 10px auto 0px auto; font-size: 1.4em; } .home #HPClinicListWrap #ClinicList { width:98%; -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; column-count: 3; column-gap: 10px; margin: 5px auto; } .home #HPClinicListWrap #ClinicList p {padding: 0px; margin: 0px; display: block; font-size: 1em;} #home-slider {height: 450px; overflow: hidden;} /* Hides slider other banners on mobile */ .internal #office-search {width: 100%; margin: 0 0 20px 0; padding: 0;} .internal #office-search h2 {font-size: 1.2em; margin-left: 0px; text-align: center;} .internal #office-search h2 small {font-family: 'Lato'; font-size: 90%;} .internal #office-search form {padding: 10px;} .internal #office-search .form-item {margin: 0; padding: 2px;} .internal #office-search .form-item.distance {width: 49%; float: right;} .internal #office-search .form-item.zip {width: 49%;} .internal #office-search .form-item .input-holder {padding: 4px 2px;} .internal #office-search .form-item .input-holder span {top: 7px; right: 4px; font-size: .8em;} .internal #office-search .form-item.zip .input-holder {padding: 4px 5px;} .internal #office-search .input-holder select, .internal #locations-page #office-search .input-holder input {height: 17px; font-size: .9em; padding: 0;} .internal #office-search .input-holder select {font-size: .9em; width: 107%;} .internal #office-search .form-item.distance .input-holder select {width: 116%;} .internal #office-search button {width: 100%; display: block; float: none;} #locations-page .office-list ul {padding: 0; } #locations-page .office-list ul.results li {margin: 0 0 30px 0; list-style: none;} #locations-page .office-list ul li.sres {margin: 0 0 20px 0; list-style: none; border-bottom:1px solid #cccccc; padding-bottom: 20px;} #locations-page .office-list ul.results li em a {color: #777777;} #locations-page .office-list ul.results li .info {border-top: 1px solid #f2f2f2; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; margin: 10px 0 20px;} #locations-page .office-list ul.results li .info p {margin: 10px 12px 0 0; line-height: 1.2em; display: block;} #locations-page .office-list ul.results li .info p.phone {width: 115px; float: left;} #locations-page .office-list ul.results li .info p.address {float: left; margin-right: 0;} .info span.green-text {vertical-align: top;} #locations-page .office-list .pagination {text-align: center;} #locations-page .office-list .pagination li {display: inline; margin-bottom: 0;} #locations-page .office-list .pagination a, #locations-page .office-list .pagination .pag-current {display: inline-block; padding: 3px 10px;} #locations-page .office-list .pagination .pag-prev a, #locations-page .office-list .pagination .pag-next a {padding: 0;} #locations-page .webappmap.description {display: none;} #expect-page article, #careers-page .sections article {border-bottom: 1px solid #cccccc; padding: 20px 0 5px;} #expect-page article img, #careers-page .sections img {max-width: 100%; display: block; margin: 0 auto 15px;} #expect-page article h2, #careers-page .sections h2 {font-size: 1.25em;} #expect-page article h2 span.icon-user {font-size: .9em;} #contact-page .contact-info {margin: 40px 0;} #main .contact-info {border-bottom: 1px solid #e0e0e0;} #main .contact-info .info {border-top: 1px solid #e0e0e0; padding: 20px 0 0;} #main .contact-info .info p {display: block; margin: 0 0 20px 0; width: 100%;} #main .contact-info .info p span.green-text {font-size: 1.5em; vertical-align: bottom; margin: 0 8px 0 0; display: block; float: left;} #main .contact-info .info p.middle, #main .contact-info .info p.right {border-top: 1px solid #e0e0e0; padding-top: 20px;} #main .contact-info .info .chat #lpButDivID-1385572004269 * {font-family: 'Lato' !important; font-size: 14px !important;} #programs-page article {border-bottom: 1px solid #f2f2f2; margin-bottom: 25px;} #programs-page article h2 {margin-bottom: 10; font-size: 1.6em;} #programs-page article img {max-width: 420px; width:100%; display: block; margin: 0 auto 20px;} #office-page td.video-photo {text-align: center;} #office-page td.video-photo, #office-page td.intro {display: block; width: 100%;} #office-page .video-photo img {margin-bottom: 20px;} #office-page .video-photo .vwrapper {border: 1px solid #d2d2d2;} #office-page .video-photo .vwrapper iframe, #office-page .video-photo .vwrapper object, #office-page .video-photo .vwrapper embed {width:600px; height:372px; margin-bottom:0px;} #office-page .buttons {margin-bottom: 15px;} #office-page .buttons a.button {display: block; width: 100%; text-align: center; margin-bottom: 10px;} #office-page .buttons a.button.download {display: none;} #office-page #office-slider0 {display: none;} #office-page #office-slider1 {margin: 30px 0;} #office-page .office-info h2 {border-bottom: 1px solid #e0e0e0; font-size: 1.5em; margin: 25px 0 10px; color: #777777;} #office-page .office-info h3 {margin-top: 15px;} #office-page .office-info p.driving-directions {font-size: 1.1em; line-height: 1.5em;} .internal #doctor-page header {margin-bottom: 0;} #doctor-page blockquote {margin: 1em 0;} #doctor-page ul.facts {list-style: none; padding: 0; margin: 0 0 20px 0;} #doctor-page ul.facts li {border-bottom: 1px solid #e0e0e0; padding: 10px 0;} #doctor-page ul.facts li strong {display: block;} .internal #reviews-page header {text-align: center;} .internal #reviews-page header h1 {color: #777777; font-size: 1.4em;} #reviews-page header a.hide-desktop {display: block; width: 100%; margin-bottom: 15px;} #reviews-page .ico, #comments .ico {display: none;} #comments .stars img {display:inline-block; margin-top: 0px; width: 98px !important; height: 18px !important;} #comments .comment {border-bottom: 1px solid #e0e0e0; margin-bottom: 15px;} #comments .comment .name {font-weight: bold; text-transform:uppercase;} #comment-form {padding-top: 20px;} #comment-form h3 {margin-bottom: 30px;} #comment-form fieldset {padding-left: 12px;} #comment-form fieldset h4 {margin-top: 10px;} #thank-you-page h2 {margin-bottom: 0;} #thank-you-page a.download {display: block; text-align:center; margin-top: 30px;} #faq-page article.faq {border-bottom: 1px solid #cccccc; margin-bottom: 15px;} #faq-page article.faq h3.question {display: block; cursor: pointer;} #faq-page article.faq h3 span.ico {color: #cccccc; width: 18px; display: block; float: left; margin-right: 12px;} #faq-page article.faq .answer {display: none; margin-left: 33px;} #about-page .profile { display: block; margin: 0 auto 30px; max-width: 316px;} #about-page .profile p {color: #777777;} #about-page .profile h4, #about-page .bio h3 {margin-bottom: 0;} #about-page .profile .border {display: block; line-height: 0; text-align: center;} #about-page .profile .border:hover {border-color: #cccccc;} #about-page .bio {display: none; padding: 30px; background: #f9f9f9;} #about-page .mobile-bio {padding: 30px 15px 5px; } #about-page .bio .icon-x {position: absolute; right: 10px; top: 10px; padding: 10px; cursor: pointer;} #dcs-page .webapptable {text-align: center; margin-left: auto; margin-right: auto;} #dcs-page table tr td {display:block; vertical-align:top;} #conditions-page .content {border-bottom: 1px solid #cccccc; padding-bottom: 15px;} #conditions-page .content h3 {border-bottom: 1px solid #cccccc; margin-bottom: 30px; padding-bottom: 10px;} #conditions-page .content span.icon-angle-right {margin-right: 10px; font-size: 1.2em; vertical-align: bottom;} #conditions-page .content .columns3 a { display: block; } #condition-page #CContent img { width: 100%; } #condition-page .related-content .sixcol {margin-bottom: 30px;} #condition-page .related-content article {border-top: 1px solid #cccccc; padding: 20px 0 5px;} #condition-page .related-content article h4 {margin-bottom: 3px;} #condition-page .related-content article .quote {padding-left: 3%;} #condition-page .related-content article p.date {margin-bottom: 5px; font-size: 75%; font-style: italic;} #condition-page #success-stories .icon-star {font-size: 1.6em; vertical-align: bottom; top: 3px; display: inline-block; margin-top: -7px;} #condition-page #related-posts .icon-Blog {font-size: 1.1em;} #condition-page #related-posts img, #condition-page #related-posts img + br {display: none;} #blog article.post, #blog #blog-post {border-bottom: 1px solid #cccccc; padding-bottom: 15px; margin-bottom: 30px;} #blog #blog-post h2.post-title {margin-bottom: 0; margin-top:0} #blog #blog-post .post-content h2 {font-size: 1.5em;} #blog #blog-post .post-footer img, #blog #blog-post .post-footer iframe {width: auto; margin-bottom: 0;} #blog #blog-post .post-footer .IN-widget * {position: static;} #blog #comments h3 {border-bottom: 1px solid #cccccc; padding-bottom: 4px;} html.js #blog #pagination {display: none;} #blog #pagination {clear: both; font-weight: bold;} #infscr-loading {clear: both; font-style: italic; font-size: 1.2em;} #infscr-loading img {display: none;} #blog #blog-sidebar a.active {color: #005195;} #blog-post .post-content img {z-index: 100;} .pinit-button {display: inline-block; width: 80px;} article.search-result {border-bottom: 1px solid #cccccc; padding-bottom: 15px; margin-bottom: 15px;} article.search-result img {display: none;} #searchprev {float: left; padding: 10px;} #searchnext {float: right; padding: 10px;} #submit-success-story {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 20px 0; margin: 20px 0 0;} #FlashID {display: none;} .spineApp.button {padding: 5px 15px; font-size: 1em; border-radius: 15px; margin-bottom: 20px; display: inline-block;} /* SLIDERS */ .bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;} .bx-wrapper img {max-width: 100%;display: block;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;} .bx-wrapper .bx-loading {min-height: 50px;background: url(plugin-img/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;} .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;} .bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;} .bx-wrapper .bx-prev, #condition-slider #slider-prev {left: 10px; background: url('/img/icon-sprite.png') no-repeat -154px -162px; width: 46px; height: 74px;} .bx-wrapper .bx-next, #condition-slider #slider-next {right: 10px; background: url('/img/icon-sprite.png') no-repeat -154px -81px; width: 46px; height: 74px;} .bx-wrapper .bx-controls-direction a, #condition-slider .slider-controls a {position: absolute;top: 50%;margin-top: -37px;outline: 0;width: 46px;height: 74px;text-indent: -9999px;z-index: 50;} .bx-wrapper .bx-controls-direction a.disabled, #condition-slider .slider-controls a.disabled {display: none;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;} .bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;} .bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;} .bx-controls, .bx-controls-direction, .slider-controls {position: static;} .slider {padding: 0; margin: 0; list-style: none;} .slider .slide {height: 200px;} .slider .slide .block {background: rgba(255,255,255,0.0); height: 200px; width: 75%; padding-top: 50px; margin: 0 auto; text-align: center;} .bx-wrapper .bx-controls, #condition-slider .slider-controls {display: none;} .bx-wrapper:hover .bx-controls, #condition-slider:hover .slider-controls {display: block;} #condition-slider {margin-bottom: 30px; overflow: hidden;} /* SIDEBARS & ASIDES */ aside#ctas article {padding: 20px 0; border-bottom: 1px solid #cccccc;} aside#ctas .info {text-align: center; display: block; } aside#ctas .info .icon {background-image: url('/img/icon-sprite.png'); background-repeat: no-repeat; display: inline-block; width: 75px; height: 75px; margin-bottom: 20px;} aside#ctas .info.schedule .icon {background-position: 0 -170px;} aside#ctas .info.schedule .icon:hover {background-position: 0 -324px;} aside#ctas .info.spine .icon {background-position: -77px -170px;} aside#ctas .info.spine .icon:hover {background-position: -77px -324px;} aside#ctas .info.faq .icon {background-position: 0 -247px;} aside#ctas .info.faq .icon:hover {background-position: 0 -401px;} aside#ctas .info.chat .icon {background-position: -77px -247px;} /*aside#ctas .info.chat .icon:hover {background-position: -77px -401px;}*/ aside#ctas .info h3, aside#ctas .info p {color: #777777;} aside#ctas .info.chat small * {font-family: 'Lato' !important; font-size: 100% !important;} /* FOOTER STYLES */ #foot {z-index: 100; } #foot #site-footer {box-shadow: 0 3px 5px #222222; background: #4b4b4b;} #foot #site-footer .wrap {background: url('/img/bg-footer.png') no-repeat right bottom; padding: 30px 0;} #foot h2 {font-size: 1.3em; padding: 10px 0 0; color: #eeeeee;} #foot a {color: #eeeeee;} #foot a:hover, #foot li.selected a {color: #A4CB6E;} #foot #teamMemberLink { display:none; } #foot .contact-info > div {padding: 10px 0; border-bottom: 1px solid #999999;} #foot .contact-info > div .ico {float: left; margin-right: 10px; font-size: 1.5em; color: #2d2d2d;} #foot .contact-info > div .text {float: left;} #foot .contact-info .social a.ico {font-size: 2.5em; float: none; padding: 0px;} #foot .contact-info .social a.ico:hover {color: #6DC6E7;} #foot #legal-footer {padding: 20px 0; text-align: center;} #foot #legal-footer a, #foot #legal-footer #copyright p {color: #999999; text-transform: uppercase; font-size: .8em; } #foot #legal-footer a {padding: 0 20px 0 0;} #foot #legal-footer a:hover {color: #A4CB6E;} #LP_DIV_1432288851979 div { width: 60px !important; margin: 5px auto 0 auto !important; display: block; } #LP_DIV_1432288851979 div * {font-size: 75% !important; font-family: 'Lato' !important; line-height: 1.1em;} #LP_DIV_1432288851979 div div:hover { color: #005195 !important; } /* Banner HWH Banner Rotators - Chris Jordan */ .banner-wrap { cursor: pointer; max-width: 100%; width:100%; display:block; z-index: 0; height:450px; border:0 solid #000; font-family: 'Lato'; text-shadow: 3px 3px 30px #020b19!important; } a.banner-wrap-link:hover {cursor: pointer; display: block;} .neck {background: url(/images/hpslides/hp-slide-hwh-neck-pain-banner-2017.jpg) top center no-repeat;} .carpal-tunnel {background: url(/images/hpslides/hp-slide-hwh-carpal-tunnel-2017.jpg) top center no-repeat scroll transparent;} .pregnancy {background: url(/images/hpslides/hp-slide-hwh-pregnancy-2017.jpg) top center no-repeat scroll transparent;} .ear-infections {background: url(/images/hpslides/hp-slide-hwh-ear-infection-2017.jpg) top center no-repeat scroll transparent;} .blog-20170607 {background: url(/images/hpslides/hp-slide-bewell-20170607.jpg) top center no-repeat scroll transparent;} .july-fourth-2017 {background: url(/images/hpslides/hp-slide-july-fourth-2017.jpg) top center no-repeat scroll transparent; text-shadow: 3px 3px 20px #000!important; padding-top:10px;} .cta-wrap { max-width:440px; padding:0; float:right; margin-right:5%; text-align: center; border: 0 solid ; padding: 0 1% 0 2%; } .two-lines {padding-top:72px;} .three-lines {padding-top:45px;} .three-lines {padding-top:45px;} .button-hp { text-shadow: 1px 1px 5px #3577d0; color:#ffffff; border-radius:40px; padding:22px; background: linear-gradient(to bottom, #3d83e1 50%, #3577d0 50%); margin: 8px 0 5px 0; width:155px; font-size: 18px; margin:0 auto; font-weight:200; } .txt-hwh {font-size: 30px; color:#fff; font-style: italic; font-weight:300; padding-bottom:50px;} .big {font-size: 68px; } .medium{font-size: 68px;} .small{font-size: 30px;} .txt-symptom {color: #a6cc65; font-style: normal; font-weight:400; padding-bottom:45px; } .txt-symptom-leading {line-height:0; font-size:50px;} .txt-desc {font-size: 18px; color:#fff; font-style: normal; font-weight:200; line-height: 32px; padding-bottom:32px;} .txt-blue {color: #2c5790; font-style: normal; font-weight:400; padding-bottom:20px; line-height: 55px; font-size: 45px; margin:0 0 0 0;} .txt-leading {line-height:0; font-size:50px;} .txt-desc-grey {font-size: 18px; color:#777; font-style: normal; font-weight:400; line-height: 32px; padding-bottom:26px;} /* Banner HWH Banner Rotations End */ @media screen and (min-width: 481px) { /****************************************************************** 481px and Up ******************************************************************/ /* HEADER STYLES */ #head #cowc-logo img {max-width: 260px;} /* CONTENT STYLES */ .home header.page-header h1 {font-size: 2.9em; margin-bottom: 20px; line-height: 1.2em;} #home-slider {height: 450px; overflow: hidden;} .home .slider .slide, .home .slider .slide .block {height: 450px;} .home .slider .slide .block {width: 450px; padding: 90px 25px 0;} .home .slider .slide .block.leftalign {float: left; margin: 0 0 0 10%;} .home .slider .slide .block.rightalign {float: right; margin: 0 6% 0 0;} .slider .slide .block.centeralign {margin: 0 auto;} /* POSTS & CONTENT STYLES */ #locations-page header {background: url('/img/bg-map-intro.jpg') no-repeat center top; height: 420px;} .landing #locations-page #office-search {width: 400px;background: rgba(255,255,255,.4); border-radius: 18px; padding: 12px; margin: 32px 0 0;} .landing #office-search form fieldset {padding: 20px 30px;} .lnading #office-search h2 {font-size:1.6em;} .landing #office-search h2 small {font-size: 80%;} .landing #office-search .input-holder select {width: 114%;} #office-page td.video-photo {display: table-cell; width: auto; } /*#office-page .video-photo iframe {height: 250px; width: 260px;}*/ #office-page td.intro {display: table-cell; width: auto; padding-left: 2%;} #office-page .buttons a.button {float: left; width: auto; margin-right: 10px;} #office-page .buttons a.button.last {margin-right: 0;} #doctor-page .fourcol {width: 31.491712705%;} #doctor-page .eightcol {width: 65.74585634900001%;} #doctor-page .fourcol, #doctor-page .eightcol {position: relative; float: left; margin-left: 2.762430939%;} #doctor-page .fourcol.first {margin-left: 0;} #doctor-page .eightcol.last {float: right;} #doctor-page ul.facts li strong {display: inline;} .internal #reviews-page header {text-align: left;} #reviews-page header a.hide-desktop {text-align: center;} #reviews-page .ico, #comments .ico {float: left; font-size: 2em; color: #aeaeae; top: 5px; display: block;} #reviews-page .text, #comments .text {margin-left: 40px;} #blog article.post {width: 48%; margin-right: 2%; border-radius: 6px; border-width: 1px 1px 2px 1px; border-style: solid; border-color: #e0e0e0 #e0e0e0 #cdcdcd #e0e0e0; float: left; padding: 0;} #blog article.post.clear {margin-right: 0; float: right;} #blog article.post h3 {display: table-cell; vertical-align: middle; height: 75px; padding: 10px; font-size: 1em;} #blog article.post p {padding: 0 10px;} #blog article.post .date {border-top: 1px solid #e0e0e0; padding: 8px 0; margin: 0 10px;} .spineApp.button {padding: 10px 35px; font-size: 1.15em; border-radius: 20px; margin-bottom: 30px; } /* SIDEBARS & ASIDES */ aside#ctas article {padding: 30px 0;} /* Banner HWH Banner Rotators - Chris Jordan */ .banner-wrap { cursor: pointer; max-width: 100%; width:100%; display:block; z-index: 0; height:450px; border:0 solid #000; font-family: 'Lato'; text-shadow: 3px 3px 20px #020b19!important; } a.banner-wrap-link:hover {cursor: pointer; display: block;} .neck {background: url(/images/hpslides/hp-slide-hwh-neck-pain-banner-2017.jpg) top center no-repeat;} .carpal-tunnel {background: url(/images/hpslides/hp-slide-hwh-carpal-tunnel-2017.jpg) top center no-repeat scroll transparent;} .pregnancy {background: url(/images/hpslides/hp-slide-hwh-pregnancy-2017.jpg) top center no-repeat scroll transparent;} .ear-infections {background: url(/images/hpslides/hp-slide-hwh-ear-infection-2017.jpg) top center no-repeat scroll transparent;} .blog-20170607 {background: url(/images/hpslides/hp-slide-bewell-20170607.jpg) top center no-repeat scroll transparent; text-shadow: 3px 3px 20px #fff!important; padding-top:10px;} .july-fourth-2017 {background: url(/images/hpslides/hp-slide-july-fourth-2017.jpg) top center no-repeat scroll transparent; text-shadow: 3px 3px 20px #000!important; padding-top:10px;} .cta-wrap { max-width:440px; padding:0; float:right; margin-right:3%; text-align: center; border:0 solid ; } .two-lines {padding-top:72px;} .three-lines {padding-top:55px;} .button-hp { text-shadow: 1px 1px 5px #3577d0; color:#ffffff; border-radius:40px; padding:22px; background: linear-gradient(to bottom, #3d83e1 50%, #3577d0 50%); margin: 8px 0 5px 0; width:155px; font-size: 18px; margin:0 auto; font-weight:200; } .txt-hwh {font-size: 30px; color:#fff; font-style: italic; font-weight:300; padding-bottom:50px;} .big {font-size: 68px;} .medium{font-size: 68px;} .small{font-size: 30px;} .txt-symptom {color: #a6cc65; font-style: normal; font-weight:400; padding-bottom:45px; } .txt-symptom-leading {line-height:6px; font-size:50px;} .txt-desc {font-size: 18px; color:#fff; font-style: normal; font-weight:200; line-height: 32px; padding-bottom:32px;} /* Banner HWH Banner Rotations End */ } @media screen and (min-width: 768px) { /****************************************************************** 768px and up ******************************************************************/ /* Banner Header Styles - Chris Jordan li#HPS_6 h1.white-text {text-shadow:none; } */ li#HPS_1 h2.white-text {text-shadow: 1px 1px 2px #fff!important; font-weight:300;} li#HPS_2 h2.white-text {text-shadow: 1px 1px 2px #fff!important;} li#HPS_3 h2.white-text {text-shadow: 1px 1px 2px #fff!important; } li#HPS_4 h2.white-text {text-shadow: 1px 1px 2px #fff!important; } li#HPS_5 h2.white-text {text-shadow: 1px 1px 2px #fff!important; } li#HPS_6 h2.white-text {text-shadow: 1px 1px 2px #fff!important; } li#HPS_7 h2.white-text {text-shadow: 1px 1px 2px #fff!important; } li#HPS_8 h2.white-text {text-shadow: 1px 1px 2px #fff!important;} /* Banner HWH Banner Rotators - Chris Jordan */ .cta-wrap { max-width:455px; margin-right:10%; } .two-lines {padding-top:72px;} .three-lines {padding-top:60px;} .button-hp { text-shadow: 1px 1px 5px #3577d0; color:#ffffff; border-radius:40px; padding:22px; background: linear-gradient(to bottom, #3d83e1 50%, #3577d0 50%); margin: 8px 0 5px 0; width:155px; margin:0 auto; font-weight:200; } .txt-hwh {font-size: 34px; color:#fff; font-style: italic; font-weight:300; padding-bottom:50px;} .big {font-size: 72px;} .medium{font-size: 72px;} .small{font-size: 34px;} .txt-symptom {color: #a6cc65; font-style: normal; font-weight:400; padding-bottom:45px; } .txt-desc {font-size: 18px; color:#fff; font-style: normal; font-weight:200; line-height: 32px; padding-bottom:32px;} /* Banner HWH Banner Rotations End */ /* COLUMNS */ .onecol {width: 5.801104972%;} .twocol {width: 14.364640883%;} .threecol {width: 22.928176794%;} .fourcol {width: 31.491712705%;} .fivecol {width: 40.055248616%;} .sixcol {width: 48.618784527%;} .sevencol {width: 57.182320438000005%;} .eightcol {width: 65.74585634900001%;} .ninecol {width: 74.30939226%;} .tencol { width: 82.87292817100001%;} .elevencol {width: 91.436464082%;} .twelvecol {width: 99.999999993%;} .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { position: relative; float: left; margin-left: 2.762430939%;} .first, .onecol:first-child, .twocol:first-child, .threecol:first-child, .fourcol:first-child, .fivecol:first-child, .sixcol:first-child, .sevencol:first-child, .eightcol:first-child, .ninecol:first-child, .tencol:first-child, .elevencol:first-child, .twelvecol:first-child {margin-left: 0;} .last {float: right;} .columns3 { -webkit-columns: 3; -moz-columnst: 3; columns: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; padding-left: 30px; } .show-desktop, .hide-mobile {display: block;} .show-desktop.inline, .hide-mobile.inline {display: inline;} .show-desktop.inline-block, .hide-mobile.inline-block, .info span.show-desktop.inline-block {display: inline-block;} .hide-desktop {display: none !important;} /* PAGE HEADERS */ .landing header.page-header {padding: 0; height: 244px;} .landing header.page-header .white80 {width: 322px; float: right; height: 100%; padding: 0 10px;} .landing header.page-header .white80 h1 {top: 38%; line-height: 1em; font-size: 3em;} .landing header.page-header #blogIntro {font-size: 1.2em; display: block; margin-top: 100px;} #contact-page header.page-header, #about-page header.page-header {background: url('/img/header-contact-us.jpg') no-repeat center top;} #expect-page header.page-header {background: url('/img/header-what-to-expect.jpg') no-repeat center top;} #careers-page header.page-header {background: url('/img/header-careers.jpg') no-repeat center top;} #programs-page header.page-header {background: url('/img/header-wellness-programs.jpg') no-repeat center top;} #media-portal-page header.page-header {background: url('/img/header-press.jpg') no-repeat center top;} #faq-page header.page-header {background: url('/img/header-faq.jpg') no-repeat center top;} #blog header.page-header {background: url('/img/header-blog.jpg') no-repeat center top;} #id17118 #blog header.page-header {background: url('/img/header-press.jpg') no-repeat center top;} #thank-you-page header.page-header {background: url('/img/header-thank-you.jpg') no-repeat center top;} #awards-page header.page-header {background: url('/img/header-awards.jpg') no-repeat center top;} /* LAYOUT & GRID STYLES */ .wrap {max-width: 1024px;} /* CONTENT STYLES */ .home header.page-header h1 {font-size: 2.9em; margin-bottom: 20px; line-height: 1.2em;} #home-slider {height: 450px; overflow: hidden;} .home .slider .slide, .home .slider .slide .block {height: 450px;} .home .slider .slide .block {width: 450px; padding: 90px 25px 0;} .home .slider .slide .block.leftalign {float: left; margin: 0 0 0 10%;} .home .slider .slide .block.rightalign {float: right; margin: 0 8% 0 0;} .slider .slide .block.centeralign {margin: 0 auto;} #condition-slider, #condition-slider .slider .slide, #condition-slider .slider .slide .block {height: 345px;} #condition-slider .slider .slide .block {width: 350px; padding: 80px 25px 0;} #condition-slider .slider .slide .block.leftalign {float: left; margin: 0 0 0 5%;} #condition-slider .slider .slide .block.rightalign {float: right; margin: 0 5% 0 0;} #condition-slider .slider .slide .block h2 {font-size: 2.75em; margin: 0 0 5px 0; line-height: 1em;} #condition-thumbs {margin-bottom: 60px;} #condition-thumbs a {display: block;} #condition-thumbs a .overlay {position: absolute; bottom: 0; background-color: rgba(255,255,255,.8); text-align: center; width: 100%;} #condition-thumbs a .overlay h4 {color: #777777; margin: 0; padding: 10px 0;} #condition-thumbs a:hover .overlay h4, #condition-thumbs a.active .overlay h4 {color: #aad167;} #condition-thumbs .slider-controls a {position: absolute; top: 50%; margin-top: -20px; padding: 10px; display: block; z-index: 50;} #condition-thumbs .slider-controls a span {font-size: 1.5em; color: #bbbbbb; display: block; width: 20px; height: 20px; text-align: center;} #condition-thumbs .slider-controls a:hover span {color: #999999;} #condition-thumbs .slider-controls a#thumb-prev {left: 0px; text-shadow: 1px 0px 1px rgba(0,0,0,.5);} #condition-thumbs .slider-controls a#thumb-next {right: 0px; text-shadow: -1px 0px 1px rgba(0,0,0,.5)} #condition-page #CContent img { width: 100%; max-width: 500px; } #main .contact-info .info {padding: 10px 0 0;} #main .contact-info .info p {margin-bottom: 10px;} #main .contact-info .info p.right, #main .contact-info .info p.middle {padding-top: 0px;} #main .contact-info .info p span.green-text {font-size: 1.1em;} .home #office-search {width: 100%; border-radius: 0;} .home #office-search .wrap {background: url('/img/world-green-44.png') no-repeat left center transparent; padding: 30px 0; text-align: center;} .home #office-search h2 {color: #ffffff; display: inline-block; margin-right: 2%; margin-left: 0; font-size: 1.5em; line-height: 1.1em; text-align: center;} .home #office-search h2 .ico {font-size: .9em; color: #909090;} .home #office-search .form-item.state {width: 16%;} .home #office-search .form-item.zip {width: 12%;} .home #office-search .form-item.distance {width: 16%;} .home #office-search .input-holder select {width: 131%;} .home #office-search .input-holder input[type="text"] {width: 100%;} .home #office-search button {margin: 3px; vertical-align: top; float: none;} .home #main #content {padding: 70px 20% 60px;} .home #main #content .apple {background: url('../img/icon-sprite.png') no-repeat right top; width: 61px; height: 71px; margin: 0 auto 15px;} .home #main .block h2 {color: #777777;} .home #main #content p {line-height: 1.5em; font-size: 1.25em;} .home #main .block p {line-height: 1.5em; font-size: 1.15em; margin-bottom: 25px;} .home #what-to-expect {width: 100%; background: url('/img/bg-home-expect.jpg') no-repeat center center; height: 617px;} .home #what-to-expect .block { width: 40%; height: 617px; padding: 160px 30px 0;} .home #what-to-expect h2 span {font-size: 1.15em;} .home #interactive-spine {width: 100%; background: url('/img/bg-home-spine.png') no-repeat center center #ddeebf;} .home #interactive-spine .block {width: 40%; height: 561px; padding: 75px 28px 0; float:right;} .home #interactive-spine h2 span {font-size: 1.15em;} .home #latest-post {width: 100%; height: 463px;} .home #latest-post .bg {position: absolute; height: 463px; width: 100%; background-repeat: no-repeat; background-position: center center; } .home #latest-post .block {width: 40%; padding-top: 45px;} .home #latest-post h2 span {font-size: .8em;} .home #latest-post h3 a {color: #777777;} .home #latest-post h3 a:hover {color: #005195;} .home #latest-post p.date {font-style: italic; font-weight: 400; font-size: 1.1em; line-height: 1em; margin-bottom: 1em; } .home #main #latest-post .block p {font-size: 1em; line-height: 1.25em;} .home #latest-post p img, .home #latest-post p br {display: none !important;} .home #large-schedule-cta {background: url('/img/texture.png') repeat #e3e3e3; padding: 20px 0;} .home #large-schedule-cta .wrap50 {background: url('/img/cta-bubble-triangle.png') no-repeat 60px bottom transparent; padding-bottom:3px;} .home #large-schedule-cta .bubble {background: #ffffff; padding: 30px; border-radius: 15px; text-align: center;} .home #large-schedule-cta h3 {font-size: 1.75em; line-height: 1.1em;} .home #large-schedule-cta .button {left: 50%;} .home #HPClinicListWrap { display: block; width: 100%; border-top: 1px solid #555; } .home #HPClinicListWrap h3 { color: #666; display: block; width: 90%; text-align: center; padding: 0px; margin: 30px auto 0px auto; font-size: 1.2em; } .home #HPClinicListWrap #ClinicList { width:90%; -moz-column-count: 6; -moz-column-gap: 20px; -webkit-column-count: 6; -webkit-column-gap: 20px; column-count: 6; column-gap: 20px; margin: 20px auto; } .home #HPClinicListWrap #ClinicList p {padding: 0px; margin: 5px; display: block;} .internal #locations-page #office-search .input-holder select {width: 130%;} .internal #locations-page #office-search .form-item.dropdown.distance .input-holder select {width: 180%;} .internal #locations-page .office-list ul li .info p {font-size: .9em;} .internal #locations-page .office-list ul li a.button {display: block; width: 100%; text-align: center; margin-bottom: 5px;} .internal #locations-page #map-results > div {width: 100% !important; border: 1px solid #d2d2d2;} #locations-page .office-list .pagination a, #locations-page .office-list .pagination .pag-current {padding: 3px 5px;} /*#office-page .video-photo iframe {width: 360px;}*/ #office-page .buttons a.button.download {display: block;} #office-page .contact-info .info p.right {padding-top: 10px;} #reviews-page header a.show-desktop {float: right; z-index: 100;} #comment-form {padding-top: 30px;} #expect-page article, #careers-page .sections article {padding: 30px 0 15px} #expect-page article img, #careers-page .sections img {width: 100%;} #expect-page article h2, #careers-page .sections h2 {font-size: 1.5em;} #contact-page .contact-info .info p.left {float: left; width: 25%; display: block; border: none !important; margin-right: 5%;} #contact-page .contact-info .info p.middle {float: left; width: 45%; display: block; border: none !important;} #contact-page .contact-info .info p.right {float: right; width: 25%; display: block; border: none !important;} #about-page .profile.fourcol {margin: 0 0 30px 2.762430939%; max-width: none;} #about-page .profile.fourcol.first {margin: 0 0 30px 0;} #about-page .desktop-bio {clear: left; margin-bottom: 30px;} #about-page .desktop-bio img {margin: 0 auto; display: block; max-width: 250px;} #about-page .desktop-bio p {font-size: 1.1em;} #dcs-page table tr td {display:table-cell;} #condition-page .related-content .sixcol.first.show0 + .sixcol.last.show1 {float: none; margin-left: 0;} #blog #blog-sidebar {margin-left: 0;} #blog #blog-list.eightcol {width: 67.5%;} #blog article.post.clear {margin-right: 2%;} #blog article.post h3 {font-size: 1.2em;} #blog #blog-post, #blog #comments, #blog #comment-form {margin-right: 3.5%;} article.search-result img {display: inline;} article.search-result .text {margin-left: 22px;} #frmAppointment #CreditCardInfo select {width: 150%;} /* SIDEBARS & ASIDES */ aside#ctas .wrap {padding: 50px 0; left: -15px;} aside#ctas article {border: none;} aside#ctas .info {border-left: 1px solid #cccccc; padding: 0 0 0 11.762%; height: 200px;} aside#ctas article:first-child .info {border: none;} aside#ctas .info .icon {margin-top: -30px;} aside#ctas .info h3 {font-size: 1.1em;} aside#ctas .info small {position: absolute; bottom: -20px; left: 11.762%; width: 88.238%;} aside#blog-sidebar section {margin-bottom: 30px;} aside#blog-sidebar section h4 {color: #a6cc65; border-bottom: 1px solid #e0e0e0; padding-bottom: 3px; margin-bottom: 10px;} aside#blog-sidebar ul.sub-cats {display: none; margin-top: 10px;} aside#blog-sidebar li {margin-bottom: 10px; } aside#blog-sidebar li.top-cat {border-bottom: 1px dotted #e0e0e0; padding-bottom: 4px;} aside#blog-sidebar li span {display: block; position: absolute; right: 0; text-align: center; width: 30px; height: 15px; top: 0; font-size: 1.2em; cursor: pointer;} aside#blog-sidebar li a {font-size: 1.1em;} aside#blog-sidebar ul.sub-cats li a {margin-left: 20px; font-size: 1em; color: #999999;} aside#blog-sidebar ul.sub-cats li a:hover {color: #777777;} /* FOOTER STYLES */ #foot h2 {border-top: 1px solid #999999;} #foot #site-footer nav li {float: left; width: 48%; margin: 0 0 10px 0;} #foot .contact-info > div {border: none;} #foot .contact-info > div .ico {font-size: 1.2em;} #foot .contact-info > div .ico.icon-map-marker {font-size: 1.4em;} #foot .contact-info .social {position: absolute; top: 0; right: 0; border: none;} #foot .contact-info .social a.ico {font-size: 1.5em;} #foot #legal-footer nav {text-align: left;} #foot #legal-footer a {padding: 0 10px 0 0;} #foot #legal-footer #copyright p {text-align: right; margin: 0;} } @media screen and (min-width: 980px) { /****************************************************************** 960px and up ******************************************************************/ /* HEADER STYLES */ #head #open-menu {display: none;} #head #inner-header.wrap, #head nav .sub-level .wrap {width: 100%;} #head #cowc-logo {float: left; width: 100%;} #head #head-icon-search {display:block; float: right;} #head #head-search-wrap {clear:both; display:block; width:100%;} #head #head-icons-wrap {display:block; width:100%;} #head .icons, #head #site-search {display: block;} #head .icons {margin: 15px 0 20px 0; float: right; width:auto;} #head .icons .icon-link {display: block; float: left; cursor:pointer;} #head .icons .icon-link {margin: 0 18px 0 0; width: 160px;} #head .icons .chat.icon-link {width: 120px;} #head .icons .icon {float: left; margin-right: 9px; display: block; width: 41px; height: 41px; background-image: url('/img/icon-sprite.png'); background-repeat: no-repeat;} #head .icons .icon-b {float: left; margin-right: 9px; display: block; width: 41px; height: 41px; background-image: url('/images/icon-sprite-b.png'); background-repeat: no-repeat;} #head .icons .npservices .icon-b {background-position: -42px 0;} #head .icons .schedule .icon {background-position: 0 0;} #head .icons .call .icon {background-position: -42px 0;} #head .icons .chat .icon {background-position: -85px 0;} #head .icons .icon-link .text, #head .icons .icon-link.chat div#LP_DIV_1432287908624 {top: 3px; color: #777777; text-transform: uppercase; font-size: .85em; font-weight: 700; line-height: 1.1em; font-family: 'Lato', sans-serif;} #head .icons .icon-link.chat div#LP_DIV_1432287908624 div * {color: #777777 !important; font-size: 12px !important; font-family: 'Lato' !important; line-height: 1.1em;} #head .icons .schedule:hover .text, #head .icons .npforms:hover .text, #head .icons .icon-link.chat:hover div#LP_DIV_1432287908624 div * {color: #005195;} #LP_DIV_1432287908624 { left: 50px !important; } #LP_DIV_1432287908624 div:hover { color: #6e95c5; } #head .icons .npservices:hover .icon-b {background-position: -42px -42px} #head .icons .schedule:hover .icon {background-position: 0 -42px} #head .icons .call:hover .icon {background-position: -42px -42px} #head .icons .chat:hover .icon {background-position: -85px -42px} #head #site-search {border-right: 1px solid #cccccc; height: 30px; min-width: 320px; padding-right: 15px; float:right;} #head #site-search input[type="text"] {display: inline-block; border:none; border-bottom: 1px solid #999999; border-radius: 0; width: 100%; padding: 5px 0; color: #777777;} #head #site-search button.icon-search {color: #777777; font-size: 1em; padding: 5px; background: none; border: none; position: absolute; right: 0; top: 0; margin-right: 10px;} #head #mobile-icons {display: none;} /* NAVIGATION STYLES */ #head #inner-header {position: static;} #head nav {clear: both; display: block; position: static; width: 100% !important; box-shadow: none; border: none;} #head nav ul {text-align: center;} #head nav #link1 .sub-level ul {text-align: left;} /* #head nav #link6 .sub-level ul, #head nav #link7 .sub-level ul {text-align: right;} */ #head nav #link5 .sub-level ul li {left: 0%;} #head nav > ul {position: static;} #head nav > ul > li {display: inline-block; width: auto; border: none; position: static;} #head nav > ul > li > a, .home #head nav > ul > li > a {padding: 10px 0; height: 33px; line-height: 1em; width: auto; font-size: .85em; /*text-shadow: 1px 1px 1px #d0d0d0;*/} #head nav > ul > li > a > span {padding: 0 9px; display: block; border-left: 1px solid #c8c8c8;} #head nav > ul > li span.ico {display: none;} #head nav ul li.first span, #head nav > ul > li:first-child span {border: none !important; padding-left: 0 !important;} #head nav ul li.last a span, #head nav > ul > li:last-child span {padding-right: 0 !important; padding-left:8px;} #head nav ul li.hide-mobile {display: inline-block;} /* #head nav ul .sub-level {display: none; width: 100%; position: absolute; left: 0; top: 154px; background: #f3f3f2; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; box-shadow: 0 2px 2px #e2e2e2; padding: 10px 0;} - UPDATED 2017-10-24*/ #head nav ul .sub-level {display: none; width: 300px; position: absolute; top: 154px; background: #f3f3f2; border: 1px solid #c8c8c8; } #head nav ul > li:hover .sub-level {display: block;} #head nav ul > li.has-sub:hover > a {background: url('/img/triangle-sub-menu-desktop.png') no-repeat center bottom transparent; z-index: 9999;} /*#head nav ul ul li {display: inline; width: auto; border: none; background: none;}*/ #head nav ul ul li { display: block; width: 100%; border-bottom: 1px solid #c8c8c8; background: none; padding: 20px 0; } #head nav ul ul li:last-child { border-bottom: none; } #head nav ul ul li a, .home #head nav ul ul li a {padding: 5px; font-size: .85em; width: auto; display: inline; text-shadow:none;} /* CONTENT STYLES */ .home #office-search h2 {font-size: 1.75em; width: auto; text-align: left; top: 8px; vertical-align: top;} .home #office-search h2 br {display: none;} .home #office-search .input-holder select {width: 123%;} .home #what-to-expect .block {padding-top: 110px;} .home #interactive-spine .block {padding-top: 60px;} .home #main #latest-post .block p {font-size: 1.1em; line-height: 1.3em;} .internal #locations-page #office-search .input-holder select {width: 122%;} .internal #locations-page #office-search .form-item.distance .input-holder select {width: 155%;} #locations-page .office-list .pagination a, #locations-page .office-list .pagination .pag-current {padding: 3px 8px;} #contact-page .contact-info .info p.left {margin-right: 8%;} #contact-page .contact-info .info p.middle {width: 42%;} /*#office-page .video-photo iframe {height: 256px; width: 456px;}*/ #office-page .video-photo .vwrapper iframe, #office-page .video-photo .vwrapper object, #office-page .video-photo .vwrapper embed {width:600px; height:372px;} #office-page .office-info .info p {float: left; } #office-page .office-info .info p.left {margin-right: 20px; width: 225px;} #office-page .office-info .info p.right {border: none; padding-top: 0; width: 270px;} #doctor-page ul.facts li {padding: 20px 0;} #blog .subscribe p {font-size: 1.1em;} #FlashID {display:block; width:900px; margin:0xp auto;} .spineApp.button {display: none;} #frmAppointment legend, #frmAppointment .legend {font-size: 1.6em; line-height: 1.3em;} /* SIDEBARS & ASIDES */ aside#ctas .info {height: 180px;} aside#ctas .info small {bottom: -30px;} /* FOOTER STYLES */ #foot #legal-footer a {padding: 0 20px 0 0; } } /* Chris Jordan Slider mobile height fix*/ #home-slider .bx-viewport { height: 450px!important;} #home-slider .bx-viewport {height: 450px!important; } .slider .slide {height: 450px;} /* DESKTOP */ @media screen and (min-width: 1030px) { /****************************************************************** 1030px and up ******************************************************************/ #head nav > ul > li > a, .home #head nav > ul > li > a, #head nav ul ul li a, .home #head nav ul ul li a {font-size: .9em;} .slider .slide .block {padding: 100px 0 0; background: none;} .slider .slide .block.white h1, .slider .slide .block.white p {color: #ffffff;} .home #what-to-expect .block, .home #interactive-spine .block {width: 33%;} .home header.page-header .white-text {color: #ffffff !important; text-shadow: 1px 1px 0 #888888;} .internal #locations-page .office-list ul li a.button {display: inline;} aside#ctas .info {height: 150px;} #office-page .office-info .info p.right {width: 310px;} #frmAppointment #CreditCardInfo select {width: 133%;} } @media screen and (min-width: 1240px) { /****************************************************************** 1240px and up ******************************************************************/ #head nav > ul > li > a > span {padding: 0 14px;} #head nav #link5 .sub-level ul li {left: 0%;} } @media screen and (min-width: 1400px) { /****************************************************************** 1400px and up ******************************************************************/ .home .slider .slide .block.rightalign { margin: 0 8% 0 0;} } @media screen and (min-width: 1600px) { /****************************************************************** 1600px and up ******************************************************************/ .home .slider .slide .block.rightalign { margin: 0 10% 0 0;} } @media print { /****************************************************************** Print ******************************************************************/ * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important;} a, a:visited {color: #444 !important; text-decoration: underline;} a:after, a:visited:after {content: " (" attr(href) ")";} a abbr[title]:after, a:visited 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;} h2.post-title a {text-decoration: none;} .post-title a:after, a:visited:after {content: " (" attr(href) ")"; display:none;} .share-wrap{display:none!important;} .social{display:none;} #open-menu {display: none;} .sidebar, .page-navigation.respond-form,nav {display: none;} #head #cowc-logo img {width:33%; clear:both; float:none; padding-bottom:20px; margin-left:0;} #head #cowc-logo a:after, a:visited:after {content: " (" attr(href) ")"; margin-left:-200px; padding-bottom:20px; text-decoration: none!important;} #head #cowc-logo a, a:visited {float:none!important; text-decoration: none!important;} } @media screen and (max-width: 980px) { #head #site-search-mobile { display: block; width: 90%; } #head #cowc-logo #logo-phone {display: block; font-size: 18px; padding:10px 0px;} #head .icons .icon-link.chat div#LP_DIV_1432287908624 div {color: #777777 !important; font-size: 14px!important; font-family: 'Lato' !important; line-height: 1.1em;} #office-page td.video-photo, #office-page td.intro {display: block; width: 100%;} #office-page td.video-photo {margin-bottom: 20px;} #office-page td.video-photo .vwrapper {width: 100%; position: relative; padding-bottom: 61%; padding-top: 0px; height: 0; overflow:hidden; border:1px solid #d2d2d2;} #office-page td.video-photo .vwrapper iframe, #office-page td.video-photo .vwrapper object, #office-page td.video-photo .vwrapper embed { position: absolute; top: 0px; left: 0; width: 100%; height: 100%;} } @media screen and (max-width: 767px) { #foot #teamMemberLink { width: 100%; margin:20px 0px 0px 0px; display: block; text-align: center;} /* CALL OUT BOXES */ .cob-fl, .cob-fr { float: none; display: block; max-width: 100%; margin: 0 auto 40px auto; } .calloutbox { padding: 20px; } } /*@media screen and (max-width: 480px) { #success-story h2 {font-size: 1.7em;} #success-story img {float: none !important; display: block; margin-bottom: 15px;} } */