/*----------------------------------------------------------------------------------- Theme Name: Midstate Radiology Description: Midstate Radiology WordPress Theme. Version: 0.1.1 Author: Imagine It Consulting Inc. Theme URI: http://www.TrustImagine.com Author URI: http://www.TrustImagine.com /*-------------------------------------------------------------- - Browser Reset --------------------------------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:inherit;font-style:inherit;font-weight:inherit;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}body{background:#fff;line-height:1;}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;}caption,th,td{font-weight:normal;text-align:left;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}blockquote,q{quotes:none}a:focus{outline:none}a:hover,a:active{outline:0}a img{border:0}img{max-width:100%;height:auto;}select{max-width:100%} .hide-on-mobile, .hide-on-phone {display:block} .hide-on-desktop {display:none} .hp-hide-on-phone {display:block} .hp-hide-on-desktop {display:none} /*-------------------------------------------------------------- - Main Styles --------------------------------------------------------------*/ :root { --brand-blue: #0079a8; --brand-green: #547604; --brand-red: #ca3420; --brand-purple: #970070; --brand-black: #3c3d42; } .blue{color:var(--brand-blue);} .blue-bkgd{background:var(--brand-blue); color:#fff} .green{color:var(--brand-green);} .green-bkgd{background:var(--brand-green); color:#fff} .orange{color:var(--brand-red);} .orange-bkgd{background:var(--brand-red); color:#fff} .purple{color:var(--brand-purple);} .purple-bkgd{background:var(--brand-purple); color:#fff} .grey-bkgd {background:#e6e6e6} .pink {color:#DF168E} .grey {color:#666} .black-bkgd {background:#2a2a2a; color:#fff;} .lgrey-bkgd {background:#f7f7f7; padding:1% 2%} .highlight {color:#000; background:#fff200; padding: 5px 10px; margin: 15px 0; width:fit-content} .highlight-box-blue {color:#fff; background:#0079a8; padding: 5px 10px; margin: 15px 0; border-top:1px solid #333; border-bottom:1px solid #333} .pullquote { margin: 20px 0; font-size: 1.5em;background: #ca3420; line-height: 1.65; display: block; color: #fff; padding: 10px 0;width:fit-content} .pullquote p {padding: 0 0 0 10px; margin: 0;} .pullquote strong {background:#0079a8; color:#fff; padding:15px 10px; margin:0 0 0 5px } .number-block { width: 30px;padding-bottom: 30px;position: relative;text-align: center;display: inline-block;float: left; margin-right:10px} .number { position: absolute;top: 10%; bottom: 0;width: 100%; height: 100%;} .safety p {margin:0 0 20px; line-height:1.5; padding-top:5px} .safety h3 {margin: 10px 0 15px;} .safety .third {text-align:center} .safety .third .number-block {float:none} .safety .third.odd { margin: 0 33%;} span.sentence { margin-right: 5px; } .btnr {float: right;margin: 3% auto;} body { background: #fff; font-family: 'Cabin', sans-serif; font-size: 18px; line-height: 27px; color: #231f20; } a { color: #0079a8; text-decoration: none; } a:hover { color:#547604; text-decoration: none; } .link-highlight {font-weight:700;font-family: 'Roboto Slab',sans-serif;} h1,h2,h3,h4,h5,h6 { font-weight: 400; line-height: 1.5; margin: 25px 0 10px; font-family: 'Roboto Slab', serif;} h1 a,h2 a,h3 a { color: inherit } h1 a:hover,h2 a:hover,a:hover h2,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration: none } h1 { font-size: 1.75em; margin: 10px 0 10px; } h2 { font-size: 1.5em;margin: 0 auto 5px; color: #666; padding-left:6px; line-height:1.25} h3 { font-size: 1.25em; margin: 10px 0 5px;color:#970070; font-weight: 500; } h4 { font-size: 1.125em; margin: 10px 0 5px; color: #666;} h5 { font-size: 1.0em; margin: 10px 0 5px; } h6 { font-size: 0.875em } .roboto {font-family: 'Roboto Slab', serif;} .no-border {border:none !important; padding:0} #top-bar a { color: #fff; font-size: 1.0em;padding: 0 3%; } #top-bar-wrap { background:#0079a8; border-bottom: 1px solid #eee; color:#fff} .pagination {clear:both;padding:20px 0;position:relative;font-size:11px;line-height:13px;} .pagination span, .pagination a {display:block;float:left;margin: 2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none;width:auto;color:#fff;background: #888;} .pagination a:hover{color:#fff;background: #444;} .pagination .current{padding:6px 9px 5px 9px;background: #0079a8;color:#fff;} .widget_categories li:after, .widget_recent_entries li:after {content: '\f054'; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; float: right; color: #0079a8;} .site-footer { background: #e6e6e6; color: #3c3d42; font-size: .875em;border-top:4px solid #e5e5e5;margin-top:5px} .site-footer a {color: #006288; } .site-footer a:hover { color: #222; text-decoration: none; } #footer-bottom { min-height: 40px; background: #4e4e52; color: #fff; font-size: 0.75em; border-top:1px solid #fff } #footer-bottom a { color: #ccc; text-decoration: underline; } #footer-bottom a:hover { color: #fff; } .pipe {margin:0 1%} /*------ [Custom] -------*/ .material-icons { font-size: 24px; color: var(--brand-blue); margin-right: 5px; position: relative; top: 0.20em; } .wp-block-button__link {margin-bottom: 10px; background-color:var(--brand-blue);} .wp-block-button__link:hover {background-color:var(--brand-green); color: #fff;} .section-gradient-gray { background: linear-gradient(to bottom, #f2f2f2, #dcdcdc); } .overview_blocks-block {display: flex; justify-content: space-around;flex-flow: row wrap;} .ov-block {overflow: hidden;text-align:center; background:#fff; border:1px solid #e1e1e1;flex: 0 0 31%;margin: 15px 0;display:flex; flex-direction:column; border-radius: 8px;border-top: 6px solid transparent;} .ov-block:hover { transform: translateY(-4px) !important; box-shadow: 0 8px 15px rgba(0,0,0,0.08); } .ov-image-block {overflow:hidden;} .ov-image-block:hover img{transform: scale(1.125);} .ov-image-block img{width: 100%;transition: 0.75s all ease-in-out;} .ov-content h2 {margin: 0 auto 5px; color: var(--brand-black);} .ov-content {padding: 2% 5%;flex-grow:1} .ov-link { padding: 0 0 3%;font-weight:600} .ov-blocks-wrap {display: flex; justify-content: space-around;flex-flow: row wrap;} /* Cycle colors for h2s inside ov-blocks */ .ov-block:nth-child(4n + 1) h2 { border-left: 6px solid var(--brand-blue); } .ov-block:nth-child(4n + 2) h2 { border-left: 6px solid var(--brand-green); } .ov-block:nth-child(4n + 3) h2 { border-left: 6px solid var(--brand-red); } .ov-block:nth-child(4n + 4) h2 { border-left: 6px solid var(--brand-purple); } .ov-block:nth-child(4n + 1) {border-top-color: var(--brand-blue);} .ov-block:nth-child(4n + 2) {border-top-color: var(--brand-green);} .ov-block:nth-child(4n + 3) {border-top-color: var(--brand-red); } .ov-block:nth-child(4n + 4) {border-top-color: var(--brand-purple);} .ov-content h2 { margin: 0 auto 5px; padding-bottom: 6px; color: var(--brand-black); text-align: center; } .ov-content h2 span { position: relative; display: inline-block; } .ov-content h2 span::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: currentColor; transition: width 0.3s ease; } .ov-block:hover .ov-content h2 span::after { width: 100%; } .gw-gopf-post{border-top: 8px solid transparent; box-shadow:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;transition: transform 0.25s ease, box-shadow 0.25s ease;} .gw-gopf-post:hover {transform: scale(1.1);} .gw-gopf-post-title h2 { margin: 0; padding: 12px 15px; font-size: 1.1em; line-height: 1.4; font-weight: 600; } .gw-gopf-posts .gw-gopf-col-wrap:nth-child(4n + 1) .gw-gopf-post { border-top-color: var(--brand-blue); } .gw-gopf-posts .gw-gopf-col-wrap:nth-child(4n + 2) .gw-gopf-post { border-top-color: var(--brand-green); } .gw-gopf-posts .gw-gopf-col-wrap:nth-child(4n + 3) .gw-gopf-post { border-top-color: var(--brand-red); } .gw-gopf-posts .gw-gopf-col-wrap:nth-child(4n + 4) .gw-gopf-post { border-top-color: var(--brand-purple); } .sidebar-interior .overview_blocks .ov-blocks-wrap {display:block;} .fa-caret-right:before {content: "\f0da";padding-left: 5px;} #alert-wrap {background: #547604; color: #fff; padding: 1.25%; text-align:center; font-size: 1.35em;border-bottom: solid 3px #fff;} #alert-wrap p {margin:0px;display:inline} #alert-wrap .fa {margin-right:5px} #alert-wrap a {color: #fff;text-decoration: underline;} #alert-wrap-dev {background: #547604; color: #fff; padding: 1.25%; text-align:center; font-size: 1.35em;border-bottom: solid 3px #fff;} #alert-wrap-dev p {margin:0px;display:inline} #alert-wrap-dev .fa {margin-right:5px} #alert-wrap-dev a {color: #fff;text-decoration: underline;} #slide-wrap img {width:100%} .strike h4 {color: #630c06;font-family: 'Alex Brush', cursive !important;font-size: 2em !important;} .strike { display: block; text-align: left; overflow: hidden; white-space: nowrap; } .strike > span { position: relative; display: inline-block; font-size: 19px;color: #444;font-weight:400; margin:15px 0 10px} .strike > span:before, .strike > span:after { content: "";position: absolute;top: 50%; width: 9999px;height: 1px;background: #ddd;} .strike > span:before {right: 100%; margin-right: 15px; } .strike > span:after {left: 100%;margin-left: 15px; } #hero-wrap {display: flex; margin-bottom: 9%;align-items:center; background:#252525} .hero-box {flex:0 0 50%} #hero-wrap h1 {font-size:2.75em;line-height: 1; margin: 10px 0 15px;color:#fff} #hero-wrap p {color:#fff; line-height: 1.5; font-size: 1.5em;} .video-wrap {} .videoInsert {width: 100%; padding:1px;display: block;} .hero-text-content {padding: 0 150px 0 100px;} #hero-wrap .tel {color:#fff; background:#970070; padding: .75%; border-radius: 5px; font-weight:700;margin: 0 2px;} #hero-wrap .theme-button {background:#fff; color:#0079a8} #hero-wrap .theme-button:hover {background:#0079a8; color:#fff} #hero-wrap .hero-csc-img {float:right;} .home_callouts {color:#fff; margin: -8% 0 2%; position:relative} .home_callouts .one-fourth {padding:25px} .cta-icon {margin-right:8px} .cta-text {margin-left:35px} .cta-text .theme-button {margin:5% 0} .highlight-box {background:#e6e6e6; border-top:3px solid #333; border-bottom:3px solid #333; padding:0 15px; overflow:hidden} .highlight-box h2 {color:#0079a8; border: none;} .highlight-box h3 {font-size: 1.125em; margin: 10px 0 0px;} .loc-photo {padding:0; width:32%; float:left; margin-right:1%} .loc-photo img {width:100%} .loc-address-box {width:25%; float:left; padding:0 0 0 15px} .loc-hours-box {padding:0; width:38%; float:left} .loc-town { background: #0079a8; color: #fff; padding: 2px 0; border-bottom: 1px solid #fff;} .sidebar_callouts {} .sidebar_callouts div {margin:3% 0; padding: 0px 20px} .sidebar_callouts a {color:#fff;font-size: 1.5em;} .sidebar_callouts .cta-icon {margin:8px;vertical-align: middle;} #footer-logo-wrap {margin: 5% 0 2%;} .footer-logos .block {float:left;width:8%;text-align: center;} .footer-logos .block:nth-of-type(9){border-right:1px solid #ddd} .footer-logo-text { text-align: center;font-size: .875em; line-height: 1.5;margin-bottom: 15px;} .footer-logos .block img { max-width: 100px;} .marketing span.wpcf7-list-item { margin: 0;} .call-box {color:#970070; background:#fff;padding: 10px 0 1px; line-height: 1.5;} .call-box .headline {color:#970070} .video-panel {overflow:hidden; margin:1% 0;} .video-panel video {border:3px solid #0079a8; height: auto;} .mission {padding:7% 4% 0 0} .highlight-text {font-size:1.75em; font-family: 'Roboto Slab',serif;line-height:1.25;color: #0079a8;} .highlight-text .signature {text-align:right; font-size:.5em;color: #231f20;font-family: 'Cabin',sans-serif;} .boxed {padding: 2%;background: #e6e6e6;} .get-info {;margin:20px 0; float:left} a.get-info {color:#547604} a.get-info:hover {color:#0079a8} .landing-page h2.headline {font-size: 2.5em; margin: 20px 0 10px;border-left: 0; padding-left: 0; line-height: 1.25;color: #970071;} .landing-page .highlight-text {font-size: 2.0em; margin: 20px 0;color:#0079a8} .webinar h2 {font-size:1.75em; font-weight:bold} .webinar h3 {color:#666;} .webinar .date {font-size: 1.25em; text-transform:uppercase; margin:1.5% 0 .75%} .social-blocks-wrap {display: flex; justify-content: space-around;flex-flow: row wrap;} .social-block {overflow: hidden;background:#fff; flex: 0 0 31%;margin: 20px 0;display:flex; flex-direction:column} .social-image-block {overflow:hidden; border:1px solid #e1e1e1;} .social-content {padding: 3% 0;flex-grow:1; font-size: .85em; line-height: 1.5em;} .icon-wrap {padding: 1% 0; display: flex; } .icon-block { overflow: hidden;text-align: center;flex: 1 1; margin: 1% 2%; align-items: flex-start;} .icon { max-width: 30%;margin: 0 auto;} .icon img {max-width: 100%; vertical-align: middle; margin-right: 10px} .icon-content { padding: 0 1%;} /*------------------------------------------------------------------ [Grid] -------------------------------------------------------------------*/ /* Grid > Clear Floats */ .col:after, .clr:after, .group:after, dl:after, ul.page-numbers:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; } .compose-mode .vc_element.vc_empty .vc_empty-element:after { visibility: visible !important } .clear { clear: both } /* Grid > Main Classes */ .site-footer .col { float: left; margin: 0 0 20px; padding: 0 10px; } #footer-widgets .span_1_of_1.col { float: none } #footer-widgets .span_1_of_2 { width: 50% } #footer-widgets .span_1_of_3 { width: 33.33%;} #footer-widgets .span_1_of_4 { width: 25% } .span_1_of_1.col { float: none } .span_1_of_2 { width: 50% } .span_1_of_3 { width: 33.33% } .span_1_of_4 { width: 25% } .span_1_of_5 { width: 20% } .span_1_of_6 { width: 16.66666667% } .span_1_of_7 { width: 14.28% } /* Grid > Non Responsive */ .nr-col { float: left; margin: 0 0 20px; padding: 0 10px; } .span_1_of_2.nr-col { width: 50% } .span_1_of_3.nr-col { width: 33.33% } .span_1_of_4.nr-col { width: 25% } .span_1_of_5.nr-col { width: 20% } .span_1_of_6.nr-col { width: 16.66666667% } /* Grid > No Margins 1 */ .one-half, .one-third, .one-fourth, .one-fifth, .three-fourths { display: block; float: left; } .three-fourths { width: 75% } .two-thirds {width: 66.66% } .one-half { width: 50% } .one-third { width: 33.33% } .one-fourth { width: 25% } .one-fifth { width: 20% } .one-sixth { width: 16.6666% } .one-half-m { width: 48%; float: left; margin-left: 1%; margin-right: 1% } /* Grid > Clear Floats */ .clr-margin, .count-1, .col-1, .col.first { clear: both; margin-left: 0; } .isotope-entry { clear: none } /*------------------------------------------------------------------ [Main Layout & Widths] -------------------------------------------------------------------*/ .container { max-width: 1366px !important; width: 95%; margin: 0 auto } .center-row-inner { margin: 0 -15px } .content-area {width: 70%;max-width: 70% !important; float: left; position: relative; margin-right:5% } .content-area-full-width {width: 100%; max-width: none !important;} #sidebar, .sidebar-interior { width: 25%;margin-left:0%;float: left; } #outer-wrap { overflow: hidden } /*------------------------------------------------------------------ [Body + Main] -------------------------------------------------------------------*/ img { max-width: 100%; height: auto; vertical-align: bottom; } /* fix IE image scaling */ img { -ms-interpolation-mode: bicubic } /* Main > Sup/Sub */ sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em } .entry iframe, .entry embed { max-width: 100% } #img-attach-page-content { text-align: center; margin-top: 25px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Main > 404 Error Page */ .error404-content { text-align: center; margin: 50px 0; font-size: 1.077em; } .error404-content h1 { font-size: 3.231em; margin: 0 0 10px; } /* Main > Responsive Videos */ .responsive-video-wrap, .responsive-audio-wrap { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .responsive-video-wrap iframe, .responsive-audio-wrap iframe, .responsive-video-wrap object, .responsive-audio-wrap oject, .responsive-video-wrap embed, .responsive-audio-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-video-wrap2, .responsive-audio-wrap2 { position: relative; padding-bottom: 52.25%; padding-top: 25px; height: 0; margin-bottom:1% } .responsive-video-wrap2 iframe, .responsive-audio-wrap2 iframe, .responsive-video-wrap2 object, .responsive-audio-wrap2 oject, .responsive-video-wrap2 embed, .responsive-audio-wrap2 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .entry .entry-video { margin-bottom: 20px } .wpb_video_widget .responsive-video-wrap { padding-top: 0; padding-bottom: 0; } .wp-video-shortcode { width: auto !important; max-width: 100% !important; } /* Main > Page Featured Image */ #page-featured-img { margin-bottom: 40px } #page-featured-img img { display: block; max-width: 100%; margin: 0 auto; } /*post edit link*/ .post-edit { padding: 40px 0 60px } body.is_customize_preview .post-edit { display: none; } body.content-full-screen .post-edit { text-align: center } .post-edit a { display: inline-block; padding: 0.9em 1.2em; line-height: 1; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; background: #114C7F; color: #fff; border-radius: 3px; margin-right: 3px; } .post-edit a:hover { text-decoration: none; background: #0d3d63; color: #fff; } /*------------------------------------------------------------------ [Commons] -------------------------------------------------------------------*/ .center {text-align:center;} .alignRight {text-align:right;} .leftFloat {float:left;margin-right:15px;} .rightFloat {float:right;margin-left:15px;} .third {width:32%; margin-right:1%;padding:1%;float:left;} .twothird {width:64%; margin-right:1%;padding:1%;float:left;} .twothirdright {width:64%; margin-right:1%;padding:1%;float:right;} .half {width:50%; float:left;} .quarter {width:23%; margin-right:1%;padding:1%;float:left;} .fifth {width:18%; margin-right:1%;padding:1%;float:left;} .threequarter {width:73%; margin-right:1%;padding:1%;float:left;} .fourfifth {width:78%; margin-right:1%;padding:1%;float:left;} /* Commons > Backgrounds & Borders */ .bg-gray { background: #f7f7f7 } .bordered { border: 1px solid #eee } /* Commons > Displays */ .block { display: block } .inline-block { display: block; display: inline-block; } .inline { display: inline } /* Commons > Background Styles */ .bg-cover { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg-repeat { background-repeat: repeat } .bg-repeat-x { background-repeat: repeat-x } .bg-repeat-y { background-repeat: repeat-y } .bg-fixed-top, .bg-fixed-bottom, .bg-fixed { background-repeat: no-repeat; background-attachment: fixed; background-position: center center; } .bg-fixed-top { background-position: center top } .bg-fixed-bottom { background-position: center bottom } /* Commons > Text Highlights */ .text-highlight { color: #0081cc } /* Commons > Margins */ .no-margin { margin: 0 !important} .no-left-margin { margin-left: 0 } .no-right-margin { margin-right: 0 } .no-bottom-margin { margin-bottom: 0 } .remove-last-p-margin p:last-child { margin: 0 } .margin-bottom-5px { margin-bottom: 5px !important} .margin-bottom-10px { margin-bottom: 10px !important} .margin-bottom-15px { margin-bottom: 15px !important} .margin-bottom-20px { margin-bottom: 20px !important} .margin-v {margin:1% 0 3%} .margin-1 {margin:1%} .margin-1v {margin:1% 0 !important} .margin-2v {margin:2% 0 !important} .margin-3v {margin:3% 0 !important} .margin-4v {margin:4% 0 !important} .margin-5v {margin:5% 0 !important} /* Commons > Paddings */ .no-padding { padding: 0 } .no-left-padding { padding-left: 0 } .padding-10 { padding: 0 10px } .padding-20 { padding: 0 20px } .padding-30 { padding: 0 30px } .padding-1l {padding:0 0 0 1%} .padding-1r {padding:0 1% 0 0} .padding-1h {padding:0 1%} .padding-1 {padding:1%} .padding-2 {padding:2%} .padding-3 {padding:3%} /* Commons > Opacity Hover */ .opacity-hover:hover, .opacity-hover:hover img { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; } /* Commons > Alignments & Floats */ .textcenter { text-align: center } .textright { text-align: right } .textleft { text-align: left } .float-left { float: left } .float-right { float: right } .fa-left { margin-right: 10px } .fa-right { margin-left: 10px } /* Commons > Text Decorations */ body .td-none { text-decoration: none } /* Commons > Border Radius */ .semi-rounded { border-radius: 4px } .rounded { border-radius: 10px } .round { border-radius: 50% } /* Commons > Max Widths */ .max-width-50 { max-width: 50% } .max-width-60 { max-width: 60% } .max-width-70 { max-width: 70% } .max-width-80 { max-width: 80% } /* Commons > Image Classes */ .image-shadow { background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); } .image-border { background: #fff; padding: 4px; border: 1px solid #ccc; box-shadow:2px 2px 2px #eee } .image-rounded { background: #fff; border-radius: 3px; } .image-circle { background: #fff; border-radius: 99px; } .image-hover:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; } .image-fancy { background: #fff; padding: 4px; border: 1px solid #ddd; -moz-border-radius: 99px; -webkit-border-radius: 99px; border-radius: 99px; } .image-fancy:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } /* Commons > Fade In */ .show-on-load, .fade-in-image { opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; transition: all 0.35s; -moz-transition: all 0.35s; -webkit-transition: all 0.35s; -o-transition: all 0.35s; } .fade-in-image.no-opacity, body.compose-mode .fade-in-image, .show-on-load.no-opacity, body.compose-mode .show-on-load { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } /* Commons > Hover Animations */ .image-hover { position: relative; overflow: hidden; display: block !important; /* block is important to fix firefox bug */ vertical-align: top; } .image-hover > a { display: block !important } .image-hover img { display: block; margin: 0 auto; height: auto;transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; -o-transition: all 0.25s; } /*------------------------------------------------------------------ [Video Backgrounds] -------------------------------------------------------------------*/ .video-bg-wrap { overflow: hidden; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -2; } .video-bg { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; } .video-bg-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; } .video-bg-overlay.dark { background: #000; opacity: 0.65; } .video-bg-overlay.dotted { background: rgba(0,0,0,0.3) url('images/dotted-overlay.png') repeat } .video-bg-overlay.dashed { background: rgba(0,0,0,0.3) url('images/dashed-overlay.png') repeat } /*------------------------------------------------------------------ [WordPress Styles] -------------------------------------------------------------------*/ .bypostauthor, .sticky { } .aligncenter { display: block; margin: 0 auto; } .alignright { float: right; margin: 0 0 10px 20px; } .alignleft { float: left; margin: 0 20px 10px 0; } .floatleftcenter { float: none; margin: 0 auto; } .floatleft { float: left } .floatright { float: right } .wp-caption { text-align: center; max-width: 100%; border: 1px solid #eee; background-color: #fff; padding: 8px; } .wp-caption img { display: block; margin: 0 auto; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 0.875em; padding: 10px 0 0; margin: 0; text-align: center; } .wp-caption.alignnone { margin-bottom: 20px } .wp-smiley { margin: 0; max-height: 1em; } #img-attch-page { text-align: center; overflow: hidden; } #img-attch-page img { display: inline-block; margin: 0 auto; max-width: 100%; margin-bottom: 20px; } .post-password-form label, .post-password-form input { display: block; float: none; } .post-password-form input { margin-top: 10px } .post-password-form input[type="password"] { width: 200px; max-width: 100%; } .post-password-form label { font-weight: bold; font-weight: 600; color: #000; } form.login { padding: 20px; border: 1px solid #eee; } form.login .lost_password { margin-left: 20px; display: inline-block; } .wpstats { display: none } /*------------------------------------------------------------------ [Forms + Buttons] -------------------------------------------------------------------*/ /*fixes */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; } /* turn off number spinners */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* reset search styling */ input[type="search"] { outline: 0 } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none } /* input normal */ input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="search"], textarea { color: #777; background: #f7f7f7; padding: .6em .6em; display: inline-block; font-size: 1em; transition: .15s linear border; -webkit-appearance: none; max-width: 100%; border: 1px solid #e4e4e4; font-family: inherit; } /* textarea */ textarea { width: 100%; max-width: 100%; -webkit-appearance: none; font-family: inherit; } /* remove chrome yellow autofill */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset } /* placeholder color */ ::-webkit-input-placeholder { color: inherit } :-moz-placeholder { color: inherit } ::-moz-placeholder { color: inherit } :-ms-input-placeholder { color: inherit } /* input focus */ input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus { outline: 0 } .sidebar-form {background-color: #eee; box-shadow: 0 1px 4px #ccc inset; border-top: 3px solid #333; border-bottom: 3px solid #333} .sidebar-form strong {font-size:1.45em} .sidebar-form .wpcf7 {margin:3% 0} .sidebar-form .contact-form input[type="submit"] {width:100%} .landing-form { border-left: 1px solid #999;padding: 0 2%;margin: 10px 0;} .contact-form { padding: 10px; overflow: hidden;} .contact-form h2 {color: #0079a8; margin: 10px 0px 0 5px;} .contact-form p { margin: 10px 0;} .contact-form input[type="text"], .contact-form input[type="password"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="url"], .contact-form textarea {color: #444; background: #f7f7f7; border: 1px solid #ddd; box-shadow: 1px 1px 1px 1px #eee inset; padding: .6em .6em; display: inline-block; font-size: .875em; transition: .15s linear border; -webkit-appearance: none; max-width: 100%; font-family: inherit; width:100%; margin: .5% 0;} .contact-form textarea {height:80px} .contact-form input[type="submit"] {text-transform: uppercase;background: #547604; color:#fff; padding:10px !important;width:50%; font-size:1.25em;margin: 2% 0;} .contact-form input[type="submit"]:hover {box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.5);background: #666;} .contact-form input[type='checkbox'] {margin:8% 0} .sidebar-form p:last-of-type {margin:0} .sidebar-form br:last-of-type {display:none} /* theme button default */ .theme-button, input[type="submit"], button {color: #fff; background: #0079a8; padding: .5em 1em; margin: 2% 0; display: inline-block; font-size: 0.923em; font-weight: normal; cursor: pointer; outline: none; border: none; font-family: inherit; -webkit-appearance: none; transition: all 0.15s ease-in-out; border-radius: 3px; -webkit-font-smoothing: inherit; text-decoration: none !important; } .theme-button:hover, input[type="submit"]:hover, button:hover {color: #fff; background: #666} .theme-button:active,input[type="submit"]:active,button:active {color: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.1) inset} .theme-button.white {background:#fff; color:#3c3d42} .theme-button.white:hover {background:#3c3d42; color:#fff} /* readmore link edits */ .readmore-link-wrap { display: block } .search-entry .readmore-link-wrap { margin-top: 10px } .readmore-link { display: block; float: left; } /* make some buttons smaller */ .readmore-link { font-size: 0.846em } /* full-width inputs */ .full-width-input input { width: 100% } .full-width-input .wpcf7-submit { padding: 0.9em 1.2em; } /*sizes & alignments*/ .theme-button.small { font-size: 0.923em } .theme-button.medium { font-size: 1.077em } .theme-button.large { font-size: 1.385em } .theme-button.align-left { float: left } .theme-button.align-right { float: right; margin-right: 0; margin-left: 5px; } .theme-button-icon-right { padding-left: 10px } .theme-button-icon-left { padding-right: 10px } .theme-button.expanded { width: 60%; padding: 0.75em 1.0em; margin: 5px 0; font-size: 1.2em; border:2px solid #0079a8; background:#eee; border-radius:7px; color:#231f20} .theme-button.expanded:hover {background:#0079a8; color:#fff} .theme-button.expanded .fa {margin-right:5px} .theme-button.large-green { font-size: 1.25em; background:#547604} .theme-button.large-green:hover {background: #0079a8;} /*------------------------------------------------------------------ [Typography] -------------------------------------------------------------------*/ em { font-style: italic } strong { font-weight: bold; font-weight: 600; } small { font-size: 80% } hr { border: solid #ddd; border-width: 2px 0 0; margin: 15px 0; height: 0; } /* Typography > Font Sizes */ .em-14px { font-size: 0.875em } .em-18px { font-size: 1.125em !important;line-height:1.75} .em-21px { font-size: 1.313em !important} .em-24px { font-size: 1.500em !important} /* Typography > Font Smoothing */ body.smooth-fonts { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Typography > Paragraph */ p { margin: 0 0 10px } /* Typography > Blockquote */ blockquote { background: url('images/quote.png') left 4px no-repeat; padding-left: 55px; margin: 40px 0; font-size: 1.125em; color: #666; } blockquote p:last-child { margin: 0 } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } /*------------------------------------------------------------------ [Lists] -------------------------------------------------------------------*/ .entry ul, .content-area ul, .entry ol, .content-area ol { margin: 0 0 20px 30px } .entry ul, .content-area ul { list-style: disc } .entry ul li ul, .content-area ul li ul { list-style: circle; margin: 0 0 0 30px} .entry ol, .content-area ol { list-style: decimal } /*checklist*/ ul.check-list { margin: 0 0 20px 20px; list-style: none; } ul.check-list li { margin: 0 0 5px; text-indent: -1.5em; padding-left: 1em; } ul.check-list li:before { font-family: 'Font Awesome\ 5 Free'; content: "\f00c"; font-weight: 900; margin-right: 5px; color:#0079a8 } .areas-interest ul.check-list {column-count:2} .patient-prep {margin:2% 0} .patient-prep ul {column-count:2;list-style: none;} .patient-prep ul li:before { font-family: 'Font Awesome\ 5 Free'; content: "\f00c"; font-weight: 900; margin-right: 5px; color:#222 } .patient-prep h2 {color:#222} .patient-prep ul li a:hover {color:#006288} .two-column, .columns-2 {column-count:2} /*------------------------------------------------------------------ [Topbar] -------------------------------------------------------------------*/ #top-bar { position: relative; min-height: 40px; padding: 8px 0; } .top-bar-left { float: left; } .top-bar-right { float: right; } .top-bar-centered { float: none; text-align: center; } .gtranslate { position: absolute; right: 0px; z-index:9999} .gtranslate a {color:#3c3d42 !important; font-size: 1em !important} .top-bar-links { float: right;margin-right: 175px;font-size:.85em;width: 65%;} /* Top Bar > Header Overlay */ body.has-overlay-header #top-bar-wrap { position: absolute; top: 0; width: 100%; border: 0; } /* Top Bar > Content */ #top-bar-content strong { color: #000 } #top-bar-content #lang_sel { position: relative; margin-right: 10px; top: 11px; display: inline-block; } #top-bar-wrap #lang_sel ul ul { z-index: 99999 } /* Top Bar > Menu */ .top-bar-left.has-content .top-bar-menu { margin-right: 20px } .top-bar-right.has-content .top-bar-menu { margin-right: 20px } .top-bar-menu, .top-bar-menu li { display: block; float: left; } #top-bar-content.top-bar-centered .top-bar-menu, #top-bar-content.top-bar-centered .top-bar-menu li { display: inline-block; float: none; } .top-bar-menu li { margin-right: 20px } .top-bar-menu li li { display: none !important; /* dropdowns not supported hidden to prevent bugs*/ } .top-bar-menu li:last-child { margin-right: 0 } .top-bar-menu li a .fa { margin-right: 6px } /*------------------------------------------------------------------ [Social Icons] -------------------------------------------------------------------*/ .social-icons .fa {margin-right:.5em} /*------------------------------------------------------------------ [Header Global Styles] -------------------------------------------------------------------*/ #site-header { padding: 0 !important; position: relative; z-index: 50;} #site-header.full-width .container { width: 100% !important; } #site-header-inner { position: relative; padding-top: 10px; padding-bottom: 10px; height: 100%; } /* Header > Main > Logo */ #site-logo { display: table; } #site-logo-inner { display: table-cell; vertical-align: middle; padding:10px 0 } #site-logo a { height: 100%; padding: 0; margin: 0; text-decoration: none; } #site-logo a.site-logo-text { color: #222; font-size: 24px; font-weight: bold; } #site-logo-fa-icon { margin-right: 10px; } #site-logo a:hover { text-decoration: none } #site-logo img { display: inline; vertical-align: middle; max-height: 100%; max-width: 100%; width: 100%;} /*------------------------------------------------------------------ [Navigation] -------------------------------------------------------------------*/ #mobile-icon {visibility:hidden} #btnClos {display:none} nav a {text-decoration: none;color:#3c3d42;display: block;transition: .3s background-color; padding: 0 15px;float: left; text-transform:uppercase;line-height: 2;} .menu-item-home a {background:none} nav a:hover {color:#333;} nav {width: 100%;margin: 0;padding: 0;list-style: none; } nav li {float: left; margin: 0;height:30px; } nav li:hover {background:#b7b7b7} nav li:first-child a {padding:0 15px 0 15px} nav li ul {display: none; padding: 0;position: absolute;margin-top:30px;min-width: 165px; } nav ul li:hover > ul {display:block} nav ul li ul{background: none repeat 0 0 rgb(255, 255, 255);-webkit-box-shadow: 0 3px 6px #8E8E8E; -moz-box-shadow: 0 3px 6px #8E8E8E; -ms-box-shadow: 0 3px 6px #8E8E8E; -o-box-shadow: 0 3px 6px #8E8E8E; box-shadow: 0 3px 6px #8E8E8E;} nav ul ul li{ float:none; margin: 1% 0; } nav ul ul ul {left: 100%;top: 0;} nav ul ul li:first-child a {padding:0 15px;} nav ul ul li a {font-size:.85em;width: 100%;color:#262626} nav ul ul li:hover {background:#e6e6e6} /*------------------------------------------------------------------ [Header] -------------------------------------------------------------------*/ .header-two { background: #fff } .header-two-aside { font-size: 1.35em; float:right; font-family:'Roboto Slab', sans-serif;line-height: 1.25;} .phone-num {display:block; font-size:1.7em; color:#0079a8} .phone-num .fa-phone { font-size: .75em;} .header-cta {float:left; margin: 15px 35px 0 0;} .header-cta-icon {float:left;margin-right:15px;font-size:2em} .header-cta-text {float: left;} .header-cta-icon img {width: 40px;vertical-align: top; margin-top: 5px;} .header-aside { font-size: 1.35em; right: 20%; position: absolute; font-family:'Roboto Slab', sans-serif;line-height: 1.25;} .header-aside-cta {float:left; margin: 15px 35px 0 0;} .header-aside-cta-icon {float:left;margin-right:15px;} .header-aside-cta-text {float: left;} .header-aside-cta-icon img {width: 40px;vertical-align: top; margin-top: 5px;} /* Header > Two > Logo */ .header-two #site-logo { float:left; height: 100%; width:35% } .navbar-style-two { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative;clear:both; background:#e6e6e6; z-index:2 } /* Header > Two > Search */ #header-two-search { margin-top: 10px } #header-two-search { float: right } #header-two-search input#header-two-search-input { font-size: 0.923em; width: 160px; float: left; border: 1px solid #ddd; height: 32px; padding: 0 10px; background: #f7f7f7; } #header-two-search-submit { height: 32px; line-height: 32px; width: 35px; text-align: center; padding: 0; outline: none; margin-left: 5px; cursor: pointer; font-size: 12px; } /*------------------------------------------------------------------ [Page Title] -------------------------------------------------------------------*/ /* Page Header > Main */ .page-header {background: #333; margin: 10px 0 20px; padding: 5px 0 0; position: relative; } .page-header .container { position: relative } .header-title { display: inline-block; font-size: 1.875em; line-height: 1.4em; font-weight: normal; font-weight: 400; color: #fff; } .subheading { margin: 0; color: #b7b7b8; } /*------------------------------------------------------------------ [Breadcrumbs] -------------------------------------------------------------------*/ .site-breadcrumbs { position: absolute; right: 0; top: 50%; height: 32px; line-height: 32px; margin-top: -16px; font-size: 0.9em; color: #bcbcbc; font-weight: normal; } .site-breadcrumbs a { color: #333 } .site-breadcrumbs .breadcrumb-title { margin-right: 5px } .site-breadcrumbs .fa { margin: 0 3px } /*------------------------------------------------------------------ [Entries (Global Styles)] -------------------------------------------------------------------*/ /* Entries > Left Thumbnail Style */ .entries.left-thumbs .entry { border: 0 } .entries.left-thumbs .entry .entry-media { float: left; margin: 0; width: 46%; } .entries.left-thumbs .entry .entry-details { background: none; border: none; float: right; width: 50%; padding: 0; } .entries.left-thumbs .entry:not(.has-media) .entry-details { width: 100% } /* Entries > Title */ .entry-title { display: block; font-size: 1.077em; margin: 0 0 5px; font-weight: bold; font-weight: 600; color: #000; } .entry-title a { color: inherit } .entry-title a:hover { text-decoration: none } .single-post-title { font-size: 1.846em; margin: 0 0 10px; font-weight: 400; } /*------------------------------------------------------------------ [Post Meta] -------------------------------------------------------------------*/ ul.meta {margin: 0 0 20px;} .meta, .entry .meta { font-size: 0.923em; color: #777; list-style: none; margin: 0 0 10px; } .meta li, .entry .meta li { float: left; margin: 0 20px 5px 0; list-style: none;} .meta li:last-child, .entry .meta li:last-child { margin-right: 0 } .meta li .fa { margin-right: 8px } .meta a { color: #000; text-decoration: none; } .meta a:hover { color: #777; text-decoration: none; } .meta time { display: inline; } /*------------------------------------------------------------------ [Blog] -------------------------------------------------------------------*/ #content .social-share-buttons li:before {content: none;} .social-share-buttons.position-horizontal li a { border: none;} .prev-article{float:left;margin-left:15px;width:40%} .next-article{float:right; text-align:right;margin-right:15px;width:40%} .blog-entry a.blog-entry-media-link { display: block; margin: 0 auto; } .blog-entry-media img { display: block; margin: 0 auto; width: 100%; } .single-post .blog-entry.grid-entry-style.format-quote { width: 100%; margin: 0; } .format-quote { overflow: hidden } .blog-entry-readmore span.readmore-rarr { margin-left: 7px } .blog-entry .social-share-title { display: none } .blog-entry-excerpt p:last-child { margin: 0 } /* Blog > Post Gallery */ .gallery-format-post-slider-wrap ul, .gallery-format-post-slider-wrap ol { margin: 0; list-style: none; } .gallery-format-post-slider-wrap ul li { list-style: none } .gallery-format-post-slider-wrap .flex-control-thumbs { padding-top: 10px; z-index: 99; } .gallery-format-post-slider-wrap .flex-control-thumbs:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; } .gallery-format-post-slider-wrap .flex-control-thumbs li { display: block; float: left; margin-right: 5px; margin-bottom: 5px; cursor: pointer; height: auto; width: 50px; } .gallery-format-post-slider-wrap .flex-control-thumbs li a { display: block } .gallery-format-post-slider-wrap .flex-control-thumbs li img { width: 100%; display: block; opacity: 0.4; margin-bottom: 3px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; box-shadow: #000 0em 0em 0em; } .gallery-format-post-slider-wrap .flex-control-thumbs img.flex-active, .gallery-format-post-slider-wrap .flex-control-thumbs li img:hover { opacity: 1 } .gallery-format-post-slider-wrap .flex-direction-nav a { display: block; width: 40px; height: 60px; line-height: 60px; margin-top: -30px; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0.7; cursor: pointer; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; background: #000; color: #fff; text-align: center; font-size: 1.385em; } .gallery-format-post-slider-wrap .flex-direction-nav .flex-prev { left: 0; border-radius: 0 3px 3px 0; } .gallery-format-post-slider-wrap .flex-direction-nav .flex-next { right: 0; border-radius: 3px 0 0 3px; } .gallery-format-post-slider-wrap .flex-direction-nav a:hover { opacity: 1 } /* Blog > Audio Format */ .blog-entry-img-link { position: relative; display: block; } .blog-entry-music-icon-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.4); transition: all 0.2s; } .blog-entry-music-icon-overlay:hover { background: rgba(0,0,0,0.6) } .blog-entry-music-icon-overlay .fa { display: block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; height: 40px; width: 40px; line-height: 40px; text-align: center; background: #fff; color: #000; font-size: 1.385em; border-radius: 99px; opacity: 0.85; } .blog-post-audio { overflow: hidden; width: 100%; } .blog-post-audio iframe, .blog-post-audio embed { max-width: 100% } .widget_categories h3, .widget_recent_entries h3 {border-bottom: 1px solid; text-align:left} /*------------------------------------------------------------------ [Blog Entry] -------------------------------------------------------------------*/ .blog-entry-title { font-size: 1.846em; margin: 0 0 10px; font-weight: 400; } .blog-entry-media, .blog-entry-excerpt, .blog-entry-readmore { margin-bottom: 20px } /* Blog Entry > Quote Format */ .blog-entry.format-quote .post-quote-entry-inner { position: relative; display: block; padding: 20px 30px; font-size: 1.231em; z-index: 2; background: #f7f7f7; } .blog-entry.format-quote p:last-child { margin: 0 } .blog-entry.format-quote .quote-entry-author { margin-top: 15px; font-size: 0.923em; font-weight: 300; text-decoration: underline; } .blog-entry.format-quote .fa-quote-right { position: absolute; right: 15px; bottom: 15px; color: #999; font-size: 60px; display: block; z-index: 1; opacity: 0.15; } /* Blog Entry > Avatar */ .entry-has-avatar .blog-entry-header { position: relative; padding-left: 100px; min-height: 74px; margin-bottom: 20px; } .blog-entry-author-avatar { position: absolute; left: 0; top: 0; } .blog-entry-author-avatar { height: 74px; width: 74px; } .blog-entry-author-avatar a, .blog-entry-author-avatar img { display: block; width: 100%; height: 100%; } .entry-has-avatar.large-image-entry-style { position: relative; } /*------------------------------------------------------------------ [Blog Entry: Thumbnail] -------------------------------------------------------------------*/ .entries.left-thumbs .blog-entry.thumbnail-entry-style { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; } .blog-entry.thumbnail-entry-style .blog-entry-title { margin: 0 0 5px } /* Blog Entry > Thumbnail > Gallery */ .blog-entry.thumbnail-entry-style .sp-fade-arrows { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .blog-entry.thumbnail-entry-style .sp-horizontal .sp-arrows { margin-top: -20px } .blog-entry.thumbnail-entry-style .slider .sp-arrow { height: 40px; width: 25px; line-height: 40px; font-size: 1.077em; background: rgba(0,0,0,.3); } .blog-entry.thumbnail-entry-style .slider .sp-arrow:hover { background: rgba(0,0,0,1) } /*------------------------------------------------------------------ [Single Blog Posts] -------------------------------------------------------------------*/ .single-post .entry { margin-bottom: 40px } /* Blog Single > Meta */ .content-full-screen .meta { display: none } .single-post .meta { margin: 0 0 20px } .single-post .meta.meta-with-title { border: none; padding: 0; } /* Blog Single > Thumbnail */ #post-media { display: block; position: relative; margin-bottom: 20px; } #post-media img { display: block; margin: 0 auto; width: 100%; } .post-media-caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 15px; background: #000; background: rgba(0,0,0,0.75); color: #fff; font-size: 0.923em; font-weight: normal; text-align: center; } .post-media-caption p { color: #fff } .post-media-caption a { color: #fff; text-decoration: underline; } .post-media-caption p:last-child { margin: 0 } /* Blog Single > Tags */ .post-tags { margin-bottom: 40px } /* Blog Single > Related Posts */ .related-posts { margin-bottom: 20px; overflow: hidden; } .related-posts li { margin-bottom: 20px } .related-posts li:last-child, .related-posts li p:last-child { margin-bottom: 0 } .related-post-thumb { display: block } .related-post-thumb img { display: block; width: 100%; } .related-post-title { margin: 0 0 5px; display: block; } .related-post-content { padding: 10px; background: #f7f7f7; border: 1px solid #eee; } .related-post-excerpt { font-size: 0.923em; line-height: 1.7em; } .related-post-excerpt p:last-child { margin: 0 } /* Blog Single > Quote */ .single .format-quote { position: relative; display: block; padding: 20px 30px; font-size: 1.231em; z-index: 2; background: #f7f7f7; } .single .format-quote p:last-child { margin: 0 } .single .format-quote .quote-entry-author { margin-top: 15px; font-size: 0.923em; font-weight: 300; text-decoration: underline; } .single .format-quote .fa-quote-right { position: absolute; right: 15px; bottom: 15px; font-size: 60px; display: block; z-index: 1; opacity: 0.1; } /*------------------------------------------------------------------ [Post Series] -------------------------------------------------------------------*/ #post-series { padding: 0 25px 25px; background: #f7f7f7; border: 1px solid #e4e4e4; margin-bottom: 30px; } #post-series-title { background: #eee; font-size: 1.231em; font-weight: normal; margin: 0 -25px 25px; padding: 10px 25px; color: #000; border-bottom: 1px solid #e4e4e4; } #post-series-title a { opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7; } #post-series-title a { color: inherit } #post-series ul { list-style: none !important; margin: 0 !important; } #post-series li { padding: 7px 0; border-bottom: 1px solid #eee; } #post-series li:first-child { padding-top: 0 } #post-series li:last-child { border: none; padding-bottom: 0; } #post-series .post-series-count { font-weight: bold; font-weight: 600; color: #000; margin-right: 10px; } #post-series .post-series-current { opacity: 0.75; -webkit-opacity: 0.75; -moz-opacity: 0.75; text-decoration: line-through; } /*------------------------------------------------------------------ [Social Sharing] -------------------------------------------------------------------*/ /* Social Sharing */ .social-share-wrap { margin: 3% 0;width: max-content;} .social-share.position-horizontal {display:inline; list-style:none !important;margin: 0 !important;} .social-share.position-horizontal li {float: left; margin: 0 12px 5px 0px; border: none; } .social-share.position-horizontal .svg-inline--fa {margin-right:5px} .social-share li a {color: #1b1819; width: 35px; height: 35px; line-height: 35px; text-align: center;transition: all .15s ease-in-out;} .social-share li a.share-x {background: #000; color:#fff; padding:0px 15px 0 20px; background-image:url("/wp-content/uploads/2024/04/logo-white18.png"); background-repeat: no-repeat; background-position: center left 10px;background-size: 15px; width:auto;display:inline-block;} .social-share li a.share-x:hover{background:#f3f3f3;background-image:url("/wp-content/uploads/2024/04/logo-black18.png");background-repeat: no-repeat; background-position: center left 10px;background-size: 15px; color:#000;} .social-share li a.share-facebook {background: #1877f2; color:#fff; padding:0px 15px 0 25px; background-image:url("/wp-content/uploads/2024/04/f_logo_RGB-White_18.png"); background-repeat: no-repeat; background-position: center left 10px;background-size: 17px; width:auto;display:inline-block;} .social-share li a.share-facebook:hover {background: #f3f3f3;color: #1877f2;background-image:url("/wp-content/uploads/2024/04/f_logo_RGB-Blue_18.png"); background-repeat: no-repeat; background-position: center left 10px;background-size: 17px; width:auto;display:inline-block;} .social-share li a.share-pinterest {background: #cb2027; color:#fff; padding:0px 15px 0 25px; background-image:url("/wp-content/uploads/2024/04/P-badge-white_18.png"); background-repeat: no-repeat; background-position: center left 10px;background-size: 15px; width:auto;display:inline-block;} .social-share li a.share-pinterest:hover {background: #f3f3f3;color: #cb2027;background-image:url("/wp-content/uploads/2024/04/P-badge-red_18.png"); background-repeat: no-repeat; background-position: center left 10px;background-size: 15px; width:auto;display:inline-block;} .social-share li a.share-linkedin {background: #4875B4; color:#fff; padding:0px 15px 0 30px; background-image:url("/wp-content/uploads/2024/04/In-white_18.png"); background-repeat: no-repeat; background-position: center left 10px;background-size: 18px; width:auto;display:inline-block;} .social-share li a.share-linkedin:hover {background: #f3f3f3;color: #4875B4;background-image:url("/wp-content/uploads/2024/04/In-blue_18.png"); background-repeat: no-repeat; background-position: center left 10px;background-size: 18px; width:auto;display:inline-block;} /*------------------------------------------------------------------ [WP Gallery] -------------------------------------------------------------------*/ .content-full-width .gallery-item { margin-bottom: 15px } .content-left-sidebar .gallery-item, .content-right-sidebar .gallery-item { margin-bottom: 10px } .gallery { margin-bottom: 15px } #wrap .gallery p { margin: 0 } #wrap .gallery { margin: 0 -10px } .gallery-item { padding: 0 10px } #wrap .gallery-item img { display: block; border: none; width: 100%; } .gallery-item img:hover { opacity: 0.8 } .gallery-caption { font-size: 0.923em; background: #f7f7f7; border: 1px solid #e4e4e4; border-top: none; text-align: center; padding: 5px 10px; } /*------------------------------------------------------------------ [Pagination] -------------------------------------------------------------------*/ /*next/previous posts*/ .post-pagination { border-top: 1px solid #eee; padding: 30px 0; color: #888; } .post-pagination .post-prev { float: left; width: 48%; } .post-pagination .post-prev span { margin-right: 5px } .post-pagination .post-next { float: right; width: 48%; text-align: right; } .post-pagination .post-next span { margin-left: 5px } .post-pagination a { color: #888 } .content-full-screen .post-pagination { display: none } /*standard*/ ul.page-numbers { list-style: none; margin: 10px 0 0; } ul.page-numbers li { display: block; float: left; margin: 0 4px 4px 0; text-align: center; } .page-numbers a, .page-numbers span { line-height: 1; display: block; padding: 0.4em 0.7em; font-size: 0.923em; text-decoration: none; font-weight: normal; font-weight: 400; cursor: pointer; border: 1px solid #ddd; color: #888; transition: all .15s ease-in-out; } .page-numbers a span { padding: 0 } .page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover { color: #000; background: #f7f7f7; text-decoration: none; } .page-numbers:hover { text-decoration: none } /*------------------------------------------------------------------ [Widgets] -------------------------------------------------------------------*/ .widget ul { list-style: none; margin: 0; } .widget_product_categories ul ul li:last-child { border-bottom: none; padding-bottom: 0; } .widget_product_categories ul ul li { padding-left: 15px } /* Widgets > Business Info */ .info-widget div { padding-left: 2.308em; position: relative; line-height: 1.5; margin-bottom: 10px; } .info-widget div:last-child { margin-bottom: 0; } .info-widget p { margin: 0; } .info-widget .fa { position: absolute; left: 0; top: 0; font-size: 1.231em; } /* Widgets > Custom Menu */ #sidebar .widget_nav_menu .sub-menu { display: none } #sidebar .widget_nav_menu ul { margin: 0 } #sidebar .widget_nav_menu ul ul { margin: 0; border: none; border-radius: 0; } #sidebar .widget_nav_menu ul > li:first-child > a { border-top: 1px solid #e4e4e4 } #sidebar .widget_nav_menu li ul li:first-child a { border-top: none } #sidebar .widget_nav_menu a { position: relative; font-weight: normal; display: block; padding: 9px 15px; border: 1px solid #e4e4e4; border-top: none; } #sidebar .widget_nav_menu a .fa { margin-right: 10px } #sidebar .widget_nav_menu .menu-item-has-children > a { padding-right: 30px } #sidebar .widget_nav_menu ul ul li a { padding-left: 20px } #sidebar .widget_nav_menu ul ul ul li a { padding-left: 30px } #sidebar .widget_nav_menu .sub-menu a:before { content: "-"; margin-right: 10px; } #sidebar .widget_nav_menu .sub-menu .sub-menu a:before { content: "- -"; margin-right: 10px; } #sidebar .widget_nav_menu a:hover, #sidebar .widget_nav_menu li.active > a { background-color: #f9f9f9; text-decoration: none; } #sidebar .widget_nav_menu .parent > a:after { font-family: 'Font Awesome\ 5 Free'; font-weight: 900; display: block; content: "\f0d7"; position: absolute; right: 15px; top: 50%; font-size: 1.077em; height: 20px; line-height: 20px; margin-top: -10px; color: #ddd; } #sidebar .widget_nav_menu .parent.active > a:after { content: "\f0d8" } #sidebar .widget_nav_menu .current_page_item > a, #sidebar .widget_nav_menu .current-menu-item > a { background: #f7f7f7 } #sidebar .widget_nav_menu .current_page_item > .sub-menu, #sidebar .widget_nav_menu .current-menu-item > .sub-menu { display: block; } /* Widgets > Categories */ .widget_categories li { position: relative } .widget_categories li ul { margin: 0 0 0 20px } .widget_categories li ul li:first-child { border-top: 1px solid #eee; margin-top: 4px; } .widget_categories li ul li:last-child { border-bottom: none; padding-bottom: 0; } .widget_categories .cat-count-span { color: #999; font-size: 0.846em; } /* Widgets > Recent Posts */ .widget_recent_entries .post-date { display: block; font-size: 0.846em; color: #777; margin: 5px 0 0; } /* Widgets > Footer Colors */ #footer li { border-bottom: solid 1px #ccc;padding: 6px 0;} #footer li:last-child {border-bottom:none;} #footer li a:hover {text-decoration: underline;} #footer h3 {font-family: 'Cabin', sans-serif; color: #006288; font-size: 1.25em;font-weight: 600;line-height: 20px; margin: 0 0 5px; padding: 0; text-transform: uppercase;} .menu-footer-container li {padding:6px 20px !important;} .menu-footer-container li:hover { background-color: #3b3a3a; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -ms-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; } /* Widgets > With Icons */ .widget-recent-posts-icons li .fa { margin-right: 10px; color: #999; } .site-footer .widget-recent-posts-icons li .fa { color: #777 } /* Widgets > Recent Posts */ .recent-comments-widget li { position: relative; padding-left: 70px; display: block; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px; min-height: 62px; } .recent-comments-widget li:first-child { border-top: 1px solid #eee; padding-top: 20px; } .recent-comments-widget li a { display: block } .recent-comments-widget li a.avatar { width: 50px; height: 50px; position: absolute; left: 0; top: 0; display: block; padding: 3px; border: 1px solid #e4e4e4; } .recent-comments-widget li:first-child a.avatar { top: 20px } .site-footer .recent-comments-widget li a.avatar { border-color: #333 } .recent-comments-widget strong { color: #000 } .site-footer .recent-comments-widget strong { color: #fff } /*------------------------------------------------------------------ [Footer + Footer Widgets] -------------------------------------------------------------------*/ .site-footer-2 .col-1, .site-footer-2 .col-2 {width: 50%; float: left; padding:20px 0} .site-footer-2 .col-3 {width: 100%; float: left; border-top:1px solid #444; padding: 2% 0 1%;} .site-footer-2 .col-4 {background:#006a94; color:#fff;overflow: hidden; padding:20px; margin-left: 3%;min-height: 360px;} .site-footer-2 .col-4 h3 { color: #fff !important;font-size: 1.35em !important;} .site-footer-2 .footer-phone {font-size:1.5em;margin: 3% 3% 0 0;} .site-footer-2 .footer-seal {max-width:45%} .site-footer-2 { background: #e6e6e6; color: #3c3d42; font-size: .875em;line-height: 1.5;margin-top:5px} .site-footer-2 a {color: #006288; } .site-footer-2 a:hover { color: #222; text-decoration: none; } .site-footer-2 .container { overflow:hidden } .site-footer-2 ul { margin: 0 } .site-footer-2 .widget_recent_entries li, .site-footer-2 .widget_categories li { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #333; } .site-footer-2 .two-thirds {width:66.6%; float:left} .site-footer-2 .col-1b, .site-footer-2 .col-2b {width: 50%; float: left; padding:20px 0} .site-footer-2 .col-3b {width: 100%; float: left; border-top:1px solid #444; padding: 2% 0 1%;} .site-footer-2 .one-third {width:33.3%; float:left} .site-footer-2 .col-4b {background:#006a94; color:#fff;overflow: hidden; padding:20px; margin-left: 3%;min-height: 330px;} .site-footer-2 .col-4b h3 { color: #fff !important;font-size: 1.35em !important;} .affil-left {width:30%; float:left} .affil-right {display:flex; justify-content:space-around} .affil-logo { padding: 0 0 0 3%;} .site-footer-2 #menu-footer-menu li {border: 0; margin: 0 1.5%;float:none} .site-footer-2 #menu-footer-menu li a {color:#fff;font-size: 1.125em;} .site-footer-2 #menu-footer-menu li:first-of-type {margin: 0 1.5%;} /* Footer > Main */ .site-footer .container { padding: 20px 0 5px; overflow:hidden } .single-col-footer .col { margin-left: 0; width: 100%; margin-right: 0; } .site-footer ul { margin: 0 } .site-footer .col { margin-bottom: 0 ; float:left} .full-screen-post .site-footer { margin-top: 0 } .site-footer .widget_recent_entries li, .site-footer .widget_categories li { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #333; } .footer-phone {font-size:1.5em;margin: 8% 0px;} .footer-phone strong {font-size:1.25em; color:#0079a8} .site-footer .col-3 {text-align:right;} .site-footer .col-3 .footer-logo-1 img { max-height: 45px; margin-top:3%} .site-footer .col-3 .footer-logo-2 img{ max-height: 55px; margin: 5% 0; padding: 0 0 0 4%;} #menu-footer-menu li:before {content: "\f0da";font-family: 'Font Awesome\ 5 Free'; font-weight: 900;padding-right: 5px;} .footer-nav-wrapper {clear:both;background:#006a94; color:#fff;overflow: hidden; } .footer-nav-wrapper .container {padding:5px 0;overflow: hidden;} #menu-footer-menu li {float:left; border: 0; margin: 0 1.5%;} #menu-footer-menu li a {color:#fff;font-size: 1.125em;} #menu-footer-menu li:first-of-type {margin: 0 1.5% 0 0;} .rpwwt-widget ul li { margin: 0 !important;} /* Footer > Typography */ .footer-widget .widget-title { color: #fff; font-weight: bold; font-weight: 600; font-size: 1.077em; margin: 0 0 20px; } .site-footer-widgets { position: relative } .site-footer {line-height:1.5} /* Footer > Widgets */ .footer-widget { padding-bottom: 45px } #footer-widgets.row .col { margin-bottom: 0 !important } .footer-widget .widget-recent-posts-title { color: #fff } /* Footer > Bottom */ #footer-bottom-inner { position: relative } #footer-bottom p:last-child { margin: 0 } #footer-bottom > .container { padding-top: 10px; padding-bottom: 10px; } #footer-bottom .twothird, #footer-bottom .third {padding:0} #footer-bottom .twothird br {display:none} /* Footer > Copyright */ .copyright { font-size: 0.825em; font-weight: 400; } .copyright p:last-child { margin: 0 } /* Footer > Social */ #footer-bottom-menu { position: absolute; right: 0; top: 50%; margin-top: -20px; height: 40px; line-height: 40px; } #footer-bottom-menu ul { list-style: none; margin: 0; } #footer-bottom-menu ul li { float: left; margin-left: 20px; } #footer-bottom-menu ul li:first-child { margin-left: 0 } #footer-bottom-menu ul li .fa { margin-right: 7px } /*------------------------------------------------------------------ [Search] -------------------------------------------------------------------*/ /*search input*/ .searchform { position: relative } .menu-search-text { display: none; } .searchform input { width: 100%; background-repeat: no-repeat; background-position: right center; padding: .8em 30px .8em .8em; } .searchform .searchform-submit { position: absolute; top: 50%; right: 15px; height: 20px; line-height: 20px; margin: -10px 0 0; background: none; padding: 0; border: 0; outline: 0; color: #000; font-size: 11px; opacity: 0.5; } #footer .searchform input { background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.06); border: none; padding: .8em; } #footer input[type="search"] { outline: none } /*search results page*/ #search-no-results { font-size: 1.231em; margin-bottom: 20px; } /*entries*/ .search-entry { position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; padding-left: 130px; min-height: 120px; } .search-entry-no-thumb { padding-left: 0; min-height: 0; } .search-entry h2 { font-size: 1.313em; margin: 0 0 10px; font-weight: bold; font-weight: 600; } .search-entry-thumb { position: absolute; top: 0; left: 0; width: 100px; padding: 4px; border: 1px solid #eee; } .search-entry-thumb img { display: block; width: 100%; } .search-entry-thumb img:hover { opacity: 0.8 } .search-entry-text p:last-child { margin: 0 } /*search site overlay - modal*/ #searchform-overlay { display: none; width: 350px; top: 120px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; transition: transform 0.4s; } #searchform-overlay.active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #searchform-overlay-title { font-size: 2.154em; margin: 0 0 20px; font-weight: 400; color: #fff; text-align: center; text-transform: capitalize; } #searchform-overlay input { font-size: 1.077em; background: #fff; -webkit-apperance: none !important; width: 100%; border: 0; outline: 0; padding: 0; padding-right: 40px; padding-left: 20px; height: 45px; color: #000; font-weight: 400; border-radius: 3px; box-shadow: 0 0 4px rgba(0,0,0,0.7); } #searchform-overlay .searchform-submit { font-size: 18px; } #searchform-overlay .searchform-submit:hover { opacity: 1; } /*dropdown searchform*/ #searchform-dropdown { z-index: 10000; position: absolute; right: 0; background: #fff; top: 100%; padding: 15px; width: 260px; border-top: 3px solid transparent; box-shadow: 0 2px 7px rgba(0,0,0,0.1); visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; } #searchform-dropdown input { display: block; outline: none; border: none; width: 100%; background: #f4f4f4; -webkit-appearance: none; border-radius: 0; } #searchform-dropdown button { display: none; } .boxed-main-layout #searchform-dropdown { right: 30px } /*header replace*/ #searchform-header-replace { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; } #searchform-header-replace form { height: 100%; width: 100%; } #searchform-header-replace input { height: 100%; width: 100%; outline: 0; border: 0; -webkit-appearance: none; -moz-border-radius: none; -webkit-border-radius: none; border-radius: 0; font-size: 32px; text-transform: uppercase; color: #bbb; background: none; } #searchform-header-replace-close { position: absolute; right: 0; top: 50%; margin-top: -20px; height: 40px; line-height: 40px; font-size: 26px; color: #bbb; cursor: pointer; } #searchform-header-replace-close:hover { color: #000 } body.boxed-main-layout #searchform-header-replace input { padding: 0 30px } body.boxed-main-layout #searchform-header-replace-close { right: 30px } /*display search on click*/ #searchform-dropdown.show, #searchform-header-replace.show { visibility: visible; opacity: 1; } /*------------------------------------------------------------------ [Contact Form 7] -------------------------------------------------------------------*/ div.wpcf7 .wpcf7-not-valid { border-color: #F00 } span.wpcf7-not-valid-tip { display: none !important } div.wpcf7 input, div.wpcf7 textarea { max-width: 100% } div.wpcf7-validation-errors { margin: 20px 0 0; padding: 10px; color: #c4690e; background: #fffdf3; text-align: center; border: 1px solid #fad7b5; font-weight: 400; font-size: 0.923em; } div.wpcf7 .wpcf7-mail-sent-ok { margin: 10px 0 0; padding: 10px; background: #edfdd3; border: 1px solid #c4dba0; text-align: center; color: #657e3c; font-weight: normal; } div.wpcf7-mail-sent-ng { margin: 0; padding: 10px; background: #ffe9e9; color: #d04544; border: 1px solid #e7a9a9; } .wpcf7 input, .wpcf7 textarea { margin-top: 5px } div.wpcf7 .col input { width: 100% } div.wpcf7 .one-half input { width: 100% } div.wpcf7 .one-half { padding-left: 20px } div.wpcf7 .one-half.first { padding-left: 0 } div.wpcf7 .full-width input { width: 100% } /*------------------------------------------------------------------ [Login Page] -------------------------------------------------------------------*/ #login-page-wrap { padding: 80px 0; text-align: center; } #login-page-logo { margin-bottom: 10px } #login-page-logo a { font-weight: bold; font-weight: 600; font-size: 26px; color: #000; } #login-template-form { display: inline-block; border: 1px solid #eee; background: #f7f7f7; padding: 20px; width: 300px; max-width: 100%; } #login-template-form label { font-size: 0.846em; text-transform: uppercase; font-weight: 400; text-align: left; letter-spacing: 1px; display: block; float: none; margin-bottom: 5px; color: #999; } #login-template-form input[type="text"], #login-template-form input[type="password"] { width: 100%; background: #fff; } #login-template-form .button-primary { width: 100% } #login-template-form .login-submit { margin: 0 } /*------------------------------------------------------------------ [Login Form] -------------------------------------------------------------------*/ #loginform-wrap label { font-size: 1.125em } #loginform-wrap input[type="text"], #loginform-wrap input[type="password"] { width: 100%; font-size: 1em; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border: 1px solid transparent; margin-top: 10px; border-radius: 3px; } #loginform-wrap input[type="text"]:focus, #loginform-wrap input[type="password"]:focus { border-color: #ccc; box-shadow: 0 1px 2px rgba(0,0,0,0.1); color: #333; } #loginform-wrap p:last-child { margin: 0 } #loginform-wrap a:hover { color: #4d4d4d; text-decoration: none; } /*------------------------------------------------------------------ [Archives] -------------------------------------------------------------------*/ .archives-section { margin-bottom: 60px } .archives-section h2 { margin: 0 0 10px } .archives-list { list-style: none; border-top: 1px solid #eee; padding-top: 10px; } .archives-list li { display: block; color: #999; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; } .archives-list li a { color: #999 } .archives-list li a:hover { color: #000; text-decoration: none; } .archives-list li .fa { color: #999; margin-right: 15px; } /*------------------------------------------------------------------ [WPML] -------------------------------------------------------------------*/ #footer #lang_sel_list a, #footer #lang_sel_list a:visited { background: none; color: inherit; padding: 0; font-size: inherit; } #footer #lang_sel_list li { float: none; border: none; } /*------------------------------------------------------------------ [Print Styles] -------------------------------------------------------------------*/ @media print { #sidebar, #footer-callout-wrap, #footer, #footer-bottom, #top-bar-wrap, #site-navigation-wrap, .toggle-bar-btn, .post-pagination, .related.products, .product form.cart { display: none } .container { width: 100%; padding: 0; } .wpb_accordion_content, .wpb_toggle_content { display: block !important } } /*------------------------------------------------------------------ [Responsive] -------------------------------------------------------------------*/ @media screen and (max-width: 6000px) { .hero-text-content { padding: 0 100px 0 100px;} } @media screen and (max-width: 1520px) { .home_callouts .one-fourth {padding: 15px;} .affil-left {width: 31%;} .affil-right {width: 69%;} .wait-time-wrap {width:45%} .hero-text-content { padding: 0 80px;} } @media screen and (max-width: 1440px) { .cta-text {margin-left: 15px;} .site-footer-2 .two-thirds {width: 70%;} .site-footer-2 .one-third {width: 30%;} .affil-left {width: 35%;} .affil-right {width: 65%;} .hero-text-content { padding: 0 60px;} #hero-wrap .hero-csc-img { max-width: 175px;} } @media screen and (max-width: 1366px) { body {font-size:16px; line-height:25px;} .cta-icon {max-height: 35px;} .staff-box {min-height: 275px;} .footer-logos .block img {max-width:80px} #menu-footer-menu li {margin: 0 1.25%;} .site-footer-2 .col-4b {min-height: 350px;} .site-footer-2 .col-4 {min-height: 350px;} .wait-time-wrap {width:50%} .loc-box {min-height: 310px;} #hero-wrap .hero-csc-img { max-width: 150px;} } @media screen and (max-width: 1280px) { #menu-footer-menu li a {font-size: 1.0em;} .staff-box {min-height: 260px;} .site-footer-2 .col-4b {min-height: 300px;} .wait-time-wrap .wait-text {margin: 4% 0;} .site-footer-2 .col-4 {min-height: 330px;} .header-aside-cta {margin: 10px 35px 0 0;} } @media screen and (max-width: 1200px) { .footer-logo {max-width: 325px;width: 95%;} .footer-logos .block {width: 7.75%;} .footer-logos .block img {max-width:75px} .home_callouts .one-fourth {padding: 5px;} .cta-icon {margin-right: 8px;margin-left: 10px;} .site-footer .col-3 img{max-height:55px} .site-footer-2 .two-thirds {width: 74%;} .site-footer-2 .one-third {width: 26%;} .site-footer-2 .col-1b {width: 48%} .site-footer-2 .col-2b {width: 50%} .site-footer-2 .col-1 {width: 48%} .site-footer-2 .col-2 {width: 50%} .site-footer-2 .footer-seal { max-width: 42%;} .loc-box {width: 24%; min-height: 335px;} .wait-time-box {width: 31%;margin: 1%;} .header-aside { font-size: 1.25em;right: 22%;} .header-aside-cta-icon img {width: 35px;} .header-aside-cta-icon {margin-right: 10px;} .hero-text-content { padding: 0 40px;} #hero-wrap h1 { font-size: 2.5em;} } @media screen and (max-width: 1120px) { .cta-text {font-size: .9em;} .staff-box { min-height: 240px;} .footer-logos .block img {max-width:60px} .site-footer-2 {font-size:1em} .site-footer-2 .container { width: 100%;} .site-footer-2 .two-thirds { width: 66.6%;} .site-footer-2 .one-third { width: 33.3%;} .site-footer-2 .col-1b { width: 100% !important;background: #ddd; padding: 20px;} .site-footer-2 .col-1b .footer-logo-wrap { float: left;width: 50%; margin: 1% 0;} .site-footer-2 .col-1b .footer-phone { font-size: 1.35em; margin: -8px 0 -8px;float: left; width: 50%;} .site-footer-2 .col-2b { width: 100%; padding: 20px;} .site-footer-2 .col-3b {padding: 20px;} .site-footer-2 .col-4b { min-height: 455px;margin: 0;} .site-footer-2 .col-1 { width: 100% !important;background: #ddd; padding: 20px;} .site-footer-2 .col-1 .footer-logo-wrap { float: left;width: 50%; margin: 1% 0;} .site-footer-2 .col-2 { width: 100%; padding: 20px;} .site-footer-2 .col-3 {padding: 20px;} .site-footer-2 .col-4 { min-height: 560px;margin: 0;} .site-footer-2 .footer-phone { font-size: 1.35em;position:relative;width: 100%;float: left;margin:3% 0} .site-footer-2 .footer-seal {max-width: 100%; position: absolute;right: 0; top: -60px;} .affil-left {width:100%} .affil-right {width:100%;} #footer-bottom .container {width:96%} .wait-time-wrap {width:55%} .wait-time-box {width: 47%;margin: 1.5%;} .header-cta {font-size:.875em} .header-cta-icon img { width: 35px; vertical-align: top; margin-top: 3px;} .header-aside {right: 23%;} .header-aside-cta-icon img { width: 30px;} #hero-wrap h1 { font-size: 2.4em;} #hero-wrap .theme-button { padding: 5px 15px;} img.alignright {max-width: 50%;} } @media screen and (max-width: 1024px) { .cta-text {margin-left: 0px;line-height: 1.75;} .home_callouts .one-fourth {padding: 10px;} .staff-box {min-height: 225px;} .site-footer .col-3 img{max-height:50px} .theme-button.expanded { width: 75%;} .bill-pay-btn {flex: 1 1 100%;} #mobile-icon, #btnClos {visibility:visible} #mobile-icon {display: inline-block; font-size: 1.5em;} .header-aside { width: 100%;position: relative; right: 0;overflow: hidden;font-size:1.35em;padding: 1% 0 0;} .header-aside-cta-text br { display: none;} .header-aside-cta-icon img { width: 25px;margin: 0;} } @media screen and (max-width: 959px) { .hide-on-mobile {display:none} .hide-on-desktop {display:block} .leftFloat, .rightFloat {float:none; text-align:center;margin: 0;} .content-area {float: none;max-width: 100% !important;width: 100%;} .sidebar-interior { width: 100%; margin:5% auto;float: none;} .site-footer .container, #footer-bottom .container {width:98%} .home_callouts .one-fourth {padding: 10px 25px;width: 50%;} .cta-icon { margin-right: 8px; margin-left: 0px;} .cta-text {font-size: 1em;} .loc-hours-box {margin-bottom: 2%;} .midstate-locations {width:100%; margin:0 0 20px 0} .sidebar_callouts a {float:left; width:49%; margin: 0 1% 0 0} #footer-bottom .twothird, #footer-bottom .third {float:none; width:100%; text-align:center} .locations-desktop .midstate-locations {float:left} .locations-desktop .half:nth-of-type(1) { width:55%;} .locations-desktop .half:nth-of-type(2) { width:45%;} .wait-time-wrap {width:60%} .wait-time-wrap .alignleft { max-width: 85px;} .number-block { margin-bottom: 15px;} .safety .third .number-block { margin-bottom: 0px;} .hero-text-content {padding: 25px;} #hero-wrap h1 {font-size: 2.0em;} #hero-wrap p {font-size: 1.25em;} #hero-wrap .hero-csc-img { max-width: 100px;} #hero-wrap .theme-button { padding: 0px 15px;font-size: 1em;} .social-block {flex: 0 0 48%;} } @media screen and (max-width: 860px) { .home_callouts .one-fourth {padding: 10px 15px;} #menu-footer-menu li {margin: 0 .75%;} .site-footer .col-3 img{max-height:45px} .site-footer .col-3 .footer-logo-1 img { max-height: 40px; margin-top:3%} .site-footer .col-3 .footer-logo-2 img{ max-height: 50px; margin: 5% 0; padding: 0 2%;} .wait-time-wrap {width:65%} .loc-box { min-height: 315px; width: 32%;} #top-bar-content {width:40%} #top-bar .textright {width: 60%;} .footer-logos .block { width: 15%;margin: 1% auto;} .footer-logos .block:nth-of-type(9) { border-right: 0;} .footer-logos .block img { max-width: 75px;} .ov-block {flex: 0 0 48%;} } @media screen and (max-width: 800px) { .half, .third, .twothird, .threequarter {width:100%; float:none;} #top-bar-content{width: 20%;float: left;} #top-bar .textright{width: 80%;float: left;} .quarter {width: 48%;} .staff-box { min-height: 250px;} .site-footer .container { padding: 0;width: 100% !important;} .site-footer .col-1 {width:100% !important; background: #ddd;padding: 2%;} .site-footer .col-2, .site-footer .col-3 {width:50% !important;text-align: left;} .site-footer .col-2 {padding: 2%;} .site-footer .col-3 {padding: 2% 0;} .col-3 .footer-logo-2 img { padding: 0 !important; margin-right:4% !important} .footer-logo-wrap {float: left;width:50%} .footer-phone {font-size: 1.35em;margin: -8px 0 -8px;float: left;width:50%} .footer-nav-wrapper {display: none;} #footer-bottom .half {float:none; text-align:center;margin: 0;} .content-area .half ul { margin: 0 0 0px 30px;} .areas-interest ul.check-list, .service-list ul.check-list { column-count: 1;} #staff-members h2 {margin: 15px 0;} .loc-address-box, .loc-hours-box {width: 32%} .home_callouts .container {width:100%} .site-footer-2 #menu-footer-menu li a {color: #fff;font-size: 1.0em;} .site-footer-2 .col-1b .footer-phone {font-size: 1.25em;line-height: 1.25;margin: -4px 0 -8px;} .site-footer-2 .col-1 .footer-phone {line-height: 1.25;} .site-footer-2 .col-4 {min-height: 510px;} .site-footer-2 .footer-seal {max-width: 35%;} .locations-desktop .half:nth-of-type(1) { width:57%; float: left;} .locations-desktop .half:nth-of-type(2) { width:43%; float: left;} .wait-time-wrap {width:70%} .safety .third.odd {margin: 0 auto;} .safety p {margin: 0 0 25px;} .komen-landing .desktop-message {display:none} .komen-landing .mobile-message {display:block} .komen-landing .padding-1l, .komen-landing .padding-1r {padding:1% 0} span.wpcf7-form-control.wpcf7-acceptance.optional {vertical-align: middle;} .header-cta {float: none;margin: 0 0 10px;overflow: hidden;} .header-cta-icon { float: left; margin-right: 5px; font-size: 1.125em;} .header-cta br { display: none;} .header-two #site-logo { width: 55%;} .radiologist-box {width: 33.3%; margin: 0 auto 5%; } .radiologist-box:nth-child(4n+1) {clear: none;} .radiologist-box:nth-child(3n+1) {clear: left;} .header-aside { padding: 2% 0 1%;} #hero-wrap {display: block;} #hero-wrap h1 {font-size: 2.5em;} #hero-wrap p {font-size: 1.375em;} #hero-wrap .hero-csc-img { max-width: 150px;margin: 25px 0 0;} #hero-wrap .theme-button { padding: 5px 15px;font-size: 1.125em;} .hero-text-content { padding: 20px 30px;overflow: hidden;} } @media screen and (max-width: 781px) { .landing-form {border-left:none} .site-footer-2 #footer-widgets {display: flex; flex-flow: column-reverse;} .site-footer-2 #menu-footer-menu li { width: 47%;float: left;} .site-footer-2 .two-thirds {width: 100%;} .site-footer-2 .one-third {width: 100%;} .site-footer-2 .col-4b {min-height: auto;} .site-footer-2 .col-4 {min-height: auto;} .site-footer-2 .footer-seal { top: -75px;} } @media screen and (max-width: 768px) { .hide-on-phone {display:none} #site-header-inner {padding-top: 5px;padding-bottom: 5px;} .radstaff-box {width: 25%; min-height: 230px; } #radstaff-members .radstaff-box:nth-child(4n+1) {clear: left !important;} #radstaff-members .radstaff-box:nth-child(5n+1),#radstaff-members .radstaff-box:nth-child(6n+1) {clear:none !important;} .loc-info-box {overflow:hidden} .loc-info-box .half {width:50%; float:left} .loc-photo {text-align:center} #top-bar-content {width: 15%;} #top-bar .textright {width: 85%;} .wait-time-wrap {width:75%} .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {padding: 0 10px;} } @media screen and (max-width: 767px) { .home_callouts .one-fourth {min-height: 205px;} .locations-mobile {display:block} .locations-desktop {display:none} .pullquote strong { background:transparent; padding: 0; margin:0 } } @media screen and (max-width: 736px) { .alignleft, .alignright { float: none;margin: 3% auto;display: block;} img.alignright { max-width: none;} .wait-time-wrap {width:100%; margin: 0 auto 2%;} .wait-time-wrap .alignleft { max-width: 90px;} } @media screen and (max-width: 667px) { #alert-wrap {padding: 3%;} .home_callouts .one-fourth {padding: 10px 20px;min-height: 215px;} .radstaff-box {width: 33%; } #radstaff-members .radstaff-box:nth-child(3n+1) {clear: left !important;} #radstaff-members .radstaff-box:nth-child(5n+1),#radstaff-members .radstaff-box:nth-child(4n+1),#radstaff-members .radstaff-box:nth-child(6n+1) {clear: none !important;} .staff-box {width:33%;min-height: 260px;} #staff-members .staff-box:nth-child(5) {clear: both;} #staff-members .staff-box:nth-child(6) { clear: none;} .single-staff-box { width: 100%;} #top-bar-content {width: 5%;} #top-bar .textright {width: 95%;} .loc-photo {width: 100%} .loc-photo img {width: 50%} .loc-address-box, .loc-hours-box {width: 50%} .service-block h2 img { vertical-align: middle;float: left; margin: 0 20px 10px 0; max-width: 50px;} .wait-time-wrap .alignleft {float:left; margin: 0 20px 5px 0;max-width:85px} .wait-time-wrap .wait-text { margin: 3% 0;} .wait-time-box {width: 100%; margin: 1.5% 0;} .wait-time-location {padding: 1%;font-size:1.125em} .wait-time-location br {display: none;} .header-two #site-logo {float: none; height: 100%; width: 60%; margin: 0 auto;} .header-two-aside { text-align: center;width: 100%; float: none;} .header-cta { float: none;margin: 10px auto; overflow: hidden;text-align: center;clear: both;} .header-cta-icon {float: none;margin-right: 5px;display: inline-block;text-align:right} .header-cta-text { float: none;display: inline;} .site-footer-2 .footer-seal { max-width: 25%;} #alert-wrap {font-size: 1.125em;} .header-aside-cta{margin: 2% auto; float: left; } .header-aside-cta.hac-1, .header-aside-cta.hac-2 { text-align: center; float: none;} .header-aside-cta-text, .header-aside-cta-icon { float: none;display: inline;} .header-aside-wrap { display: flex;flex-direction: column-reverse;} .header-aside-wrap .header-two-aside{margin: 2% 0 1%;font-size:1.35em} .highlight-text {font-size: 1.5em;} .footer-logos .block img { max-width: 65px;} .icon-wrap {display:block} .icon img {max-width: 60%;} .icon-block {margin:6% 10%} .video-panel .one-half{ width: 100%;} } @media screen and (max-width: 600px) { .ov-block {flex: 0 0 100%;} #hero-wrap {margin-bottom: 1%;} .site-footer .col-3 img {display: block;margin: 4% 0;} .site-footer .col-2 {padding: 2% 4% 2% 2%;} .staff-box {min-height: 250px;} .radstaff-box {width: 50%; } #radstaff-members .radstaff-box:nth-child(2n+1),#radstaff-members .radstaff-box:nth-child(4n+1),#radstaff-members .radstaff-box:nth-child(6n+1) {clear: left !important;} #radstaff-members .radstaff-box:nth-child(5n+1), #radstaff-members .radstaff-box:nth-child(3n+1) {clear: none !important;} .radstaff-box {margin: 1% auto 3%;} .gtranslate {position: relative;margin-right: 0px; z-index: 9999; float: right;} .top-bar-links { float: right; margin-right: 0px; width: 100%;} .service-block {min-height:355px} #footer-bottom .twothird br {display:block} .wait-time-wrap {margin: 0 auto 3%;} .wait-time { width: 100%; margin: 0 auto;} .radiologist-box {width: 50%; margin: 0 auto 6%; } .radiologist-box:nth-child(3n+1) {clear: none;} .radiologist-box:nth-child(2n+1) {clear: left;} .bill-pay-btn {padding: 3%;} .bill-pay-btn strong {display: block; margin: 10px 0 0 0;line-height: 1;} .webinar .one-fourth {width:100%} .hp-hide-on-phone {display:none} .hp-hide-on-desktop {display:block} .home_callouts {margin: 0% 0 2%;} .safety .one-half {width:100%; float:none} .social-block {flex: 0 0 100%;} .home_callouts h1 {margin: 0px 0 5px;} .home_callouts .one-fourth {padding: 10px 20px;width: 100%;min-height: auto;} } @media screen and (max-width: 500px) { .third {width:100%;float:none;} .footer-logos .block img { max-width: 50px;} .header-two #site-logo { width: 60%;} .header-two-aside {font-size: 1.125em;} .areas-interest ul.check-list, .service-list ul.check-list {column-count: 1;} .header-title {display: inline-block;font-size: 1.75em;} .loc-address-box, .loc-hours-box {width: 100%; text-align:center} .loc-address-box {padding-left: 0px;} .loc-address-box h2 { margin: 0px 0 10px;border-left: none;} #footer-bottom {font-size: .825em;} .loc-photo img {width: 75%} .one-half {width: 100%;float:none} .one-half-m {width: 100%; float:none;margin-bottom: 5%; } .service-block { min-height: auto;margin:4% 2%} .service-block .theme-button {margin:8% 0 3%;width: 100%; text-align: center; font-size: 1.125em;} .staff-box {min-height: 225px;} .sidebar_callouts div { margin: 3% 0; padding: 0 12px;} .site-footer-2 .col-1b .footer-logo-wrap, .site-footer-2 .col-1b .footer-phone {float: none;width: 100%;} .site-footer-2 .col-1 .footer-logo-wrap {float: none;width: 75%;} .site-footer-2 .col-1 .footer-phone { float: none; width: 100%;margin: 3% 0;} .site-footer-2 .footer-logo {margin: 0 0 4%;} .site-footer-2 .footer-seal {top: -25px;} .affil-logo {padding:2%;} .site-footer-2 #menu-footer-menu li { width: 100%;float: none;} .m-locations-wrap {font-size:1.0em;} .m-locations-wrap .fa-caret-right:before {padding-left: 2px;} .theme-button.expanded { width: 100%; padding: 0.75em 1.2em; margin: 7px 0; } .mission {padding: 7% 0;} #hero-wrap h1 {font-size: 2.25em;} } @media screen and (max-width: 425px) { .quarter {width: 98%;float: none;} .site-footer .col-2 {display:none} .site-footer .col-3 {width:100% !important;text-align: left;padding: 2%;} .site-footer .col-3 img {display: initial;margin: 4% 4% 0 0%;} .site-footer .col-1 br, .site-footer .col-3 br {display:none} .footer-logo-wrap { float: left;width: 100%;} .footer-phone {font-size: 1.125em;margin: 1% 0 0;float: none;width: 100%;} .footer-logo { max-width: 275px; width: 85%;margin-bottom: 2%;} .header-two-aside {font-size: 1.0em;} .site-footer {font-size: .825em;} #site-header .container { width:94%} .cta-icon {display: none;} .staff-box {width:50%; min-height:255px;line-height: 1.5;} #staff-members .staff-box:nth-child(4) {clear: both;} #staff-members .staff-box:nth-child(5), #staff-members .staff-box:nth-child(6) { clear: none;} .loc-info-box .half {width:100%; float:none} .header-title {display: inline-block;font-size: 1.5em;} .loc-hours-box h3 {margin: 15px 0 0px;} #copyright {font-size: .75em;} .sidebar_callouts div {padding: 5px 20px;} .highlight-box h2 {margin: 10px 0 5px;} ul.check-list {margin: 0 0 0px 20px;} #footer-bottom {font-size: 1em;} .sidebar_callouts a {float:none; width:100%; margin: 0} .m-locations-wrap {font-size:1.25em;} .loc-cols {column-count: 1;} .wait-time {width: auto;margin: 0 auto;text-align: center;} .wait-time-wrap .alignleft {float: none; margin: 0 auto;max-width: 75px;} .wait-time-wrap {margin: 0% auto 3%;text-align: center;padding: 15px 10px 5px;} .wait-time-wrap .wait-text {float: none;margin: 3% 0;} .header-two #site-logo { width: 75%;} span.bullet { display: block;visibility: hidden;line-height: 0;} .header-aside-cta-icon img {width: 20px;} .columns-2 {column-count:1} .theme-button.no-margin { margin: 2% 0 0 !important;} .icon img { max-width: 75%;} } @media screen and (max-width: 400px) { .site-footer .col-3 br {display: block;} .affil-logo {padding: 0 3%;} .header-two #site-logo { width: 80%;} .bill-pay-btn .indent, .bill-pay-btn .indent-1 {margin: 5px 0 0 0px;} .bill-pay-btn .theme-button.medium {float:none;margin: 20px 0;} .get-info { margin: 0; float: none;display: block;} .bill-pay-btn h2 {font-size: 1.25em;} #hero-wrap h1 {font-size: 2.0em;} .hero-text-content {padding: 20px;} .footer-logos .block { width: 25%; margin: 1% auto;} } @media screen and (max-width: 375px) { top-bar .textright {width: 100%;float: none;text-align: center;} .site-footer .col-3 img { max-height: 35px;} .theme-button.expanded{font-size: 1.0em; } .bill-pay-btn .indent, .bill-pay-btn .indent-1 {font-size:.9em} } @media screen and (max-width: 320px) { .site-footer .col-3 img {display: block;margin: 4% 4% 0 0%;} .header-two-aside {font-size: 1.0em;text-align: center;width: 100%;} .radstaff-box {width: 100%;min-height: 350px; } #copyright {font-size: .875em;} .header-title {display: inline-block;font-size: 1.25em;} #footer-bottom {font-size:.825em;} .staff-box {min-height: 225px;} .site-footer-2 .footer-seal { max-width: 35%; position: relative; float: right;top:0} }