/****************************************************************** Theme Name: Senior LIFE Custom Theme Theme URI: http: //www.seniorlifepa.com Description: Author: H2 Author URI: http: //www.h2.com Version: 4.0 License: GNU General Public License & MIT License URI: http: //www.gnu.org/licenses/gpl-2.0.html Tags: Blank, HTML5, CSS3 ******************************************************************/ /* FREE FONTS */ @font-face { font-family: 'OpenSans'; src: url("fonts/OpenSans-Light-webfont.eot"); src: url("fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Light-webfont.woff") format("woff"), url("fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("fonts/OpenSans-Light-webfont.svg#open_sanslight") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url("fonts/OpenSans-LightItalic-webfont.eot"); src: url("fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-LightItalic-webfont.svg#open_sanslightitalic") format("svg"); font-weight: 200; font-style: italic; } @font-face { font-family: 'OpenSans'; src: url("fonts/OpenSans-Regular-webfont.eot"); src: url("fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Regular-webfont.woff") format("woff"), url("fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url("fonts/OpenSans-Italic-webfont.eot"); src: url("fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Italic-webfont.woff") format("woff"), url("fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("fonts/OpenSans-Italic-webfont.svg#open_sansitalic") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: 'OpenSans'; src: url("fonts/OpenSans-Semibold-webfont.eot"); src: url("fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url("fonts/OpenSans-SemiboldItalic-webfont.eot"); src: url("fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibolditalic") format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: 'OpenSans'; src: url("fonts/OpenSans-Bold-webfont.eot"); src: url("fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Bold-webfont.woff") format("woff"), url("fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url("fonts/OpenSans-BoldItalic-webfont.eot"); src: url("fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-BoldItalic-webfont.svg#open_sansbolditalic") format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: 'OpenSans'; src: url("fonts/OpenSans-ExtraBold-webfont.eot"); src: url("fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold") format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url("fonts/OpenSans-ExtraBoldItalic-webfont.eot"); src: url("fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabolditalic") format("svg"); font-weight: 900; font-style: italic; } /* FONTS.COM FONT TRACKING CODE (DO NOT REMOVE) */ @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=bb019d4e-b4fc-41b1-a3bf-013770e3cc3c"); /* FONTS.COM FONTS */ @font-face { font-family: "MuseoSlab"; src: url("fonts/bc0e9735-3fac-4ef3-b1c3-309d85532e81.eot?#iefix"); src: url("fonts/bc0e9735-3fac-4ef3-b1c3-309d85532e81.eot?#iefix") format("eot"), url("fonts/b66785fa-e2fb-4b25-a157-570ae04d6cdd.woff2") format("woff2"), url("fonts/21f8d647-5887-4d0c-8bf2-c8cced99fad4.woff") format("woff"), url("fonts/f3b59846-e706-4335-88e8-5f9afc1c9855.ttf") format("truetype"), url("fonts/97b3dbee-5079-443b-83dc-d0f9f8a7626c.svg#97b3dbee-5079-443b-83dc-d0f9f8a7626c") format("svg"); font-weight: 900; font-style: normal; } /* GENERIC */ * { box-sizing: border-box; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body { width: 100vw; overflow-x: hidden; margin: 0; padding: 0; color: #666; font-family: "OpenSans",sans-serif; } a[href], a[href] img { border: 0; outline: 0; text-decoration: none; } input:focus { outline: 0; } div#container { position: absolute; width: 100vw !important; overflow-x: hidden; } /* STRUCTURAL STYLES AND WORDPRESS CORE */ .alignnone { margin: 0 0 .5em; } .aligncenter, div.aligncenter { display: block; margin: .5em auto .5em auto; } .alignright { float: right; margin: .5em 0 1.375em 1.375em; } .alignleft { float: left; margin: .5em 1.375em 1.375em 0; } .band { width: 100%; max-width: 1600px; margin: 0 auto; padding: 100px 60px; } .band:after { content: ''; display: block; clear: both; width: 0; height: 0; } .timestamp { width: 100%; max-width: 1600px; margin: 0 auto; padding: 50px 60px; } .clear { *zoom: 1; } .clear:before, .clear:after { content: ''; display: block; clear: both; width: 0; height: 0; } .nobr { white-space: nowrap; } .reverse, .reverse h2, .reverse h3 { color: #fff !important; } .reverse a[href] { color: #fff; } .shadowBottom { background: -moz-linear-gradient(top, rgba(204,204,204,0) 85%, rgba(204,204,204,1) 100%); background: -webkit-linear-gradient(top, rgba(204,204,204,0) 85%,rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=0 ); } .shadowInset { background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(204,204,204,0) 15%, rgba(204,204,204,0) 85%, rgba(204,204,204,1) 100%); background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(204,204,204,0) 15%,rgba(204,204,204,0) 85%,rgba(204,204,204,1) 100%); background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(204,204,204,0) 15%,rgba(204,204,204,0) 85%,rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=0 ); } .shadowed img { box-shadow: 0px 0px 20px rgba(0,0,0,.4); } .wrapper { width: 100%; max-width: 1600px; margin: 0 auto; padding: 0; } @media screen and (max-width: 600px) { .band { padding: 60px 30px; } } /* SUBNAV */ #subnav { font-size: 10.5pt; font-weight: 600; text-align: right; } #subnav .band { padding: 15px 60px; } #subnav a[href]:link, #subnav a[href]:visited { color: #666; } #subnav a[href]:hover, #subnav a[href]:active { color: #005190; } #subnav a[href^="tel"] { color: #005190 !important; font-weight: 900; } #subnav li { display: inline-block; vertical-align: top; line-height: 25px; } #subnav li.current-menu-item a[href] { color: #005190 !important; } #subnav ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; vertical-align: top; } #subnav ul.menu li { border-right: 1px solid #7fa8c7; padding: 0 1.5em; } #subnav ul.social img { display: block; border-radius: 50%; filter: brightness(100%); transition: .2s ease-in filter; } #subnav ul.social img:hover { filter: brightness(120%); } #subnav ul.social li { display: inline-block; vertical-align: top; line-height: 25px; color: #33a5db; font-weight: bold; } #subnav ul.social li:first-child { padding-left: 1.5em; } @media screen and (max-width: 1060px) { #subnav { display: none; } } /* HEADER */ header { position: absolute; z-index: 9999; width: 100%; background: #005190; background: rgba(0,81,144,.8); } header:after { content: ''; display: block; clear: both; width: 0; height: 0; } header .band { padding: 18px 60px 27px; } /* header a[href].logo { display: block; float: left; margin: 12px 0 0; height: 75px; background: url("https://www.seniorlifepa.com/wp-content/uploads/2018/03/SENR_LogoTheme_RightButterfly_AllWhite-.png") top left no-repeat; background-size: 258px 75px;} header a[href].logo img { opacity: 1; transition: .2s ease-in opacity; height: 75px; } header a[href].logo:hover img { opacity: 0; } */ header a[href].logo img { height: 70px; -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */ transition: height 0.5s; } header.is_stuck a[href].logo img { height: 65px; } @media screen and (max-width: 1260px) { header a[href].logo { margin: 0; } } @media screen and (max-width: 1060px) { body { background: #005190; } body a[href].logo { transition: .4s ease-in transform; } body.open a[href].logo { transform: translateX(-50vw); } body #phoneMobile { transform: translateY(0); transition: .4s ease-in transform; } body.open #phoneMobile { transform: translateY(100%); } header { position: static; width: 150vw; height: 75px; overflow-y: visible; background: #005190; } header .band { display: flex; flex-direction: row nowrap; padding: 15px 0px 15px 60px; } header a[href].logo { /*width: 100vw; width: calc(100vw - 120px);*/ height: 54px; background-size: 186px 54px; } /* UPDATE THIS */ header a[href].logo img { height: 54px; } main { background: #fff; } } @media screen and (max-width: 600px) { body.open a[href].logo { transform: translateX(-75vw); } header { width: 175vw; height: 60px; } header .band { padding: 15px 0 30px 15px; } header a[href].logo { /*width: calc(100vw - 108px); background-size: 200px auto;*/ background-size: 124px 36px; } header a[href].logo img { /*width: 200px; height: auto;*/ height: 36px; } /* UPDATE THIS */ } /* NAVIGATION */ nav { float: right; padding-top: 4.5px; margin-top: 30px; transition: margin-top 0.5s; } header.is_stuck nav { margin-top: 0 } nav a[href] { transition: .2s ease-in all; white-space: pre; vertical-align: top; } nav a[href]#expand { display: none; position: relative; margin-top: 17.5px; width: 18px; height: 12px; background: #005190; } nav a[href]#expand span { display: block; position: absolute; left: 0; width: 18px; height: 2px; background: #fff; transition: .2s ease-in all; } nav a[href]#expand:hover span { background: #47a4d6; } nav a[href]#expand span:nth-child(1) { top: 0px; /* transform: rotate(0); */ } nav a[href]#expand span:nth-child(2) { top: 5px; } nav a[href]#expand span:nth-child(3) { top: 10px; transform: rotateY(0); } nav li.mobile { display: none; } nav > ul { display: block; margin: 0; padding: 0; vertical-align: top; } nav > ul > li { display: inline-block; float: left; margin: 0; vertical-align: top; transition: .2s ease-in all; } nav > ul > li + li { margin-left: 12px; } nav > ul > li:hover { background: #33a5da; } nav > ul > li:hover > a[href] { border: 1px solid transparent !important; } nav > ul > li > a[href] { display: block; margin: 15px 20px; padding: 8px 12px; font-size: 15pt; font-weight: 700; line-height: 1em; border: 1px solid transparent; transition: .2s ease-in all; } nav > ul > li.current-menu-ancestor > a[href], nav > ul > li.current_page_parent > a[href], nav > ul > li.current-menu-item > a[href] { border: 1px solid #fff; } nav > ul > li.open > a[href] { border: 1px solid #33a5da; } nav > ul ul { position: absolute; list-style-type: none; height: 0; overflow-y: hidden; opacity: 0; margin: 0; padding: 0; background: #33a5da; box-shadow: 10px 10px 10px rgba(0,0,0,.25); transition: .2s ease-in opacity; } nav > ul li.menu-item-591 ul { transform: translateX(-126.5px); } nav > ul ul > li > a[href] { display: block; padding: 8px 40px; font-size: 12pt; font-weight: 600; line-height: 1em; transition: .2s ease-in all; } nav > ul ul > li > a[href]:hover { color: #33a5da; background: #fff; } nav > ul ul ul { display: none; position: absolute; height: auto; opacity: 1; overflow: visible; transform: translate(299px,-33px); } nav > ul > li:hover > ul { height: auto; opacity: 1; overflow-y: visible; padding: 16px 0 30px; } nav > ul ul > li:hover > ul { display: block; } @media screen and (max-width: 1280px) { nav { padding-top: 8px; } nav > ul > li + li { margin-left: 0; } nav > ul > li > a[href] { margin: 4px; padding: 8px; } nav > ul li.menu-item-591 ul { transform: translateX(-166.5px); } } @media screen and (max-width: 1060px) { body.open nav { transform: translateX(-50vw); } nav { position: absolute; z-index: 9999; right: -50vw; display: flex; flex-direction: row nowrap; float: none; transform: translateX(0); transition: .4s ease-in transform; } nav a[href] { white-space: normal; } nav a[href]#expand { display: block; margin-top: -19px; margin-right: 30px; } nav li.mobile { display: block; } nav > ul { width: 50vw; min-height: 100vh; margin: 0; padding: 0 0 25vh; background: #005190; } nav > ul > li { display: block; float: none; border-bottom: 1px solid rgba(255,255,255,.5); } nav > ul > li > a[href] { margin: 0; border: 1px solid transparent !important; padding: 12px 30px; font-size: 12pt; } nav > ul > li.open { background: #33a5da; } nav > ul > li:hover > ul { padding: 0 0 12px; } nav > ul ul { position: static; display: none; height: auto; margin: 0; box-shadow: none; padding: 0 0 12px; opacity: 1; } nav > ul ul > li > a[href] { font-size: 10pt; } nav > ul ul ul { position: static; transform: none; } nav > ul ul > li:hover > ul { display: none; } nav > ul li.menu-item-591 ul { transform: translateX(0); } } @media screen and (max-width: 600px) { body.open nav { transform: translateX(-75vw); } nav { right: -75vw; padding-top: 0; } nav a[href]#expand { margin-top: -19px; } nav > ul { width: 75vw; } } /* FOOTER */ footer { background: #e7e6e6; font-size: 10.5pt; } footer a[href] { transition: .2s ease-in color; } footer a[href]:link, footer a[href]:visited { color: #666; } footer a[href]:hover, footer a[href]:active { color: #005190; } footer div#info { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } footer div#info p { margin: 0; line-height: 25px; text-align: center; } footer div#info p br { display: none; } footer ul { list-style-type: none; margin: 0; padding: 0; } footer ul.menu { display: flex; flex-flow: row nowrap; justify-content: space-between; } footer ul.menu li { margin: .4em 0; line-height: 1em; } footer ul.menu > li { flex-basis: 20%; padding: 0 2em 2em 0; } footer ul.menu > li > a[href] { font-weight: bold; } footer ul.menu > li:last-child { margin: 0; } footer ul.menu > li:last-child > a[href] { display: none; } footer ul.menu > li:last-child a[href] { font-weight: bold; } footer ul.menu > li:last-child li { padding: 0 0 1em; } footer div#info a[href].logo { flex: 1 } footer div#info #footer-hours { flex: 1 } @media screen and (max-width: 1420px) { footer div#info p { line-height: 1.3em; } footer div#info p br { display: block; } } @media screen and (max-width: 1000px) { footer div#info { flex-direction: column; align-items: flex-start;} footer div#info p { margin: 1.5em 0; text-align: left; } footer ul.menu { flex-direction: column; } footer ul.menu > li { flex-basis: 100%; } } @media screen and (max-width: 600px) { footer div#info a[href].logo img { width: 100%; max-width: 285px; height: auto; } } /* OPT-IN POPOVER */ .optoverlay { display: none; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #000; background: rgba(0,0,0,.8); } .optpopover { position: absolute; top: 50%; left: 50%; width: 50%; border-radius: .5em; padding: 25px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.8); transform: translate(-50%,-50%); } .optpopover div.sf_field { display: inline-block; width: 100%; margin: 0 10px .25em 0; } .optpopover div.sf_type_select { margin: 0 10px 10px 0; } .optpopover div.sf_cc_user { display: none; } .optpopover input[type="email"], .optpopover input[type="tel"], .optpopover input[type="text"], .optpopover textarea { width: 100%; outline: none !important; border: 1px solid #e5e5e5; border-radius: 5px; padding: .5em 1em; background: #fff; box-shadow: none; transition: .25s all linear; font: 12pt "OpenSans",sans-serif; } .optpopover input[type="email"]:focus, .optpopover input[type="tel"]:focus, .optpopover input[type="text"]:focus, .optpopover textarea:focus { border: 1px solid #32e5da; background: #e5e5e5; } .optpopover textarea { height: 7em; } .optpopover label { font-size: 12pt; } .optpopover p:first-child { margin: 0 0 1.25em; font-size: 150%; font-weight: 500; } .oClose { float: left; background: #afafaf; } @media screen and (max-width: 1024px) { .optoverlay { position: absolute; width: 100%; height: 100%; } .optpopover { position: absolute; box-sizing: border-box; width: 100%; height: auto; min-height: 0; top: 0; left: 0; margin: 0; padding: 10px; background: #fff; transform: none; } .optpopover p { font-size: 100%; } .optpopover input[type="submit"] { margin-right: 0px; padding: 1em !important; } .oClose { padding: 1em !important; } } @media screen and (max-height: 1024px) { .optoverlay { position: absolute; width: 100%; height: 100%; } .optpopover { position: absolute; box-sizing: border-box; width: 100%; height: auto; min-height: 0; top: 0; left: 0; margin: 0; padding: 10px; background: #fff; transform: none; } .optpopover p { font-size: 100%; } .optpopover input[type="submit"] { margin-right: 0px; padding: 1em !important; } .oClose { padding: 1em !important; } } /* QNS POPOVER */ #qns { display: none; position: fixed; top: 0; left: 0; z-index: 9000; width: 100%; height: 100%; background: #000; background: rgba(0,0,0,.8); } #qnspopover { position: absolute; top: 50%; left: 50%; width: 640px; min-height: 350px; margin: -240px 0 0 -320px; padding: 0 0 2em; border: 25px solid #04529f; background: #fff; } #qnspopover a { display: block; border-radius: 5px; padding: 1em 2em; color: #fff !important; font-weight: 700; text-decoration: none !important; transition: .2s ease-in all; } #qnspopover a:hover { background: #33a5db; } #qnspopover div { padding: 2em 2em 0; font: 18px OpenSans,sans-serif; line-height: 23px; } #qnspopover div:after { content: ""; height: 0; width: 0; clear: both; } #qnspopover p { margin: 0 0 1.25em; } .qClose { float: left; background: #afafaf; } .qContinue { float: right; background: #006cde; } @media screen and (max-width: 600px) { #qnspopover { box-sizing: border-box; width: 100%; height: auto; min-height: 0; width: auto; top: 0; left: 0; margin: 0; border: 5px solid #04529f; padding: 10px; background: #fff; } #qnspopover div { padding: 1em 1em 0; font: 14px OpenSans,sans-serif; } #qnspopover img { width: 100%; height: auto; } } /* MOBILE PHONE NUMBER */ #phoneMobile { display: none; } @media screen and (max-width: 600px) { #phoneMobile { display: block; opacity: 1; position: fixed; bottom: 0; left: 0; z-index: 8000; width: 100vw; height: auto; overflow: hidden; padding: .5em 1em; background: rgba(255,255,255,.9); font-size: 125%; box-shadow: 0 -.5em .5em rgba(0,0,0,.2); transition: .25s linear all; text-align: center; } #phoneMobile a[href]:link, #phoneMobile a[href]:visited { color: #133978; } #phoneMobile a[href]:hover, #phoneMobile a[href]:active { color: #33a5da; } } /* FOUNDATIONAL STYLES (MAIN AND CONTENT) */ main { color: #666; font-size: 12pt; } main a[href]:link, main a[href]:visited { color: #133978; } main a[href]:hover, main a[href]:active { color: #33a5da; } main .reverse a[href]:link, main .reverse a[href]:visited { color: #fff; } main .reverse a[href]:hover, main .reverse a[href]:active { color: #fff; } main h1 { margin-top: 0; } main h2 { margin: 0 0 .25em; color: #133978; font-size: 24pt; font-weight: 700; letter-spacing: -.01em; line-height: 1.1em; ; } main h2 a[href]:link, main h2 a[href]:visited { color: #33a5da; text-decoration: underline; } main h2 a[href]:hover, main h2 a[href]:active { color: #000; text-decoration: underline; } main h3 { margin: 0 0 .25em; color: #133978; font-size: 13.5pt; font-weight: 700; letter-spacing: -.01em; line-height: 1.1em; } main h3 a[href]:link, main h3 a[href]:visited { color: #33a5da; text-decoration: underline; } main h3 a[href]:hover, main h3 a[href]:active { color: #000; text-decoration: underline; } main h4 { margin: 0 0 .75em; color: #02ace4; font-size: 16.5pt; font-weight: 700; line-height: 1.1em; } main hr { clear: both; margin: 2em 0 0; border-color: #ccc; border-width: 1px 0 0; color: #f00; } main li { line-height: 1.6em; } main p { margin: 0 0 1.2em; font-size: 12pt; font-weight: 400; line-height: 1.6em; } main hr + h2, main hr + h3, main hr + h4, main ol + h2, main ol + h3, main ol + h4, main p + h2, main p + h3, main p + h4, main ul + h2, main ul + h3, main ul + h4 { margin-top: 2em; } main sup { font-size: 60%; } main h2:last-child, main h3:last-child, main h4:last-child { margin-bottom: 2em; } main ol.sources, main ol.sources span { font-size: 12pt !important; } @media screen and (max-width: 1000px) { #content.single div.panel-grid-cell, #content.triple div.panel-grid-cell { width: 100% !important; flex-basis: 100% !important; padding: 0 !important; } #content.single div.panel-grid-cell-empty { display: none; } } /* DO NOT MESS WITH STYLES ABOVE THIS LINE */ /* ACCORDION (GENERAL) */ div.iw-so-acc-content { padding: 0 0 0 120px !important; line-height: 1.6em; transition: .2s ease-in padding; } div.iw-so-acc-item-active div.iw-so-acc-content { padding: 30px 0 60px 120px !important; } div.iw-so-acc-content:after { content: ""; display: block; clear: both; width: 0; height: 0; } div.so-widget-ink-accordion div.iw-so-acc-item { margin-bottom: -1px !important; } div.so-widget-ink-accordion a.iw-so-acc-title { height: 87px; overflow: hidden; margin: 0; padding: 22px 80px 22px 120px !important; border: 1px solid #ccc; color: #133978; background: url("img/icon-faq.gif") top left no-repeat !important; font-size: 16pt !important; font-weight: 700; letter-spacing: -.01em; line-height: .9em; } div.so-widget-ink-accordion a.iw-so-acc-title:after { content: "+"; position: absolute; top: 50%; right: 15px; width: 36px; font-size: 27pt; text-align: center; transform: translateY(-50%); } div.so-widget-ink-accordion div.iw-so-acc-item-active a.iw-so-acc-title:after { /* content: "–"; */ content: "-";} @media screen and (max-width: 1000px) { div.iw-so-acc-content { padding: 30px 0 60px 60px !important; } div.so-widget-ink-accordion a.iw-so-acc-title { height: auto; overflow: visible; padding: 10px 55px 10px 15px !important; background: transparent !important; } div.so-widget-ink-accordion a.iw-so-acc-title:after { font-size: 20pt; width: 25px; } } @media screen and (max-width: 600px) { div.iw-so-acc-content { padding: 30px 15px 60px !important; } } /* ALERT */ #alert { border-top: 10px solid #36a5da; border-bottom: 10px solid #fff; } #alert a[href] { display: inline-block; font-size: 10.5pt; font-weight: 700; text-align: center; transform-origin: 0 50%; transition: .2s ease-in transform; margin-bottom:20px; } #alert a[href]:after { content: url("img/button-next-reverse.png"); display: inline-block; width: 18px; height: 18px; margin-top: -2px; margin-left: 5px; border-radius: 50%; background: #fff; vertical-align: middle; } #alert a[href]:link, #alert a[href]:visited { transform: scale(1); } #alert a[href]:hover, #alert a[href]:active { transform: scale(1.15); } #alert div.panel-grid-cell-empty { position: relative; } #alert div.panel-cell-style { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: top center !important; } #alert h2 { font-size: 24pt; line-height: 1em; margin: 0 0 .25em; } #alert p { margin: 0 0 .5em; font-size: 12pt; line-height: 1.2; } /* BUTTON STYLES */ a[href].button, button, input[type="submit"], .ow-button-base a[href] { display: inline-block; outline: none !important; border: 0; border-radius: 5px; padding: 1em 2em; background: #ef851e; box-shadow: none; color: #fff !important; font-size: 12pt; font-weight: 700; letter-spacing: -.03em; line-height: 1.3em; text-align: center; text-decoration: none; text-shadow: none !important; text-transform: uppercase; transition: .2s ease-in all; -webkit-appearance: none; } a[href].button:hover, button, input[type="submit"]:hover, .ow-button-base a[href]:hover { background: #33a5db; } a[href].button + a[href].button { margin-left: .5em; } .reverse a[href].button, .reverse input[type="submit"], .reverse .ow-button-base a[href] { background: #fff; color: #33a5da !important; } .reverse a[href].button:hover, .reverse input[type="submit"]:hover, .reverse .ow-button-base a[href]:hover { background: #fff; color: #ef851e !important; } /* LANDING PAGE */ .landingpage h1 { font-size: 50px; color: rgb(23, 83, 158); margin-top: 100px; margin-bottom: 0 } .landingpage h3 { margin-bottom: 5px !important; color: rgb(23, 83, 158); } .landingpage ul.checkmarks { margin: 0; padding: 0; list-style-type: none; font-size: 28px; font-weight: bold; color: rgb(23, 83, 158); } .landingpage ul.checkmarks li { color: rgb(23, 83, 158); background: url("http://seniorlifepa.com/wp-content/uploads/2019/01/checkmark-small.png") no-repeat left center; background-size: 40px; margin-left: 0; padding-left: 60px; } .landingpage #more-information { padding: 40px; background-color: #ef851e; color: white; } .landingpage #more-information h2 { padding-bottom: 20px; margin-bottom: 20px; font-size: 28px; color: white; border-bottom: 3px solid #133978 } .landingpage #contact { margin-top: 20px; background-color: white; border-radius: 10px; padding: 20px } .landingpage #contact form { border-top: 0 } .landingpage #contact abbr { display: none } .landingpage #contact .wpcf7-form { color: #666 } .landingpage #contact span.wpcf7-list-item { display: block } .landingpage #contact span.wpcf7-form-control-wrap { margin-bottom: 15px; } /* CALL TO ACTION */ .cta { text-align: center; } .cta h3 { margin: 0 0 .25em; font-size: 37.5pt; line-height: 1em; } .cta p { margin: 0 0 1.25em; font-size: 12pt; line-height: 1em; } /* COMMUNITY HEALTH CHOICES */ #healthchoices h3 { margin-bottom: .5em; font: 40pt "MuseoSlab",serif; font-weight: 900; line-height: .9; text-shadow: 5px 5px 20px rgba(0,0,0,.75); } #healthchoices img { position: relative; left: -16px; } #healthchoices p { font-size: 15pt; } @media screen and (max-width: 1000px) { #healthchoices h3 { font-size: 27pt; } #healthchoices h3 br { display: none; } } @media screen and (max-width: 600px) { #healthchoices h3 { font-size: 18pt; } #healthchoices img { width: 100%; max-width: 436px; height: auto; left: 0; } } /* CONNECT */ #connect img { margin: 0 .5em; border-radius: 50%; filter: brightness(100%); transition: .2s ease-in filter; } #connect img:hover { filter: brightness(120%); } /* CONTACT FORMS */ #contact br { display: none; } #contact h3 { margin: 0 0 1.2em; color: #133978; font-size: 18pt; font-weight: 400; line-height: 1.3em; text-align: center; } #contact form { border-top: 1px solid #666; } #contact fieldset { border-bottom: 1px solid #666; border-width: 0 0 1px; padding: 12px 20px 20px; color: #666; } #contact input[type="email"], #contact input[type="tel"], #contact input[type="text"], #contact textarea { -webkit-appearance: none; display: block; width: 100%; margin: 0; border-bottom: 1px solid #666; border-width: 0 0 1px; border-radius: 0; padding: 12px 20px; background: transparent; color: #666; font: 12pt "Open Sans",sans-serif; line-height: 1.3em; } #contact input[type="email"]::placeholder, #contact input[type="tel"]::placeholder, #contact input[type="text"]::placeholder, #contact textarea::placeholder { color: #666 !important; } #contact input[type="submit"] { display: block; width: 100%; margin-top: 1em; line-height: 1em; } #contact legend { margin-top: 12px; text-transform: uppercase; } #contact p { margin-bottom: 0; } #contact p.indent { margin: 0; border-bottom: 1px solid #666; border-width: 0 0 1px; padding: 12px 20px; background: transparent; line-height: 1.3em; } #contact span.wpcf7-form-control-wrap { display: block; } #contact span.wpcf7-list-item { margin-left: 0; display: block; } #contact.reverse fieldset { border-bottom: 1px solid #fff; color: #fff; } #contact.reverse form { border-top: 1px solid #fff; } #contact.reverse input[type="email"], #contact.reverse input[type="tel"], #contact.reverse input[type="text"], #contact.reverse textarea { border-bottom: 1px solid #fff; color: #fff; } #contact.reverse input[type="email"]::placeholder, #contact.reverse input[type="tel"]::placeholder, #contact.reverse input[type="text"]::placeholder, #contact.reverse textarea::placeholder { color: #fff !important; } #contact.reverse p.indent { border-bottom: 1px solid #fff; } #contact select { display: block; width: 100%; margin: 0; border-bottom: 1px solid #666; border-width: 0 0 1px; border-radius: 0; padding: 12px 20px; color: #666; font: 12pt "Open Sans",sans-serif; line-height: 1.3em; background: transparent; } #contact.reverse select { color: #fff; border-bottom: 1px solid #fff; } #contact option, #contact.reverse option { background: #fff; color: #666 !important; } div.ctct-disclosure hr { display: none; } div.ctct-disclosure sub { display: block; margin-top: 2em; color: #000; font-size: 7.5pt !important; line-height: 1.1em !important; } div.ctct-input-container { padding: 12px 20px 20px; } div.ctct-input-container label { font-size: 12pt !important; } span#success_message { display: block; margin-top: 1em; font-weight: bold; } div.wpcf7-recaptcha > div { margin: 8px auto 0; } p.ctct-form-field label { display: none; } div.wpcf7-response-output { margin: 2em 0; padding: 1em; font-size: 14pt; font-weight: bold; line-height: 1em; text-align: center; } div.wpcf7-validation-errors { border: 0; background: #f30; } div.wpcf7-mail-sent-ok { border: 0; background: #3c3; } span.wpcf7-not-valid-tip { text-align: center; } @media screen and (max-width: 1000px) { #contact div.panel-grid-cell { width: 100% !important; flex-basis: 100% !important; } #contact div.panel-grid-cell-empty { display: none; } } form.ctct-custom-form { margin-top: 2em !important; padding: 0 !important; } form.ctct-custom-form button { display: block !important; width: 100% !important; margin-top: 1em !important; background: #ef851e !important; line-height: 1em !important; } form.ctct-custom-form input[type="checkbox"] { margin-right: 1em !important; } form.ctct-custom-form label { display: none !important; } form.ctct-custom-form fieldset { padding: 12px 20px 20px; font-size: 12pt; } form.ctct-custom-form fieldset label { display: block !important; margin-bottom: 6px; text-transform: uppercase; } div.ctct-form-errorMessage { color: #c00; font-size: 9pt; } p.ctct-form-footer { margin-top: 2em; color: #000; font-size: 7.5pt !important; line-height: 1.1em !important; } /* DIRECTIONS */ #directions { border-bottom: 1px solid #e7e3e2; } #directions b { font-size: 13.5pt; color: #133978; } #directions div.widget_sow-google-map { border: 1px solid #e7e3e2; } /* FACILITY */ #facility div.panel-grid-cell:first-child { position: relative; } #facility p { font-size: 17.25pt; line-height: 1.6em; } #facility p:first-child { margin: 0 0 .5em; font-size: 23.5pt; line-height: 1.3em; } #facility p:last-child { margin-bottom: 0; } .espanol #facility p:last-child, .harrisburg #facility p:last-child, .lehigh-valley #facility p:last-child, .reading #facility p:last-child, .york #facility p:last-child { position: absolute; top: 30px; right: 30px; color: #33a5db; font-size: 10.5pt; font-weight: bold; } .espanol #facility p:last-child a[href], .harrisburg #facility p:last-child a[href], .lehigh-valley #facility p:last-child a[href], .reading #facility p:last-child a[href], .york #facility p:last-child a[href] { color: #33a5db; } @media screen and (max-width: 1000px) { #facility p { font-size: 10pt; } #facility p:first-child { font-size: 14pt; } } @media screen and (max-width: 600px) { #facility { flex-direction: column; } #facility > div.panel-grid-cell { width: 100%; } #facility > div.panel-grid-cell:last-child { height: 40vh; } } /* FAKE ORDERED LIST */ ul.fol { list-style-type: none; margin-left: 0; padding-left: 0; counter-reset: fake-ordered-list; } ul.fol > li { margin-bottom: .5em; padding-left: 2.1em; text-indent: -2.1em; } ul.fol > li:before { content: counter(fake-ordered-list); counter-increment: fake-ordered-list; display: inline-block; width: 1.6em; margin-right: .5em; border-radius: 50%; color: #fff; background: #133978; font-weight: bold; text-align: center; text-indent: 0; } /* HERO IMAGES */ #hero div.sow-slider-image-wrapper { max-width: 1600px; margin: 0 auto; padding: 192px 56px 80px; display: flex; flex-direction: column; justify-content: center; } #hero div.sow-slider-image-wrapper > * { max-width: 480px; } #hero div.sow-slide-nav { display: none !important; } #hero h1 { margin: 0 0 .2em; color: #666; font-size: 36pt; font-weight: 700; letter-spacing: -.05em; line-height: .9em; text-shadow: none; } #hero p { margin: 0 0 1.5em; color: #000; font-size: 16.5pt; line-height: 1.2em; text-shadow: none; } #hero p:last-child { margin-bottom: 0; } #hero li.sow-slider-image { background-color: transparent !important; } #hero ol.sow-slider-pagination { display: none !important; } #hero.heroBlank div.sow-slider-image-wrapper { padding: 192px 60px 30px; justify-content: flex-end; } #hero.heroFacility h1 { margin: 0 0 .25em; font-size: 60pt; letter-spacing: -.05em; line-height: .9em; text-shadow: 5px 5px 10px rgba(0,0,0,.1); } #hero.heroLarge .sow-slider-image, #hero.heroLarge .sow-slider-image-wrapper { max-height: 670px !important; } #hero.heroFacility .new-location-banner h1 { color: #00A6DA; line-height: .7em; } #hero.heroFacility .new-location-banner h1 span { font-size: 40pt; color: #EF851F; } #hero.heroFacility .new-location-banner p { color: #18539F; font-weight: bold; } @media screen and (max-width: 1200px) { #hero div.sow-slider-image-wrapper { padding: 175px 56px 80px; } } @media screen and (max-width: 1060px) { #hero div.sow-slider-image-wrapper { padding: 80px 56px; } #hero h1 { font-size: 27pt; text-shadow: 0px 0px 12px rgba(255,255,255,1); } #hero p { font-size: 12pt; text-shadow: 0px 0px 12px rgba(255,255,255,1); } #hero.heroBlank .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper { height: auto !important; padding: 36px 20px 10px !important; } .landingpage h1 { margin-top: 0; } } @media screen and (min-width: 601px) { .alternate { display: none; } } @media screen and (max-width: 600px) { #hero { background: transparent !important; } #hero .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper { height: auto !important; padding: 36px 20px 10px !important; } #hero div.sow-slider-image-wrapper { padding: 30px 26px; } #hero.heroFacility h1 { font-size: 36pt; } #hero.heroFacility .new-location-banner h1 { line-height: .9em; } #hero.heroFacility.white h1 { color: #666; text-shadow: 5px 5px 10px rgba(0,0,0,.1); } #hero.heroSmall .sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover { background: transparent !important; } .landingpage h1 { font-size: 45px } } @media screen and (max-width: 407px) { .landingpage h1 { font-size: 35px } .landingpage ul.checkmarks { font-size: 26px } } /* INTRO */ .intro p { margin: 0 0 3em; font-size: 15pt; line-height: 1.6em; } /* LOCATIONS */ #locations { display: flex; flex-flow: row nowrap; align-items: stretch; } #map { position: relative; width: 65%; } #map a[href].marker { display: block; position: absolute; z-index: 6000; width: 39px; width: 2.7vw; height: auto; background: url("img/marker.png") top left no-repeat; background-size: contain; transform: translate(-50%,-100%); } #map a[href].marker img { opacity: 0; transition: .2s ease-in opacity; } #map a[href].marker:hover img, #map a[href].marker.over img { opacity: 1; } #map img { display: block; z-index: 5000; width: 100%; height: auto; } #key { position: relative; width: 35%; background: #33a5da; font-size: 10.5pt; } #key a[href] { display: inline-block; margin-right: 2em; font-size: 10.5pt; font-weight: 700; white-space: nowrap; transform-origin: 0 50%; transition: .2s ease-in transform; } #key a[href]:after { content: url("img/button-next-reverse.png"); display: inline-block; width: 18px; height: 18px; margin-top: -2px; margin-left: 5px; border-radius: 50%; background: #fff; vertical-align: middle; } #key a[href]:link, #key a[href]:visited { transform: scale(1); } #key a[href]:hover, #key a[href]:active { transform: scale(1.15); } #key a[href].regular { display: inline; font-weight: 400; white-space: normal; } #key a[href].regular:after { display: none; } #key a[href].regular:hover, #key a[href].regular:active { transform: scale(1); } #key b, #key strong { font-size: 12pt; } #key li { padding: 20px 50px 20px 100px; background: transparent url("img/marker-white.png") 60px 20px no-repeat; line-height: 1.3; transition: .2s ease-in background-color; } #key li:hover, #key li.over { background-color: #e9842a; } #key li + li { border-top: 1px solid #fff; } #key ul { list-style-type: none; position: absolute; top: 118px; left: 0; width: 100%; height: 100%; height: calc(100% - 118px); overflow-x: hidden; overflow-y: scroll; margin: 0; padding: 0; } @media screen and (max-width: 1260px) { #key ul { top: 104px; height: calc(100% - 104px); } } @media screen and (max-width: 1060px) { #locations { display: block; } #map, #key { width: 100%; } #map a[href].marker { width: 4.2vw; } #key ul { position: static; overflow: visible; padding: 0; } } @media screen and (max-width: 600px) { #key li { padding: 30px 30px 30px 70px; background-position: 30px 30px; } } /* MEDIA */ #media div.panel-grid-cell { background: #33a5da; } #media div.so-widget-sow-editor { padding: 30px; } #media h3 { font-size: 19.5pt; } #media p a[href] { display: inline-block; font-size: 10.5pt; font-weight: 700; transform-origin: 0 50%; transition: .2s ease-in transform; } #media p a[href]:after { content: url("img/button-next-reverse.png"); display: inline-block; width: 18px; height: 18px; margin-top: -2px; margin-left: 5px; border-radius: 50%; background: #fff; vertical-align: middle; } #media p a[href]:link, #media p a[href]:visited { transform: scale(1); } #media p a[href]:hover, #media p a[href]:active { transform: scale(1.15); } #media div.sow-image-container a[href] { display: block; position: relative; padding-bottom: 66.7%; overflow: hidden; } #media div.sow-image-container img { position: absolute; top: 0; left: 0; width: 100%; height: auto; transform: scale(1); transition: .2s ease-in transform; } #media div.sow-image-container:hover img { transform: scale(1.15); } /* NEWS & BLOG */ body:not(.home) div.so-widget-ink-blog { padding-right: 2em; } body.home div.so-widget-ink-blog, body.espanol div.so-widget-ink-blog { padding-right: 0 !important; } #content.news div.iw-so-article { margin-bottom: 0 !important; } #content.blog div.iw-so-article-content, #content.news div.iw-so-article-content { padding: 0 !important; } #content.news h2, #content.news h2.iw-so-article-title { margin: 0; font-size: 14pt; line-height: 1.4em; } #content.news p.iw-so-article-byline-above, #content.news p.date { margin: 0; font-size: 12pt; font-style: italic; line-height: 1.6em; } #content.news p.iw-so-article-excerpt { margin: 0 0 1.2em; font-size: 12pt; line-height: 1.6em; } #content.news a[href].view-article { display: block; font-size: 10.5pt; font-weight: 700; transform-origin: 0 50%; transition: .2s ease-in all; } #content.news a[href].view-article:link, #content.news a[href].view-article:visited { color: #33a5db; transform: scale(1); } #content.news a[href].view-article:hover, #content.news a[href].view-article:active { color: #ef851e; transform: scale(1.15); } #content.news a[href].view-article:after { content: url("img/button-next.png"); display: inline-block; width: 18px; height: 18px; margin: -2px 0 0 5px; border-radius: 50%; background: #33a5db; vertical-align: middle; transition: .2s ease-in background; } #content.news a[href].view-article:hover:after { background: #ef851e; } div.band.single { background: #fff; padding: 170px 60px 60px; } div.band.single article { width: 70%; float: left; padding-right: 2em; } div.band.single aside { float: right; width: 30%; } div.band.single img.wp-post-image { display: block; width: 100%; height: auto; margin: 0 0 1em; } div.noimage { padding: 170px 60px 60px; } div.widget_recent_entries { padding: 0 0 2em 50px; } div.widget_recent_entries h3 { margin: 0 0 1em; font-size: 110%; font-weight: 700; line-height: 1.4em; } div.widget_recent_entries li { border-bottom: 1px solid #e5e5e5; padding: .5em 0; font-size: 87.5%; line-height: 1.6em; } div.widget_recent_entries ul { list-style-type: none; margin: 0 0 1.25em; padding: 0; } body.blog div.widget_text, body.single-post div.widget_text { padding-left: 50px; font-size: 87.5%; } body.blog div.widget_text h3, body.single-post div.widget_text h3 { margin: 0 0 1em; font-size: 110%; font-weight: 700; line-height: 1.4em; } body.blog div.widget_text img, body.single-post div.widget_text img { width: 50px; height: 50px; margin: 0 .5em 0 0; border-radius: 50%; filter: brightness(1); transition: .2s ease-in filter; } body.blog div.widget_text img:hover, body.single-post div.widget_text img:hover { filter: brightness(1.2); } body.blog div.widget_sow-button, body.single-post div.widget_sow-button { margin: 1em 0 2em !important; padding-left: 50px; } body.blog div.widget_sow-button a[href], body.single-post div.widget_sow-button a[href] { display: block; width: 100%; } body.home a[href].iw-so-article-btn { margin: 0; padding: 0; border: 0; background: transparent; font-size: 10.5pt; font-weight: 700; transform-origin: 0 50%; transition: .2s ease-in all; } body.home a[href].iw-so-article-btn:link, body.home a[href].iw-so-article-btn:visited { color: #fff; transform: scale(1); } body.home a[href].iw-so-article-btn:hover, body.home a[href].iw-so-article-btn:active { color: #fff; transform: scale(1.15); } body.home a[href].iw-so-article-btn:after { content: url("img/button-next-reverse.png"); display: inline-block; width: 18px; height: 18px; margin: -2px 0 0 5px; border-radius: 50%; background: #fff; vertical-align: middle; transition: .2s ease-in background; } body.home div.iw-so-article-button { text-align: left; } body.home div.iw-so-article { float: none !important; } body.home div.iw-so-article-thumb { position: static !important; overflow: visible !important; } body.home div.iw-so-article-thumb-wrap { display: block !important; } body.home div.iw-so-article-thumb-wrap a[href] { display: block; position: relative; width: 100%; padding-bottom: 66.7%; overflow:hidden; } body.home div.iw-so-article-thumb-wrap img { position: absolute; top: 0; left: 0; width: 100% !important; height: auto; transform: scale(1); transition: .2s ease-in transform; } body.home div.iw-so-article-thumb-wrap:hover img { transform: scale(1.15); } body.home div.iw-so-article-content { margin: 0; padding: 30px; } body.home p.iw-so-article-excerpt { color: #fff; font-size: 12pt !important; } body.espanol a[href].iw-so-article-btn { margin: 0; padding: 0; border: 0; background: transparent; font-size: 10.5pt; font-weight: 700; transform-origin: 0 50%; transition: .2s ease-in all; } body.espanol a[href].iw-so-article-btn:link, body.espanol a[href].iw-so-article-btn:visited { color: #fff; transform: scale(1); } body.espanol a[href].iw-so-article-btn:hover, body.espanol a[href].iw-so-article-btn:active { color: #fff; transform: scale(1.15); } body.espanol a[href].iw-so-article-btn:after { content: url("img/button-next-reverse.png"); display: inline-block; width: 18px; height: 18px; margin: -2px 0 0 5px; border-radius: 50%; background: #fff; vertical-align: middle; transition: .2s ease-in background; } body.espanol div.iw-so-article-button { text-align: left; } body.espanol div.iw-so-article { float: none !important; } body.espanol div.iw-so-article-thumb { position: static !important; overflow: visible !important; } body.espanol div.iw-so-article-thumb-wrap { display: block !important; } body.espanol div.iw-so-article-thumb-wrap a[href] { display: block; position: relative; width: 100%; padding-bottom: 66.7%; overflow:hidden; } body.espanol div.iw-so-article-thumb-wrap img { position: absolute; top: 0; left: 0; width: 100% !important; height: auto; transform: scale(1); transition: .2s ease-in transform; } body.espanol div.iw-so-article-thumb-wrap:hover img { transform: scale(1.15); } body.espanol div.iw-so-article-content { margin: 0; padding: 30px; } body.espanol p.iw-so-article-excerpt { color: #fff; font-size: 12pt !important; } @media screen and (max-width: 1000px) { div.noimage { padding: 60px; } div.band.single { padding: 60px; } div.band.single article { float: none; width: 100%; padding-right: 0; } div.band.single aside { float: none; width: 100%; margin-top: 1em; padding-left: 0; } body.blog div.widget_text, body.blog div.widget_sow-button, body.single-post div.widget_sow-button, body.single-post div.widget_text, div.widget_recent_entries { padding-left: 0; } } @media screen and (max-width: 600px) { div.noimage { padding: 30px; } div.band.single { padding: 30px; } div.band.single article { width: 100%; } } /* PANORAMA MAP */ #touring { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } #panorama-controls { flex-grow: 1; max-width: 458px; list-style-type: none; margin: 0; padding: 0; column-count: 2; } #panorama-controls a[href] img { outline: 1px solid #ccc; } #panorama-controls a[href].over img { outline: 4px solid #133978; } #panorama-controls img { width: 100%; height: auto; } #panorama-controls li { padding: 20px 40px 20px 0px; } @media screen and (max-width: 1200px) { #touring { flex-flow: column; } #panorama-controls { max-width: 100%; column-count: 6; } #panorama-controls li { padding: 10px 20px 10px 0px; } } @media screen and (max-width: 820px) { #blueprint { display: none; } #panorama-controls { flex-grow: 0; max-width: 458px; column-count: 2; } } /* PANORAMA OVERLAY */ #panorama { display: none; } #panoramaShade { z-index: 9000; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } #panoramaContent { z-index: 10000; } #panorama-container { position: fixed; top: 50%; left: 50%; z-index: 10001; width: 90vw; height: 60vw; transform: translate(-50%,-50%); } #panorama-details { display: none; } #panorama-close { position: fixed; top: 15px; right: 15px; z-index: 10002; opacity: .6; transition: .2s ease-in opacity; } #panorama-close:hover { opacity: 1; } /* PHOTO GALLERY */ #photoGallery button.slick-next, #photoGallery button.slick-prev { z-index: 5000; width: 36px; height: 64px; opacity: .2; transform: translateY(-25%); cursor: pointer; } #photoGallery button.slick-next:hover, #photoGallery button.slick-prev:hover { opacity: .8 !important; } #photoGallery button.slick-next { right: -36px; } #photoGallery button.slick-prev { left: -36px; } #photoGallery div.lsow-carousel-item a[href] { display: block; position: relative; overflow: hidden; width: 100%; padding-bottom: 48%; } #photoGallery div.lsow-carousel-item img { position: absolute; top: 50%; left: 0; width: 100%; height: auto; transition: .2s ease-in transform; transform: translateY(-50%) scale(1); } #photoGallery div.lsow-carousel-item a[href]:hover img { transform: translateY(-50%) scale(1.15); } #photoGallery div.sow-masonry-grid-item { border: 1px solid #ccc; } #photoGallery div.sow-masonry-grid-item img { transform: scale(1); transition: .2s ease-in transform; } #photoGallery div.sow-masonry-grid-item:hover img { transform: scale(1.15); } #photoGallery.reverse button.slick-next:before { content: url("img/carousel-next-reverse.png"); } #photoGallery.reverse button.slick-prev:before { content: url("img/carousel-prev-reverse.png"); } #photoGallery.reverse h3 { font-size: 32pt; margin: 0; } /* PHYSICIAN */ /* 2017-09-13 MDALY - add light blue border at top and bottom */ #physician { margin-bottom: 10px; } /* #physician > div.panel-grid-cell:first-child { display: flex; flex-direction: row; align-items: stretch; } #physician > div.panel-grid-cell:first-child div { width: 100%; display: flex; flex-direction: row; align-items: stretch; } */ #physician img { width: 100%; height: auto; } /* 2017-09-13 10:00a MDALY - make title same size as alert box #physician h2 { font-size: 40pt; margin-bottom: .5em; } */ #physician h2 { font-size: 24pt; line-height: 1em; margin: 0 0 .25em; } #physician p { margin: 0 0 .5em; font-family: Georgia,serif; font-size: 16.5pt; line-height: 1.3em; } @media screen and (max-width: 1000px) { #physician p { margin: 0 0 .5em; padding: 0; background-size: 20px 20px, 20px 20px; font-family: Georgia,serif; font-size: 12.5pt; line-height: 1.3em; } #physician h2 { font-size: 20pt; line-height: 1em; margin: 0 0 .25em; } } /* SERVICES (SPECIALIZED ACCORDION) */ /* #content.services img { float: right; max-width: 440px; min-width: 240px; height: auto; margin: 0 0 40px 40px; border: 1px solid #ccc; } */ div#accordion-Services a.iw-so-acc-title { padding: 25px 80px 25px 125px !important; font-size: 27pt !important; line-height: 1em; } div#accordion-Services-1 a.iw-so-acc-title { background-image: url("img/icon-physician-nursing-services.gif")!important; } div#accordion-Services-2 a.iw-so-acc-title { background-image: url("img/icon-in-home-services.gif")!important; } div#accordion-Services-3 a.iw-so-acc-title { background-image: url("img/icon-personal-care-services.gif")!important; } div#accordion-Services-4 a.iw-so-acc-title { background-image: url("img/icon-pharmacy-medications.gif")!important; } div#accordion-Services-5 a.iw-so-acc-title { background-image: url("img/icon-rehabilitation.gif")!important; } div#accordion-Services-6 a.iw-so-acc-title { background-image: url("img/icon-transportation.gif") !important; } div#accordion-Services-7 a.iw-so-acc-title { background-image: url("img/icon-nutritional-counseling.gif")!important; } div#accordion-Services-8 a.iw-so-acc-title { background-image: url("img/icon-social-services.gif")!important; } div#accordion-Services-9 a.iw-so-acc-title { background-image: url("img/icon-palliative-care.gif")!important; } div#accordion-Services-10 a.iw-so-acc-title { background-image: url("img/icon-senior-services.gif")!important; } div#accordion-Services-11 a.iw-so-acc-title { background-image: url("img/icon-in-home-services.gif")!important; } div#accordion-Services-12 a.iw-so-acc-title { background-image: url("img/icon-in-home-services.gif")!important; } @media screen and (max-width: 1000px) { div#accordion-Services a.iw-so-acc-title { min-height: 42px; padding: 8px 15px 8px 60px !important; background-repeat: no-repeat !important; background-size: 42px 42px !important; font-size: 18pt !important; line-height: .9em !important; } } @media screen and (max-width: 600px) { div#accordion-Services a.iw-so-acc-title { background: transparent !important; padding: 10px 55px 10px 15px !important; } #content.services img { float: none; width: 100%; height: auto; margin: 0 auto 1em; } } /* SERVICE AREAS (SPECIALIZED ACCORDIONS) */ div#zips-1 a.iw-so-acc-title { height: auto; overflow: hidden; margin: 0; padding: 1em 80px 1em 1em !important; border: 1px solid #ccc; color: #133978; background: transparent !important; } div#zips-1 div.iw-so-acc-content { padding: 1em 80px 1em 1em !important; } /* SPOTLIGHT */ #spotlight a[href] { display: block; font-size: 10.5pt; font-weight: bold; line-height: 18px; vertical-align: top; transition: .2s ease-in all; } #spotlight .learn-more:after { content: url("img/button-next.png"); display: inline-block; width: 18px; height: 18px; margin-left: 5px; border-radius: 50%; background: #33a5db; vertical-align: top; transition: .2s ease-in background; } #spotlight a[href]:hover:after { background: #ef851e; } #spotlight a[href]:link, #spotlight a[href]:visited { color: #33a5db; transform: scale(1); } #spotlight a[href].learn-more:hover, #spotlight a[href]:active { color: #ef851e; transform: scale(1.15); } #spotlight div.sow-image-container { width: 232px; height: 232px; margin: 0 auto; border: 1px solid #ccc; overflow: hidden; } /*#spotlight div.sow-image-container:hover img { transform: scale(1.15); }*/ #spotlight img { transform: scale(1); transition: .2s ease-in transform; } #spotlight h3 { margin: 1em 0 .25em; font-size: 16.5pt; text-align: center; } #spotlight p { margin: 0 0 .25em; font-size: 12pt; text-align: center; } @media screen and (max-width: 1000px) { #spotlight div.panel-grid-cell { width: 100%; flex-basis: 100%; padding-bottom: 50px; } } /* STATISTICS */ #statistics a[href] { display: block; font-size: 10.5pt; font-weight: 700; text-align: center; transition: .2s ease-in transform; } #statistics a[href]:after { content: url("img/button-next-reverse.png"); display: inline-block; width: 18px; height: 18px; margin-top: -2px; margin-left: 5px; border-radius: 50%; background: #fff; vertical-align: middle; } #statistics a[href]:link, #statistics a[href]:visited { transform: scale(1); } #statistics a[href]:hover, #statistics a[href]:active { transform: scale(1.15); } #statistics div.panel-grid-cell { display: flex; flex-direction: column; justify-content: space-between; padding: 30px; } #statistics div.panel-grid-cell + div.panel-grid-cell { border-left: 1px solid #99d2ed; } #statistics div.percent p:after { content: "%"; } #statistics div.of10 p:after { content: "/10"; } #statistics h3.iw-so-number-title { margin-top: .25em !important; font-size: 12pt; font-weight: 400; letter-spacing: -.01em; text-transform: uppercase; } #statistics p.iw-so-number-count { display: flex; flex-flow: row nowrap; justify-content: center; margin: 0; font-size: 54pt; font-weight: 700; line-height: 1em; } @media screen and (max-width: 600px) { #statistics div.panel-grid-cell + div.panel-grid-cell { border-top: 1px solid #99d2ed; border-left: 0px; } } /* SUBSCRIPTION BAR */ #subscribeBar p { display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; margin-bottom: 0; } #subscribeBar a[href] { flex-grow: 0 } #subscribeBar a[href].button { white-space: nowrap; padding: 10px 15px } #subscribeBar a[href].header { font-size: 19.5pt; padding: 0 1em; } #subscribeBar img { display: block; height: 60px; margin-left: 20px; } @media screen and (max-width: 1000px) { #subscribeBar p { flex-flow: row wrap; } #subscribeBar a[href].button { margin-top: 1em; flex-basis: 100%; white-space: normal; } #subscribeBar a[href].header { flex-basis: calc(100% - 93px); padding: 0 0 0 1em; font-size: 14pt; } } /* TABS */ #tabs ul { width: 100%; display: flex; flex-flow: row nowrap; align-items: stretch; list-style-type: none; margin: 0; padding: 0; } #tabs li { flex-grow: 1; transition: .2s ease-in background; } #tabs li + li { border-left: 1px solid #fff; } #tabs li a[href] { display: block; padding: 30px 60px; font-size: 15pt; font-weight: 700; line-height: 1em; text-align: center; } #tabs li.current-menu-ancestor, #tabs li.current_page_parent, #tabs li.current-menu-item { background: #e9842a; } #tabs li:hover { background: #33a5da; } /* TESTIMONIALS */ #testimonials div.lsow-carousel-item { max-width: 100vw !important; padding: 0 60px; outline: 0 !important; } #testimonials h3 { margin-bottom: 1em; font-size: 27pt; text-align: center; } #testimonials img { width: 106px !important; height: 106px !important; border: 1px solid #ccc; } #testimonials th { width: 126px; padding-right: 20px; vertical-align: top; } #testimonials td { padding: 0 0 0 50px; color: #133978; font-family: Georgia,serif; font-size: 16.5pt; line-height: 1.2; vertical-align: top; } #testimonials td em, #testimonials td i { display: block; margin-top: 1em; color: #666; font-family: "Open Sans",sans-serif; font-size: 12pt; } #testimonials td em:before, #testimonials td i:before { content: "— "; } #testimonials p { margin: 0; } @media screen and (max-width: 1000px) { #testimonials div.lsow-carousel-item { padding: 0 30px; } #testimonials div.panel-grid-cell { width: 100% !important; flex-basis: 100% !important; } #testimonials div.panel-grid-cell-empty { display: none; } } @media screen and (max-width: 600px) { #testimonials th { display: block; padding: 0 0 20px; } #testimonials td { display: block; padding: 0 30px 0; background-size: 25px auto, 25px auto; } } /* TOUR */ #tour h3 { margin-bottom: .25em; font-size: 36pt; line-height: .9em; } #tour p { font-size: 13.5pt; } /* VIDEOS */ .auto-resizeable-iframe { position: relative; margin: 0 auto; padding-bottom: 56.25%; } .auto-resizeable-iframe iframe, .auto-resizeable-iframe video { position: absolute; width: 100%; height: 100%; } #videoGallery a[href] { transition: .2s ease-in color; } #videoGallery a[href]:link, #videoGallery a[href]:visited { color: #666; } #videoGallery a[href]:hover, #videoGallery a[href]:active { color: #000; } #videoGallery a[href]:hover img, #videoGallery a[href]:active img { border-color: #000; } #videoGallery a[href]:first-child { display: block; position: relative; width: 100%; max-width: 372px; overflow: hidden; margin: 0 auto 9pt; border: 1px solid #ccc; padding-bottom: 45%; } #videoGallery a[href]:first-child:after { content: url("img/button-play.png"); width: 50px; height: 50px; position: absolute; bottom: 20px; right: 20px; border-radius: 50%; background: rgba(51,165,218,.8); transition: .2s ease-in background; } #videoGallery a[href]:first-child:hover:after { background: rgba(233,132,42,.8); } #videoGallery a[href]:last-child { display: block; font-size: 18pt; text-align: center; } #videoGallery button.slick-next, #videoGallery button.slick-prev { z-index: 5000; width: 36px; height: 64px; opacity: .2; cursor: pointer; } #videoGallery button.slick-next:hover, #videoGallery button.slick-prev:hover { opacity: .8 !important; } #videoGallery button.slick-next { right: -36px; } #videoGallery button.slick-prev { left: -36px; } #videoGallery button.slick-next:before { content: url("img/carousel-next.png"); } #videoGallery button.slick-prev:before { content: url("img/carousel-prev.png"); } #videoGallery img { position: absolute; display: block; width: 100%; height: auto; transition: .2s ease-in border-color; } #videoGallery div { outline: none !important; } #videoGallery div.lsow-carousel-item:hover img { transform: scale(1.25); } #videoGallery img { transform: scale(1); transition: .2s ease-in transform; } @media screen and (max-width: 1000px) { #videoPlayer div.panel-grid-cell { width: 100% !important; flex-basis: 100% !important; } #videoPlayer div.panel-grid-cell-empty { display: none; } } /* LOCATION SUB-PAGE ADJUSTMENTS */ body.parent-pageid-65 #contact h3 { font-weight: 700; } body.parent-pageid-65 main h2 { margin-bottom: .5em; font-size: 36pt; line-height: .9em; } @media screen and (max-width: 1000px) { body.parent-pageid-65 main h2 { font-size: 18pt !important; } body.parent-pageid-65 main h3 { font-size: 18pt !important; } } /* CALENDAR ADJUSTMENTS */ body.calendar div#ai1ec-container { padding: 200px 60px 100px; } .ai1ec-agenda-widget-view { max-width: 100%; } div.widget_ai1ec_agenda_widget h3 { margin: 0 0 .25em; color: #133978; font-size: 24pt; font-weight: 700; letter-spacing: -.01em; line-height: 1.1em; } @media screen and (max-width: 600px) { body.calendar div#ai1ec-container { padding: 60px 30px; } } form.search { display: flex; flex-direction: row nowrap; align-items: stretch; max-width: 600px; border: 1px solid #ccc; } form.search input.search-input { width: 75%; border: 0; padding: .25em .5em; } form.search button.search-submit { width: 25%; border: 0; padding: .25em .5em; background: #ccc; } /* PRINT STYLES */ @media print { * { text-shadow: none !important; } div.panel-grid-cell-empty, div#PureChatWidget, div#subnav, header, footer { display: none !important; } div#container { position: static; width: 100% !important; } } /* IN-PAGE CTA */ div.call-to-action { margin: 2em 0; } div.call-to-action a[href] { display: block; border: 1px solid #ccc; border-radius: .5em; padding: 2em; } div.call-to-action h3 { max-width: 50rem; margin: 0 0 .75em; color: #133978; font-size: 15pt; } div.call-to-action p { max-width: 30rem; color: #33a5da !important; } div.call-to-action span { display: inline-block; max-width: 40rem; outline: none !important; border: 0; border-radius: .5em; padding: .5em 1em; background: #ef851e; box-shadow: none; color: #fff !important; font-size: 12pt; font-weight: 700; letter-spacing: -.03em; line-height: 1.3em; text-align: center; text-decoration: none; text-shadow: none !important; text-transform: uppercase; transition: .2s ease-in all; -webkit-appearance: none; } div.call-to-action span:hover { background: #33a5db; } @media screen and (max-width: 1000px) { div.call-to-action h3, div.call-to-action p, div.call-to-action span { max-width: 100%; } } /* CC POPOVER */ .cc { display: none; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #000; background: rgba(0,0,0,.8); } #ccpopover { position: absolute; top: 50%; left: 50%; width: 640px; min-height: 350px; margin: 0; border-radius: .5em; padding: 2em; background: #fff; transform: translate(-50%,-50%); } #ccpopover form.ctct-custom-form button { margin-bottom: 1em; } #ccpopover p { margin: 0; } #ccpopover p:first-child { margin: 0 0 1.25em; text-align: center; } @media screen and (max-width: 600px) { #ccpopover { box-sizing: border-box; width: 100%; height: auto; min-height: 0; top: 0; left: 0; margin: 0; padding: 1em; background: #fff; } } /* PURE CHAT */ @media screen and (max-width: 600px) { #PureChatWidget { display: none; } } /* CUSTOM CSS*/ #menu-item-14734 { color: red!important; font-weight:700; } #menu-item-14734:hover { text-decoration: underline; } #menu-item-14734 a[href]:visited { color: red!important; } li.menu-item-14734 a[href]{ color: red!important; } #panel-15411-2-0-0 .textwidget.custom-html-widget { display: flex; } #panel-15411-2-0-0 .textwidget.custom-html-widget .checkmarks { margin: auto; } .checkmarks-container { display: flex; justify-content: center; } .checkmarks-style { display:flex; } .checkmarks-container ul li { margin-right:30px; } @media screen and (max-width: 980px) { .checkmarks-style { display: block; position: relative; left: 30%; } .checkmarks-container-1 { display: block; margin-left: 30%; } .mobile-display-block { display: block; } }