https://www.bettervisionforlife.ca/templates/eyemotion//* compiled by scssphp v1.0.0 on Sun, 28 Apr 2024 01:57:13 +0000 (0.1438s) */ /* variables scss file may have some bugs at the end so we need to add a burner line */ .nonexistantClass { color: #fff; } h1 { font-family: Oswald; } body, input, button, select, textarea { font-family: Droid Sans; } h2 { font-family: Oswald; } .module h3, .module_menu h3 { font-family: Oswald; } .hornav { font-family: Oswald; } h1.logo_text, .site-slogan { padding-bottom: 0; } h1.logo_text a { font-family: Raleway; } .hornav #moomenu > li > a { font-size: 14.4px; } hr { border-top: 1 solid rgba(149, 168, 104, 1); border-bottom: 1 solid rgba(149, 168, 104, 1); } .light-text hr { border-top: 1 solid rgba(255, 255, 255, 1); border-bottom: 1 solid rgba(255, 255, 255, 1); } .top-1a, .top-1b, .top-1c, .top-1d, .top-1e, .top-1f, .top-2a, .top-2b, .top-2c, .top-2d, .top-2e, .top-2f, .top-3a, .top-3b, .top-3c, .top-3d, .top-3e, .top-3f, .sidecol-a, .sidecol-b, .sidecol-1a, .sidecol-1b, .sidecol-1c, .sidecol-2a, .sidecol-2b, .sidecol-2c, .bottom-1a, .bottom-1b, .bottom-1c, .bottom-1d, .bottom-1e, .bottom-1f, .bottom-2a, .bottom-2b, .bottom-2c, .bottom-2d, .bottom-2e, .base-1a, .base-1b, .base-1c, .base-1d, .base-1e, .base-1f, .base-2a, .base-2b, .base-2c, .base-2d, .base-2e, .base-2f, .maincontent .module_surround, #breadcrumb { background-color: rgba(243, 239, 217, 1); } .officeDetails .moduleWrapper { background-color: rgba(243, 239, 217, 1); } .module, .maincontent .module_surround { padding: 15px; } /* .block_holder_margin>div { margin: $default_module_margins_half $default_module_margins $default_module_margins_half 0; } .block_holder_margin>div:nth-last-child(1) { margin-right: 0; } */ .sidecol_block > div { margin-bottom: 16px; } .sidecol_block > div:last-child { margin-bottom: 0; } .block_holder_margin > div.clear { margin: 0; } #breadcrumb { margin: 8px 0; } .contenttop { margin: 0 16px 16px 0; } .contenttop:nth-last-child(1) { margin: 0 0 16px 0; } .contentbottom { margin: 16px 16px 0 0; } .contentbottom:nth-last-child(1) { margin: 16px 0 0 0; } #container_hornav-sticky-wrapper { height: 0px; } body { color: rgba(130, 123, 105, 1); font-size: 14px; } h1, h1 a:link, h1 a:visited { color: rgba(149, 168, 104, 1); } h2, h2 a:link, h2 a:visited { color: rgba(130, 123, 105, 1); } .module h3, .module_menu h3, h3 { color: rgba(149, 168, 104, 1); } a { color: rgba(149, 168, 104, 1); } a:hover { color: rgba(149, 168, 104, 1); } body .light-text { color: rgba(255, 255, 255, 1); } .light-text h1, .light-text h1 a:link, .light-text h1 a:visited { color: rgba(255, 255, 255, 1); } .light-text h2, .light-text h2 a:link, .light-text h2 a:visited { color: rgba(186, 199, 155, 1); } .light-text .module h3, .light-text .module_menu h3, .light-text h3 { color: rgba(255, 255, 255, 1); } .light-text a { color: rgba(255, 255, 255, 1); } .light-text a:hover { color: #ddd; } .light-text hr { border-color: rgba(255, 255, 255, 1) !important; } .light-text .btn, .light-text .btn-group.open .btn.dropdown-toggle, .light-text .input-append .add-on, .light-text .input-prepend .add-on, .light-text .pager.pagenav a, .light-text .btn-primary:active, .light-text .light-text .btn-primary.active, .light-text .btn-primary.disabled, .light-text .btn-primary[disabled], .light-text .btn:hover, .light-text .slidesjs-next.slidesjs-navigation, .light-text .slidesjs-previous.slidesjs-navigation, .light-text .light-text .search .icon-search { background-color: rgba(98, 115, 33, 1); } .light-text .header-1 ul.menu a:hover { color: rgba(98, 115, 33, 1); } .light-text .btn:hover, .light-text .readmore .btn:hover, .light-text .dropdown-toggle:hover, .light-text .search .icon-search:hover, .light-text .search .button:hover { background-color: rgba(64, 77, 18, 1); color: #fff; } .light-text .dropdown-toggle, .light-text .label-info[href], .light-text .badge-info[href], .light-text #mc-embedded-subscribe:hover, .light-text .tagspopular a:hover { background-color: rgba(98, 115, 33, 1); } .light-text .tags .label-info[href] { background-color: transparent; color: rgba(98, 115, 33, 1); } .light-text .owl-theme .owl-controls .owl-buttons div { background-color: rgba(98, 115, 33, 1) !important; } .light-text .btn:hover, .light-text .readmore .btn:hover, .light-text .dropdown-toggle:hover, .light-text .search .icon-search:hover, .light-text .search .button:hover, .light-text .owl-theme .owl-controls .owl-buttons div:hover { background-color: rgba(64, 77, 18, 1) !important; } .light-text .btn, .light-text .button, .light-text .owl-theme .owl-controls .owl-buttons div { color: #fff !important; } .light-text .btn:hover, .light-text .button:hover, .light-text .owl-theme .owl-controls .owl-buttons div:hover { color: #fff !important; } .light-text .j51imagelinkhover .j51button a:hover { color: #fff !important; } h1.logo_text a, h1.logo_text a:link, h1.logo_text a:visited { color: #fff; } p.site-slogan { color: #fff; } .logo a { left: 0px; } .logo a { top: 1px; } /*-- Mobile Menu --*/ #mobile_menu ul li a, #openClose, #mobile_menu li.current { color: rgba(255, 255, 255, 1); } #mobile_menu ul ul li a:before { background-color: rgba(255, 255, 255, 1); } /*-- Hornav --*/ .hornav ul li a { color: rgba(255, 255, 255, 1); } .hornav ul ul li a { color: rgba(255, 255, 255, 1); } .hornav ul ul { background-color: rgba(149, 168, 104, 1); } .hornav ul ul::before { border-color: transparent transparent rgba(149, 168, 104, 1) transparent; } #container_hornav { background-color: rgba(149, 168, 104, 1); -webkit-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear; transition: background-color 400ms linear; transition: height 0.25s ease-in; } .sticky-wrapper.is-sticky #container_hornav, #openClose, #mobile_menu { background-color: rgba(149, 168, 104, 1); height: 0px; } .sidecol_a { width: 0%; } .sidecol_b { width: 0%; } #content_remainder { width: 100%; } .wrapper960, .backgrounds .content_background { width: 700px; } .btn, .btn-group.open .btn.dropdown-toggle, .input-append .add-on, .input-prepend .add-on, .pager.pagenav a, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn:hover, .slidesjs-next.slidesjs-navigation, .slidesjs-previous.slidesjs-navigation, .search .icon-search, .j51imagelinkhover .j51button a { background-color: rgba(98, 115, 33, 1); } .header-1 ul.menu a:hover { color: rgba(98, 115, 33, 1); } .btn:hover, .readmore .btn:hover, .dropdown-toggle:hover, .search .icon-search:hover, .search .button:hover { background-color: rgba(64, 77, 18, 1); } .dropdown-toggle, .label-info[href], .badge-info[href], #mc-embedded-subscribe:hover, .tagspopular a:hover { background-color: rgba(98, 115, 33, 1); } .tags .label-info[href] { background-color: transparent; color: rgba(98, 115, 33, 1); } .owl-theme .owl-controls .owl-buttons div { background-color: rgba(98, 115, 33, 1) !important; } .owl-carousel .owl-buttons div:hover { background-color: rgba(64, 77, 18, 1); } .btn, .button, .owl-buttons div, .j51imagelinkhover .j51button a { color: #fff !important; } .btn:hover, .button:hover, .owl-buttons div:hover, .j51imagelinkhover .j51button a:hover { color: #fff !important; } #header { background-color: rgba(149, 168, 104, 1); background-image: url('/images/_blank.png'); } .sticky-wrapper.is-sticky #container_hornav, #openClose, #mobile_menu { background-image: url('/images/_blank.png'); } .slicknav_menu { background: rgba(64, 77, 18, 1); } .slicknav_btn { background: rgba(0, 0, 0, 0.35); } body { background-color: rgba(30, 35, 46, 0); } body::before { background-image: url('/images/weave-bg.jpg'); position: fixed; left: 0; right: 0; top: 0; bottom: 0; content: ''; z-index: -1; background-position: center center; background-size: cover; opacity: 1; } #top-bar { background-color: rgba(33, 43, 61, 0); } #top-bar:before { background-image: url('/images/_blank.png'); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; opacity: 1; } #container_showcase_modules { background-color: rgba(243, 239, 217, 1); } #container_showcase_modules:before { background-image: url('/images/_blank.png'); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; opacity: 1; } #container_top1_modules { background-color: #202a3b; } #container_top1_modules:before { background-image: url('/images/_blank.png'); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; opacity: 1; } #container_top2_modules { background-color: #fff; } #container_top2_modules:before { background-image: url('/images/_blank.png'); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; opacity: 1; } #container_top3_modules { background-color: #f2f2f2; } #container_top3_modules:before { background-image: url('/images/_blank.png'); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; opacity: 1; z-index: -1; } #container_main { background-color: rgba(243, 239, 217, 1); } #container_main:before { background-image: url('/images/_blank.png'); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; opacity: 1; } #container_bottom1_modules { background-color: #202a3b; } #container_bottom1_modules:before { background-image: url('/images/_blank.png'); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; opacity: 1; } #container_bottom2_modules { background-color: #f2f2f2; } #container_bottom2_modules:before { background-image: url('/images/_blank.png'); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; opacity: 1; } #container_bottom3_modules { background-color: rgba(243, 239, 217, 1); } #container_bottom3_modules:before { background-image: url('/images/_blank.png'); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; opacity: 1; } #container_base1_modules { background-color: #202a3b; } #container_base1_modules:before { background-image: url('/images/_blank.png'); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; opacity: 1; } #container_base2_modules { background-color: rgba(243, 239, 217, 1); } #container_base2_modules:before { background-image: url('/images/_blank.png'); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; opacity: 1; } #container_footermenu, #container_footer { background-color: rgba(33, 43, 61, 0); } #container_footermenu:before, #container_footer:before { background-image: url('/images/_blank.png'); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; opacity: 1; } /* Logo Layout */ #logo { order: 2; } .header-1 { order: 1; } .header-2 { order: 3; } /* Order of side columns and main content */ #content_remainder { order: 2; } #sidecol_a { order: 1; } #sidecol_b { order: 3; } /* Joomla article images */ .pull-right { float: right; } .pull-left { float: left; } /* Module Style Overrides It cannot be emphasized enough how important the .j51container and .module_surround rules are important to the image overlays this helps the custom background images appear */ .j51container { position: relative; z-index: 0; } .module_surround { position: relative; } /* Module Container Width */ /* #Responsive Break Points ================================================== */ @media only screen and (max-width: 980px) { /*.sticky-wrapper {height:0 !important;}*/ .hornavmenu { display: none !important; } nav#mobile_menu { display: block; } } /* * Sticky Menu * **/ .sticky-wrapper.is-sticky #container_hornav { position: fixed; top: 0px; width: 100%; } /* #Responsive Break Points ================================================== */ @media only screen and (max-width: 700px) { .wrapper960 { width: 100% !important; } div .wrapper960 { box-sizing: border-box; padding: 0 15px; } div#container_showcase_modules .wrapper960 { padding-right: 0; padding-left: 0; } .wrapper960 { width: 100% !important; } } #responsiveBackground { height: 48px; background-color: rgba(149, 168, 104, 1); display: none; } @media only screen and (max-width: 980px) { .hornavmenu { display: none !important; } nav#mobile_menu { display: block; } #container_hornav-sticky-wrapper, #container_hornav { height: auto; } .sticky-wrapper.is-sticky #container_hornav { position: static; height: auto; } #responsiveBackground { display: block; } } /*-----------------------------------------------------------------------------------*/ /* .header */ /*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* #Logo */ /*-----------------------------------------------------------------------------------*/ .logo { padding: 0; padding-bottom: 12px; } h1.logo-text { position: relative; width: 100%; } h1.logo-text a { left: 0; letter-spacing: 0px; text-align: center; position: relative; outline: none; white-space: nowrap; z-index: 25; width: 100%; } h1.logo-text a:hover { text-decoration: none; } p.site-slogan { font-size: 10px; letter-spacing: 5px; } /*-----------------------------------------------------------------------------------*/ /* Top Menu */ /*-----------------------------------------------------------------------------------*/ #container_hornav { position: relative; z-index: 1; } #container_hornav > .wrapper960 { position: relative; height: 100%; } #moomenu { padding-left: 0; } /*-----------------------------------------------------------------------------------*/ /* Top Menu - .hornav */ /*-----------------------------------------------------------------------------------*/ .hornavmenu { padding: 0px; } .hornavmenu ul ul { padding: 18px 0 !important; } .hornav li { line-height: 1.3em; padding: 0.5em 0; } /** Hornav **/ .hornav li { position: relative; } .hornav { padding: 0; } .hornav > ul { display: inline-block; margin: 0; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; padding: 0; height: 100%; } .hornav > ul > li { display: inline-block; padding: 0px; list-style: none outside none; margin: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; letter-spacing: 2px; height: 100%; } .hornav > ul > li.menu-split { float: left; } .hornav > ul > li > a { display: block; font-size: 14.4px; text-transform: uppercase; line-height: 14.4px; opacity: 1; padding: -7.2px 11px -7.2px; text-rendering: optimizeLegibility; position: relative; } .hornav > ul > li > a:after { content: attr(title); position: absolute; left: 18px; top: 39px; font-size: 10px; line-height: 10px; letter-spacing: 0.5px; opacity: 0.3; z-index: 999; text-align: left; text-transform: none; } .hornav > ul > li > a:hover { text-decoration: none; opacity: 1; } .hornav > ul > li > a:focus, .hornav > ul > li > a:active { text-decoration: none; outline: none; } .hornav > ul > .parent-hover { background: rgba(0, 0, 0, 0.05); } .hornav > ul > .parent { padding-right: 16px; } .hornav > ul > .parent:after { content: ""; display: block; height: 10px; right: 13px; position: absolute; top: 45%; width: 14px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent; } .hornav .parent > ul > li > a { text-transform: uppercase; } .hornav > ul > li { position: relative; } .hornav > ul > li > div > ul { display: block; letter-spacing: 0; list-style: none !important; margin: 0px; text-align: left; z-index: 1000; font-size: 18px; font-weight: 500; /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), inset 0 -1px 1px rgba(255, 255, 255, 0.8);*/ } .hornav > ul > li > div > ul > li { min-height: 20px; float: none; webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding: 6px 16px 7px; } .hornav > ul > li > div > ul > li:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.03); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.04); } .hornav > ul > li > ul > div > li > a { display: block; padding: 5px 15px; } .hornav > ul > li > div > ul > li > a:active, .hornav > ul > li > div > ul > li > a:focus { background-color: rgba(0, 0, 0, 0.03); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.04); } .hornav > ul > li > div > ul > li > a:after { content: attr(title); display: block; font-size: 11px; line-height: 1.2em; opacity: 0.4; text-align: left; text-transform: none; color: inherit; top: -2px; position: relative; } .hornav > ul > li > li:hover a { text-decoration: none; } .hornav > ul > li > div > ul:before { display: none; } .hornav > ul > li img { margin-top: 5px; margin-bottom: 8px; } .hornav > ul > div > ul:before { content: ""; display: block; height: 10px; left: 12px; position: absolute; top: -10px; width: 14px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; } .hornav > ul > li > div > ul, .hornav > ul > li > div > ul > li > div > ul { position: absolute; height: auto; min-width: 233px; opacity: 0; visibility: hidden; top: 45px; left: 0px; z-index: 1000; padding: 21px 0; list-style: none; transition: all 200ms linear 180ms; -o-transition: all 200ms linear 180ms; -ms-transition: all 200ms linear 180ms; -moz-transition: all 200ms linear 180ms; -webkit-transition: all 200ms linear 180ms; } .hornav > ul > li > div > ul > li > div > ul li { padding: 6px 16px 7px; } .hornav > ul > li:hover > div > ul, .hornav > ul > li > div > ul > li:hover > div > ul { display: block; opacity: 1; visibility: visible; top: 0px; left: 0px; } .hornav > ul > li:hover > div > ul, .hornav > ul > li > ul > li:hover > ul { transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; } .hornav > ul > li > div > ul > li > div > ul { left: 0px; top: -25px; } .hornav > ul > li > div > ul > li:hover > div > ul { top: 0; left: 200px; } /*.hornav > ul > li > div > ul > li:hover > div > ul,*/ #main-menu .subMenuMask .subMenuMask { top: 0px; left: 200px; } .hornav .columns-2 + ul { -moz-column-count: 2; -moz-column-gap: 0; -webkit-column-count: 2; -webkit-column-gap: 0; column-count: 2; column-gap: 0; width: 420px; } .hornav .columns-3 + ul { -moz-column-count: 3; -moz-column-gap: 0; -webkit-column-count: 3; -webkit-column-gap: 0; column-count: 3; column-gap: 0; width: 630px; } .hornav .columns-4 + ul { -moz-column-count: 4; -moz-column-gap: 0; -webkit-column-count: 4; -webkit-column-gap: 0; column-count: 4; column-gap: 0; width: 840px; } .menu .module_surround { padding: 15px !important; } .menu #login-form { margin: 0; } .menu .module a { font-size: 12px; } .menu .module a:hover { opacity: 0.7; } /*-----------------------------------------------------------------------------------*/ /* Top Menu - Mobile */ /*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* .header-1 / Header-2 */ /*-----------------------------------------------------------------------------------*/ .header-1, .header-2 { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .header-1 p, .header-2 p { margin: 0; } .header-1 .custom, .header-2 .custom { width: auto; } .header-1 .search-query, .header-2 .search-query { width: 140px; margin-top: 0px; } .header-1 ul.menu { list-style: none; } .header-1 ul.menu a { color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; font-size: 0.75em; border-radius: 12px; border: 2px solid #fff; padding: 4px 12px; } .header-1 ul.menu a:hover { background-color: #fff; color: #555; } .header-2 { text-align: right; } .header-2 .custom { padding: 4px 15px; } .header-1 > div { margin: 0px; } .header-2 > div { margin: 0px; } .header-1 input, .header-2 input, .header-1 form, .header-2 form, .header-1 label, .header-2 label, .header-1 ul, .header-2 ul, .header-1 ol, .header-2 ol, .header-1 dl, .header-2 dl, .header-1 fieldset, .header-2 fieldset, .header-1 address, .header-2 address { margin: 0; } .header-1 .custom { width: auto; } #logo_header_modules { height: 100%; } #logo_header_modules > div { margin-top: auto; margin-bottom: auto; } #logo { align-self: center; } @media only screen and (min-width: 768px) { #logo img { bottom: 1px; left: 0px; position: relative; transition: height 0.2s ease-in; } } @media only screen and (min-width: 801px) { .sticky-wrapper.is-sticky #logo img { height: 0px; box-sizing: border-box; } .sticky-wrapper.is-sticky #logo img { top: 0; } } @media only screen and (min-width: 768px) and (max-width: 800px) { #logo_header_modules { height: 170px; } } #logo img { width: auto; height: 150px; padding: 8px 0; } #logo, .header-1, .header-2 { width: 100%; } .hornav { height: 0px; } .hornav > ul, .hornavmenu { width: 100%; } .hornav > ul { text-align: center; } /* * * This code was generated in ..\php\styles.php. Make any * changes there. Any changes made in the .css file will be overwritten when * when the webpage is reloaded. * */ .uk-overlay-background { background-color: rgba(0, 0, 0, 0); } /*Style*/ .em_inlineicon { display: inline-block; padding: 0; } .em_inlineicon i:before { padding-right: 0; color: inherit !important; } /*Balloons*/ [data-balloon] { position: relative; } [data-balloon]:before, [data-balloon]:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; pointer-events: none; -webkit-transition: all 0.18s ease-out 0s; transition: all 0.18s ease-out 0s; bottom: 100%; left: 50%; position: absolute; z-index: 10; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } [data-balloon]:after { background: rgba(98, 115, 33, 1); border-radius: 4px; color: #fff; content: attr(data-balloon); font-size: 12px; padding: 11px 16px; white-space: nowrap; margin-bottom: 11px; } .light-text [data-balloon]:after { background: rgba(98, 115, 33, 1); color: #fff; } [data-balloon]:before { width: 0; height: 0; border-style: solid; border-width: 8px 7.5px 0 7.5px; border-color: rgba(98, 115, 33, 1) transparent transparent transparent; content: ''; margin-bottom: 4px; } .light-text [data-balloon]:before { border-color: rgba(98, 115, 33, 1) transparent transparent transparent; } [data-balloon]:hover:before, [data-balloon]:hover:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; pointer-events: auto; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } [data-balloon][data-balloon-break]:after { white-space: normal; } [data-balloon-length]:after { white-space: normal; } [data-balloon-length="small"]:after { width: 80px; } [data-balloon-length="medium"]:after { width: 150px; } [data-balloon-length="large"]:after { width: 260px; } [data-balloon-length="xlarge"]:after { width: 90vw; } @media screen and (min-width: 768px) { [data-balloon-length="xlarge"]:after { width: 380px; } } [data-balloon-length="fit"]:after { width: 100%; } .em_inlineicons .em_inlineicon:hover i:before { color: rgba(98, 115, 33, 1) !important; } .light-text .em_inlineicons .em_inlineicon:hover i:before { color: rgba(98, 115, 33, 1) !important; } .em_inlineicons i:before { font-size: 38px; } .em_inlineicons .em_inlineicon { margin: 0px 8px; } /* .em_inlineicons'.$em_moduleid.' i:before { font-size: '.$em_iconsize.'px; } .em_inlineicons'.$em_moduleid.' .em_inlineicon:hover i:before { color: '.$em_iconhovercolor.' !important; } .em_inlineicons'.$em_moduleid.' [data-balloon]:after { background-color: '.$em_iconhovercolor.' !important; } .em_inlineicons'.$em_moduleid.' [data-balloon]:before { border-color: '.$em_iconhovercolor.' transparent transparent transparent; } .em_inlineicons'.$em_moduleid.' { text-align: '.$em_iconalign.'; } .em_inlineicons'.$em_moduleid.' .em_inlineicon { margin: '.$em_icon_margin_y.'px '.$em_icon_margin_x.'px; } '; \$button_text_color: $button_text_color; \$button_hover_text_color: $button_hover_text_color; \$button_color: $button_color; \$button_hover_color: $button_hover_color; */ /*-----------------------------------------------------------------------------------*/ /* Social Media */ /*-----------------------------------------------------------------------------------*/ #socialmedia { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } #socialmedia a { margin: 0px; } #socialmedia i { padding: 0; width: 1em; height: 1em; margin: auto; } ul#socialmedia { list-style: none; margin: 0 0 0px 0; display: block; font-size: 0; } ul.em_socialmedia_horzontal li { background-position: 50% 50%; display: inline-block; border-radius: 50%; margin: 0px 5px; padding: 0px; } ul.em_socialmedia_vision { position: fixed; z-index: 99; right: 21px; top: 152px; } ul#socialmedia.em_socialmedia_vision li { background-position: 50% 50%; display: block; border-radius: 50%; margin-bottom: 8px; padding: 0px; } ul#socialmedia li { background-position: 50% 50%; border-radius: 50%; margin: 0px 5px; padding: 0px; } ul#socialmedia li a { display: flex; width: 42px; height: 42px; opacity: 0.8; font-size: 22px; text-align: center; vertical-align: middle; line-height: 42px; } ul#socialmedia li a:hover { opacity: 1; } ul#socialmedia li a [class^="fa-"]::before, ul#socialmedia li a [class*=" fa-"]::before { padding-right: 0; color: #fff; line-height: 1em; display: block; } [class="social"] { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } [class^="social-"]:hover, [class*=" social-"]:hover { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2) inset; } ul#socialmedia li:hover { background: rgba(98, 115, 33, 1) !important; color: #fff; } .light-text ul#socialmedia li:hover { background: rgba(98, 115, 33, 1) !important; color: #fff; } ul#socialmedia [data-balloon]:after { line-height: 1em; } /******************************************************************************************/ ul.em_concentric_circles { list-style-type: none; padding-left: 0; text-align: center; margin-bottom: 0; padding-bottom: 0; } .em_concentric_circles li { padding: 20px 16px; width: 99px; min-height: 99px; display: inline-block; text-align: center; } .em_concentric_circles a { -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; } .em_concentric_circles a { margin: 0 0 10px 0; top: 0; left: 0; bottom: 0; right: 0; } .em_concentric_circles a { display: inline-block; font-size: 0px; width: 88px; height: 88px; border-radius: 50%; text-align: center; position: relative; z-index: 1; } .em_concentric_circles a { cursor: pointer; font-size: 36px; } .em_concentric_circles a:hover { box-shadow: 0 0 0 6px #575757; } .em_concentric_circles a { opacity: 1; } .em_concentric_circles a i { line-height: 88px; opacity: 1; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; color: #575757; } .em_concentric_circles a:hover i { color: #575757; } .em_concentric_circles a::after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .em_concentric_circles a:hover::after { box-shadow: 0 0 0 2px #575757; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .em_concentric_circles a::after { box-shadow: 0 0 1px 2px #575757; } .em_concentric_circles a::after { top: 0; left: 0; padding: 0; box-shadow: 0 0 0 2px inherit; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; } .em_concentric_circles a .iconText { -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; position: absolute; font-size: 24px; width: 133px; right: 48%; bottom: 121%; transform: translateX(50%); z-index: 1; line-height: 1em; color: #575757; padding: 6px 11px 8px; background-color: #575757; border-radius: 8px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; } .em_concentric_circles a .iconText::before { width: 0; height: 0; border-style: solid; border-width: 8px 7.5px 0 7.5px; border-color: #575757 transparent transparent transparent; content: ''; margin-bottom: 4px; top: 99.8%; right: 47%; position: absolute; opacity: 0; visibility: hidden; } .em_concentric_circles a:hover .iconText, .em_concentric_circles a:hover .iconText::before { opacity: 1; visibility: visible; } /*-----------------------------------------------------------------------------------*/ /* Stereo Social Media Blocks */ /*-----------------------------------------------------------------------------------*/ .em_notexticons .em_notexticons_block { padding: 8px 8px 6px; color: rgba(255, 255, 255, 0.8); } .em_notexticons .em_notexticons_block i { vertical-align: bottom; } .em_notexticons .em_notexticons_block:hover { color: rgba(255, 255, 255, 1); } /*-----------------------------------------------------------------------------------*/ /* List Display for Patient Resources */ /*-----------------------------------------------------------------------------------*/ .em_listicons { padding-left: 0; list-style-type: none; } .em_listicons i { margin-right: 4px; } .em_listicons li { padding-bottom: 6px; } /*-----------------------------------------------------------------------------------*/ /* No text ballon for classic social media look */ /*-----------------------------------------------------------------------------------*/ .em_notexticon { display: inline-block; padding: 0; } .em_notexticon i:before { padding-right: 0; color: inherit; } /* .em_notexticons .em_notexticon:hover i:before { color: $button_color !important; } .light-text .em_notexticons .em_notexticon:hover i:before { color: $light_button_color !important; }*/ .em_notexticons i:before { font-size: 26px; } .em_notexticons .em_notexticon { margin: 0px 8px; } /*-----------------------------------------------------------------------------------*/ /* This is the code for the block icons */ /*-----------------------------------------------------------------------------------*/ #socialmedia_block { display: flex; list-style-type: none; text-align: center; align-items: stretch; flex-wrap: wrap; } #socialmedia_block li { display: flex; padding: 0 12px 14px; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 200px; } #socialmedia_block a.em_socialmedia_block_icon { display: flex; flex-direction: column; align-items: stretch; flex-grow: 1; box-sizing: border-box; line-height: 24px; margin-bottom: 9px; padding: 28px 20px 31px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #socialmedia_block a.em_socialmedia_block_icon:hover { -webkit-box-shadow: 0 8px 59px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 59px rgba(0, 0, 0, 0.1); z-index: 1; position: relative; } #socialmedia_block .block_icon_title { font-size: 20px; font-weight: bold; padding-top: 16px; padding-bottom: 8px; line-height: 1.3em; } #socialmedia_block .block_icon_text { font-size: 14px; } #socialmedia_block i:before { font-size: 54px; } @media only screen and (max-width: 700px) { #socialmedia_block .block_icon_title { font-size: 16px; } } @media only screen and (max-width: 800px) { #socialmedia_block li { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: calc(25% - 24px); } } @media only screen and (max-width: 767px) { #socialmedia_block li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: calc(50% - 24px); } } @media only screen and (max-width: 440px) { #socialmedia_block li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: calc(100% - 24px); } #quickLinksList .block_icon_text { display: none; } #quickLinksList a.em_socialmedia_block_icon { background-color: transparent !important; } } /* gradients */ /* end gradients */ div[itemprop="articleBody"] ul li ul { padding-top: 1.12em; padding-bottom: 0; } .red { color: red; } .red:hover { color: black; } .nowrap { white-space: nowrap; } /* use .grid .staff classes to display staff in a grid formation */ .grid.staff-page .items-row { clear: both; display: inline-block; width: 265px; text-align: center; vertical-align: top; margin-left: 8px; } .grid.staff-page.blog .item h3 { padding-top: 6px; } .grid.staff-page.blog .item-image { height: 347px; display: table-cell; vertical-align: middle; /*box-shadow: inset 5px 5px 24px 0px rgba(0, 0, 0, 0.08);*/ background-color: #0093e9; background-image: linear-gradient(140deg, #e8e8e8 0%, #f7f7f7 100%); border-top: solid 1px #d5d5d5; border-left: solid 1px #d5d5d5; border-right: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; padding: 14px; } .grid.staff-page.blog .item-image img { width: 100%; margin-right: 0; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.5); } /* end staff grid section */ /* CSS for location cards for multiple locaton pages*/ .locationCard { background-image: linear-gradient(140deg, #e8e8e8 0%, #f7f7f7 100%); border-top: solid 1px #d5d5d5; border-left: solid 1px #d5d5d5; border-right: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: gray; border-radius: 5px; padding: 16px; } .locationCard > div { flex-grow: 1; } .locationCard > div:first-child { flex-basis: 544px; display: flex; flex-wrap: wrap; } .locationCard > div:first-child .locationMap { flex-basis: 300px; flex-grow: 1; flex-shrink: 1; margin-right: 16px; } .locationCard > div:first-child .locationAddress { flex-basis: 244px; } .locationCard > div:last-child { flex-basis: 240px; flex-shrink: 1; padding-left: 28px; border-left: ridge 2px #fff; } .locationCard iframe { display: block; width: 100%; height: 100%; border: 2px rgba(255, 255, 255, 0.55) outset; } @media only screen and (max-width: 965px) { .locationCard { display: block; } .locationCard > div:last-child { padding-left: 0; border-left-width: 0; margin-top: 16px; padding-top: 16px; border-top: ridge 2px #fff; } } @media only screen and (max-width: 680px) { .locationCard > div:first-child { display: block; } .locationCard > div:first-child .locationMap { margin-right: 0; margin-bottom: 16px; } } /* End Location Cards */ a[href^="tel"] { white-space: nowrap; } .btn { display: inline-block; cursor: pointer; } header { position: relative; z-index: 9; } #wrapper_showcase { display: block; } #wrapper_showcase li { list-style-type: none; } img { max-width: 100%; height: auto; } .stick_to_bottom { position: absolute; bottom: 24px; } #content_remainder { display: flex; } .maincontent, .maincontent > div { max-width: 100%; } /* Vista Modules */ .vistaModules { box-shadow: 0 0 22px rgba(0, 0, 0, 0.12); padding: 0; position: relative; } .vistaModules > .module { padding: 0; } .vistaModules figure { position: relative; cursor: pointer; margin-bottom: 12px; } .vistaModules figure a:before { position: absolute; display: block; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; } .vistaModules figure a:after { position: absolute; display: block; font-family: "Font Awesome 5 Free"; content: "\f35d"; font-weight: 900; bottom: 50%; right: 50%; transform: translate(50%, 50%); width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 1); box-sizing: border-box; padding-left: 5px; padding-bottom: 5px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; opacity: 0; } .vistaModules figure a:hover:after { transition: opacity 0.28s linear 0.24s; } .vistaModules figure a:hover:before { transition: opacity 0.2s linear; } .vistaModules figure a:hover:after, .vistaModules figure a:hover:before { opacity: 1; } .vistaModules figure img { width: 100%; } .vistaModules figure a { line-height: 0; display: block; } .vistaModules .innerModBod { padding: 0 18px 42px; } .vistaModules .hours { padding-bottom: 21px; } .vistaModules .stickToBottom a { width: 100%; padding: 14px 0 14px; border-radius: 0; text-align: center; } .vistaModules .stickToBottom a, .vistaModules .stickToBottom span { display: block; } .vistaModules .stickToBottom { width: 100%; } /* Elegance Modules*/ .eleganceModules > .module { padding: 24px 30px; } .block_holder_margin > .eleganceModules:not(:last-child) { margin-right: 3.2%; } .bottomlogo_module .module { margin-top: 30px; } .banner_module .module h2 { font-weight: normal; font-size: 42px; padding: 0 0 14px; margin: 0; } .banner_module .module h3 { font-size: 28px; } #sidecol_b #featuredVideo { max-width: 100%; float: none; } .featuredVideoEducation div { text-align: center; } .featuredVideoEducation p, .featuredVideoEducation a, .featuredVideoEducation h2, .featuredVideoEducation h3 { text-align: center; } .featuredVideoEducation a { display: inline-block; } .featuredVideoEducation img { width: 100%; box-sizing: border-box; padding: 6px; } .featuredVideoEducation #featureVideoBlurb { padding-bottom: 11px; } .featuredVideoEducation .readmore { margin-top: 14px; } @media only screen and (max-width: 767px) { .block_holder_margin > .eleganceModules { margin-bottom: 18px; } .block_holder_margin > .eleganceModules:last-of-type { margin-bottom: 0; } } @media only screen and (max-width: 440px) { .eleganceModules.moduleWrapper.location_module { order: 2; margin-bottom: 18px; } .eleganceModules.moduleWrapper.hours_module { order: 3; margin-bottom: 0; } .eleganceModules.moduleWrapper.patient-resources_module { order: 1; margin-bottom: 18px; } } .stickToBottom { position: absolute; bottom: 0; } /* grid override to compensate for top margin */ .clarityGridAndNewsFlash, .officeDetails.vista.clarity { padding: 18px 0 30px; } ul.grid { margin: 0; } /* .grid .j51gridgallery { width: 25%; } */ /* just in case there is front end editing*/ .module.jmoddiv.jmodinside .stick_to_bottom { position: static; } a { text-decoration: none; } .j51container:before { background-size: cover; } .wrapper960 { margin: 0 auto; position: relative; -webkit-background-size: cover; background-size: cover; } .clear { clear: both; } .wrapper_contentbottom, #wrapper_top-bar { padding-top: 12px; } .mod-newsflash-adv article li { padding-bottom: 0; } .mod-newsflash-adv article p { padding-bottom: 0.6em; } .mod-newsflash-adv article #article_intro_ag img, .mod-newsflash-adv article img { box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.55); padding-bottom: 0; margin-bottom: 6px; } .videoCarousel .owl-nav { margin-bottom: 36px; } /* CSS for newsFlash.js */ /* .newsFlashImage { background-size: contain; background-repeat: no-repeat; } .newsFlashText { width:50%; } .mod-newsflash-adv article figure img { } .mod-newsflash-adv article figure { } .mod-newsflash-adv article + article { margin-left:12px; } .row { display:flex; } .row > article { flex:1 1 auto; width:100%; } .row + .row { margin-top:20px; } */ /* end CSS for newsFlash.js */ /* NewsFlash Masonry*/ /* end NewsFlah Masonry */ /* Pagination for Blogs */ .pagination ul { list-style-type: none; margin: 0 auto; padding: 0; text-align: right; } .pagination ul li { display: inline-block; margin: 0 3px; } .counter { text-align: right; } .items-more { margin: 60px 0 48px; } .items-more li { margin-bottom: 18px; } .items-more li a { font-weight: bolder; font-size: 21px; } /* End Pagination for Blogs */ /* Additional formatting SCSS */ .staff-page .item { margin: 16px 0; } .staff-page .items-row { clear: both; display: table; width: 100%; } #brandsFlex { text-align: center; } #brandsFlex img { padding: 16px; vertical-align: middle; max-height: 180px; } .item-page ol, .blog ol, .item-page ul, .blog ul, .item-page dir, .blog dir, .item-page menu, .blog menu, .item-page dd, .blog dd { margin-left: 20px; } /* End Additional formatting SCSS */ /* Background Video For Wrapper 960 Module style */ .backgroundVideo { object-fit: cover; width: 100vw; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0.2; } /* End Background Video For Wrapper 960 Module style */ /* 3 video s in a row module */ .videoRow { padding-top: 18px; padding-bottom: 24px; } .videoRow .flex > div { flex-basis: 32%; flex-grow: 0; margin: auto; } .videoRow a { display: block; max-width: 400px; line-height: 0; margin: 0 auto; } .videoRow img { margin: 0 !important; float: none !important; width: 100%; } /* End 3 video s in a row module */ /* Insurance Page */ #insuraceImages { margin-left: 0; } #insuraceImages li { display: flex; width: 180px; height: 180px; list-style-type: none; background-color: #fff; border-radius: 5px; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5); box-sizing: border-box; padding: 16px; float: left; margin: 0 12px 14px 0; } #insuraceImages img { margin: auto; width: 100%; } /* End Insurance Page */ .gafancybox-overlay { overflow: scroll; } .gafancybox-inner { overflow: hidden !important; height: auto !important; } a:focus { outline: none; } a { transition: all 0.5s; } .anatomyTable td:first-child { vertical-align: top; width: 148px; text-align: right; padding-right: 8px; font-weight: bold; } .anatomyTable td { padding-bottom: 16px; } /* essence card section */ .em-cards__wrapper { display: flex; align-items: stretch; flex-wrap: wrap; padding: 20px 0 50px; } .ui-em-card { flex-basis: 26%; flex-grow: 1; flex-shrink: 1; flex-direction: column; margin-bottom: 50px; padding: 0 25px; } .ui-em-card i { text-align: center; width: 1.25em; font-size: 40px; } .ui-em-card h3 { color: rgba(149, 168, 104, 1); padding-bottom: 21px; } @media only screen and (max-width: 1024px) { .ui-em-card { flex-basis: 42%; padding: 0 2%; } } @media only screen and (max-width: 770px) { .ui-em-card { flex-basis: 100%; padding: 0; } } /* end card section */ /* Scenic Style top bar of Icons */ .scenicResource ul { padding: 52px 0 18px; display: flex; flex-wrap: wrap; justify-content: space-around; } .scenicResource ul a { padding-left: 6px; } .scenicResource ul a, .scenicResource ul i { vertical-align: middle; font-size: 21px; } .scenicResource ul i { vertical-align: middle; font-size: 21px; opacity: 0.8; text-align: center; width: 1.8em; } .scenicResource ul li { white-space: nowrap; margin: 0 0 1em 0; flex-basis: 30%; } .scenicResource ul a:hover { opacity: 0.46; } @media only screen and (max-width: 460px) { .anatomyTable td:first-child { vertical-align: top; width: 100%; text-align: center; padding-right: 0px; font-weight: bold; padding-bottom: 8px; } .anatomyTable td { display: block; padding-bottom: 18px; } } @media only screen and (min-width: 768px) { .vistaModules:not(:first-child) { margin-left: 28px; } } @media only screen and (min-width: 768px) { #header-2, .top-bar-2 { text-align: right !important; } .block_holder_margin, .wrapper_contenttop, .wrapper_contentbottom { display: flex; align-items: stretch; } .block_holder_margin > *, .wrapper_contenttop > *, .wrapper_contentbottom > * { flex-grow: 1; flex-shrink: 1; flex-basis: auto; } } img { max-width: 100%; } /*responsive panel*/ #responsivePanel { display: none; } #responsivePanel ul { padding-left: 0; list-style-type: none; text-align: center; } #quickLinksList li { background-color: rgba(98, 115, 33, 1); padding: 9px 12px; margin: 0 auto 12px; border-radius: 50px; border: 1px solid #fff; text-align: left; max-width: 280px; } #callToActionList .btn { padding: 10px 22px; font-weight: bold; letter-spacing: 2px; line-height: 18px; text-shadow: none; text-transform: uppercase; background-image: none; border-color: rgba(255, 255, 255, 0.4) !important; border-width: 1px !important; box-shadow: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; border-radius: 3px; background-clip: padding-box; } #responsivePanel { padding: 18px 0; } #quickLinksList li a { color: #fff; } #quickLinksList li:hover { background-color: rgba(64, 77, 18, 1); } #quickLinksList li:hover a { color: #fff; } .light-text #quickLinksList li { background-color: rgba(98, 115, 33, 1); } .light-text #quickLinksList li a { color: #fff; } .light-text #quickLinksList li:hover { background-color: rgba(64, 77, 18, 1); } .light-text #quickLinksList li:hover a { color: #fff; } #quickLinksList li i { padding: 0 16px 0 12px; border-radius: 5px; } #quickLinksList li.slideButton { padding: 0; background-color: transparent; border-width: 0px; border-radius: 5px; } #quickLinksList li.slideButton a { padding: 9px 12px; margin: 0; border-radius: 5px; text-align: center; width: 100%; box-sizing: border-box; } #quickLinksList .last.slideButton { margin-bottom: 36px; } ul#callToActionList { padding-bottom: 0; } ul#callToActionList li { display: inline-block; margin: 0 5px 8px; text-align: center; } #callToActionList li a { font-size: 16px; } /* disable css animations */ .touch .animated { -webkit-animation-duration: 0; animation-duration: 0; -webkit-animation-delay: 0; animation-delay: 0; } /* disable background-size:cover */ .touch #container_header, .touch #container_top2_modules, .touch #container_bottom1_modules, .touch #container_bottom2_modules { -webkit-background-size: auto !important; -moz-background-size: auto !important; -o-background-size: auto !important; background-size: auto !important; background-repeat: repeat; background-attachment: scroll; } .row { display: flex; justify-content: space-between; } .col-3 { flex-basis: 31%; box-sizing: border-box; } /* #Tablet (Landscape) ================================================== */ @media only screen and (max-width: 800px) { .wrapper960 { width: 100% !important; } .wrapper960, .content_background, #header { margin: 0 auto; } #container_hornav.wrapper960 { position: relative !important; } } /* #Tablet (Portrait) ================================================== */ /* #Mobile (Landscape) ================================================== */ @media only screen and (max-width: 767px) { .row { display: block; } .vistaModules:not(:last-child) { margin-bottom: 24px; } .block_holder_margin { flex-direction: column; } #wrapper_top-bar { text-align: center; } #header > div, #logo { display: block; text-align: center !important; padding-top: 0; } #header > div { margin: auto; } .backgrounds .sidecol_a, .backgrounds .sidecol_b { display: none; } #content_remainder { width: 100% !important; } .positionAsClass, .sidecol_a, .sidecol_b, .items-row .item, .top-1, .top-2, .top-3, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2 { width: 100% !important; } .row-fluid [class*="span"] { margin-left: 0; } h1 { font-size: 2.8em; } .spacer { display: none; } #container_hornav { height: 174px; } .videoRow .flex > div:not(:last-child) a { margin-bottom: 16px; } } /* #Mobile (Portrait) ================================================== */ @media only screen and (max-width: 440px) { #responsivePanel { display: block; } #content_remainder, .items-row .item { width: 100% !important; } .row-fluid [class*="span"] { margin-left: 0; } #container_main .wrapper960 { margin-top: 0px; } .slidesjs-previous.slidesjs-navigation, .slidesjs-next.slidesjs-navigation { display: none; } .layerslideshow .info { display: none; } } /*-----------------------------------------------------------------------------------*/ /* Top Menu - Mobile */ /*-----------------------------------------------------------------------------------*/ #mobile_menu { display: none; } #mobile_menu #eye_motion_menu { margin-top: 48px; } #mobile_menu .parent ul { overflow: hidden; max-height: 0; transition: max-height 0.5s ease-out; } #mobile_menu .parent ul.open { max-height: auto; } #mobile_menu { position: fixed; z-index: 999; top: 0; width: 256px; height: 120%; left: -256px; transition: left 0.6s ease-in-out; } #mobile_menu.slide_out { left: 0; } #mobile_menu .mobile_wrapper { overflow: auto; height: 100%; } #mobile_menu img { max-width: 100%; } #mobile_menu ul { list-style: none; padding: 0 0 0 1em; margin-bottom: 0; } #mobile_menu li { padding-top: 0; padding-bottom: 0; } #mobile_menu li a { font-size: 18px; text-decoration: none; display: inline-block; width: calc(100% - 24px); padding: 8px 1em 8px 0; box-sizing: border-box; 1text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); opacity: 0.9; } #mobile_menu li.current { /*list-style-type:circle;*/ } #mobile_menu li.current a { opacity: 1; } #mobile_menu li a img { display: block; } #mobile_menu .parent a { position: relative; } #mobile_menu .parent > a::after { content: '\276F'; display: inline-block; width: 15px; height: 15px; float: right; opacity: 0.45; position: absolute; top: 12px; right: -4px; text-align: center; line-height: 15px; } #mobile_menu .parent > a.active::after { transform: rotate(90deg); } /* bottom border */ #mobile_menu ul ul li a:before { bottom: 0; position: absolute; width: 100%; height: 1px; width: 78%; opacity: 0.15; content: ""; } /* Styling for the Opent/Close button */ #openClose { position: absolute; font-family: 'Times New Roman'; top: 6px; right: -43px; height: 36px; width: 36px; border-radius: 100%; text-align: center; display: block; transition: right 0.6s ease-in-out 0.6s; -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.45); box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.45); } #openClose.open { right: 6px; } #openClose::before { display: inline-block; content: '\2261'; height: 36px; font-size: 36px; font-weight: bold; line-height: 36px; vertical-align: middle; text-align: center; } #openClose.open::before { content: '\2573'; font-size: 18px; position: relative; bottom: 1px; } body { overflow: unset !important; } .category-anchor { height: 0; line-height: 0; } /* Patient Forms Page */ table.forms th, table.forms td { border-style: inset; padding: 1em; } table.forms, table.forms th, table.forms td { border-color: #a2a2a2; border-collapse: separate; border-width: 2px; } table.forms th { font-weight: bold; } table.forms { border-style: outset; } table.forms td:last-child { text-align: center; } /* * Widget Kit Fade-out animation for the slideshow woud glitch in Internet Explorer * this code will remedy that * */ li[data-slideshow-slide="img"] { -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */ animation-fill-mode: forwards; } .eye-iq-video { margin-left: 15px; float: right; width: 300px; } .frame-gallery > .custom > a { margin-bottom: 5px; display: block; } .otherBrands { text-align: center; margin-bottom: 36px; } .otherBrands a, .otherBrands img { display: inline-block; } .otherBrands img { max-width: 192px; padding: 0 12px; } @media only screen and (min-width: 500px) { .frame-gallery > .custom { display: flex; flex-wrap: wrap; } .frame-gallery > .custom > a { width: 31%; margin: 0 0.6% 1%; } } a[href^="tel:"] { text-decoration: none !important; } b { font-weight: bold; } .fa-xx { width: 1.3em; } /* patient resources*/ .resources ul { margin: 0; padding: 0; list-style-type: none; } .resources ul li { white-space: nowrap; margin: 0 0 1em 0; } .resources ul li * { display: inline-block; color: inherit; line-height: 14px; } .resources ul li i { font-size: 16px; opacity: 0.8; padding-right: 6px; } /* alternate office detail styles*/ .office01 { max-width: 280px; } .office01 #hours { margin: 15px auto; padding: 15px; background-color: rgba(0, 0, 0, 0.102); box-sizing: border-box; } .office01 ul { margin: 0; padding: 0; list-style-type: none; } .office01 ul li { white-space: nowrap; padding: 0 0 5px; } .office01 ul.detail-links li a { background-image: none; padding: 0; display: inline-block; padding-left: 15px; } .office01 li i.fa { vertical-align: text-bottom; } .office01 .map img.pic { width: 100%; margin: 0; box-sizing: border-box; } .office01 p.detail-text { line-height: 1.6em; } /* Staff page rules */ .staff-page.blog .item img { width: 200px; float: left; margin: 0 20px 15px 0px; } /* end staff page rules */ /* Frames Gallery */ #framesGallery .uk-margin { text-align: center; } /* Hours */ .hours table { width: 100%; } .hours table td:last-child { padding-left: 15px; } /* display text only on page*/ .text_only img, .text_only .readmore, .text_only .pic { display: none !important; } /* Hide "Top of Page" links on article pages and display on "Catagory Page" */ div[itemtype="https://schema.org/Article"] .custom_to_the_top_link_padding { display: none; } /* control the size of questions on the vision and learning blog page */ .vision_and_learning_page h2[itemprop="name"] { font-size: 24px; } /* Wearing Schedule */ #wearing_schedule { margin: 15px auto; width: 400px; } #wearing_schedule th { font-weight: bold; line-height: 1em; vertical-align: middle; border-bottom: 1px; padding: 0 10px; } #wearing_schedule td { padding: 0 10px; } #wearing_schedule td:first-child { width: 20%; } #wearing_schedule td:nth-child(2) { width: 50%; } #wearing_schedule td:nth-child(3) { width: 30%; } /*to the top links*/ .custom_to_the_top_link_padding { margin: 0 !important; padding: 0 !important; } #top_of_page { position: relative; top: -300px; } div[itemprop="articleBody"] .top_link { display: none; } /* Category Tables */ #toc { margin: 15px 0; text-align: center; } #toc ul { margin-bottom: 0; display: inline-block; text-align: left; margin-right: 15px; max-width: 100%; vertical-align: top; } #toc ul li { padding-bottom: 18px; } #toc a { font-weight: bold; font-size: 1.25em; line-height: 1em; } #toc.our_services { text-align: left; } #toc.our_services ul { width: 270px; } #toc.lenses_and_coatings { text-align: center; } #toc.lenses_and_coatings ul { -webkit-columns: 218px 2; /* Chrome, Safari, Opera */ -moz-columns: 218px 2; /* Firefox */ columns: 218px 2; } #toc.vision_conditions { text-align: center; } #toc.vision_conditions ul { -webkit-columns: 218px 2; /* Chrome, Safari, Opera */ -moz-columns: 218px 2; /* Firefox */ columns: 218px 2; } #toc.just_for_presbyopes { text-align: center; } #toc.just_for_presbyopes ul { width: 218px; } #toc.diseases_of_the_eye { text-align: center; } #toc.diseases_of_the_eye ul { -webkit-columns: 180px 2; /* Chrome, Safari, Opera */ -moz-columns: 180px 2; /* Firefox */ columns: 180px 2; } #toc.childrens_vision { text-align: center; } #toc.childrens_vision ul { -webkit-columns: 226px 2; /* Chrome, Safari, Opera */ -moz-columns: 226px 2; /* Firefox */ columns: 226px 2; } #toc.vision_and_learning { text-align: left; } #toc.vision_and_learning { width: 100%; } /* Images */ img { box-sizing: padding-box; } .items-leading { overflow: visible; } div[itemprop="blogPost"] { position: relative; } .category-anchor { padding: 0; height: 0; position: relative; bottom: 60px; } /*Form styling*/ p.note, p.pin, p.clip, p.down, pre, .code { background: rgba(0, 0, 0, 0.1); border-color: rgba(0, 0, 0, 0.08); border-style: solid; border-width: 1px 1px 1px 5px; border-radius: 0; } pre, .code { clear: both; padding: 15px 20px; background-color: rgba(0, 0, 0, 0.05); } pre, code { white-space: normal !important; } code { font: italic 100% monospace; background-color: rgba(0, 0, 0, 0.08); border: 1px solid rgba(255, 255, 255, 0.5); display: inline-block; color: #d69a4b; padding: 2px 4px; } p.down, p.clip, p.pin, p.note { margin: 10px 0; padding: 15px 20px 15px 50px; } p.note { background: url(../../images/typo/note.png) no-repeat scroll 5px center rgba(0, 0, 0, 0.05); } p.pin { background: url(../../images/typo/attach.png) no-repeat scroll 5px center rgba(0, 0, 0, 0.05); } p.clip { background: url(../../images/typo/clip.png) no-repeat scroll 5px center rgba(0, 0, 0, 0.05); } p.down { background: url(../../images/typo/down.png) no-repeat scroll 5px center rgba(0, 0, 0, 0.05); } /*End Form styling*/ .pull-left.item-image, .pull-right.item-image { margin-bottom: 5px; } .pull-left.item-image { margin-right: 0 !important; } .pull-left.item-image img { margin-left: 0px; margin-right: 20px; } /* Like pic class but no margins */ .frame { box-sizing: border-box; -moz-transition: all 300ms ease-out 0s; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: -moz-linear-gradient(center top, #fafafa, #ddd) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(99%, #ddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa 0%, #ddd 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafafa 0%, #ddd 99%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #fafafa 0%, #ddd 99%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#DDDDDD',GradientType=0); /* IE6-9 */ border-color: #ddd; border-radius: 0px; border-style: solid; border-width: 1px 1px 2px; -webkit-box-shadow: 0 8px 6px -10px black; -moz-box-shadow: 0 8px 6px -10px black; box-shadow: 0 8px 6px -10px black; display: inline-block; outline: medium none; padding: 4px; } /* Licke frame class with margins */ .item-image img, .category-desc > img:first-child, img[alt="products"], .size-auto { box-sizing: border-box; -moz-transition: all 300ms ease-out 0s; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: -moz-linear-gradient(center top, #fafafa, #ddd) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(99%, #ddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa 0%, #ddd 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafafa 0%, #ddd 99%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #fafafa 0%, #ddd 99%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#DDDDDD',GradientType=0); /* IE6-9 */ border-color: #ddd; border-radius: 0px; border-style: solid; border-width: 1px 1px 2px; -webkit-box-shadow: 0 8px 6px -10px black; -moz-box-shadow: 0 8px 6px -10px black; box-shadow: 0 8px 6px -10px black; display: inline-block; outline: medium none; padding: 4px; margin: 3px 10px 0px 10px; } .category-desc > img:first-child { margin: 0 0 16px 20px; float: right; } .category-desc img { width: 350px; } .description img { width: 300px; } img[alt="lasik"] { width: 200px; } img[alt="lasik-article"] { width: 200px; } img[alt="corneal refractive therapy"] { width: 200px; } img[alt="corneal refractive therapy article"] { width: 200px; } img[alt="optomap retinal exam"] { width: 200px; } img[alt="optomap retinal exam article"] { width: 200px; } img[alt="anti-reflective-coating"] { width: 300px; } img[alt="anti-reflective-coating article"] { width: 300px; } img[alt="bifocal lenses"] { width: 200px; } img[alt="bifocal lenses article"] { width: 200px; } img[alt="cosmetic and specialty tints"] { width: 200px; } img[alt="cosmetic and specialty tints article"] { width: 200px; } img[alt="progressive lenses"] { width: 300px; } img[alt="progressive lenses article"] { width: 300px; } img[alt="polarized lenses"] { width: 300px; } img[alt="polarized lenses article"] { width: 300px; } img[alt="scratch resistant coatings"] { width: 300px; } img[alt="scratch resistant coatings article"] { width: 300px; } img[alt="specialty lenses"] { width: 400px; } img[alt="specialty lenses article"] { width: 400px; } img[alt="soft colored contact lenses"] { width: 200px; } img[alt="soft colored contact lenses article"] { width: 200px; } img[alt="solutions"] { width: 150px; } img[alt="solutions article"] { width: 150px; } img[alt="contact lens care made easy"] { width: 320px; } img[alt="contact lens care made easy article"] { width: 320px; } img[alt="sports lenses"] { width: 200px; } img[alt="sports lenses article"] { width: 200px; } img[alt="sun wear"] { width: 325px; } img[alt="sun wear article"] { width: 325px; } img[alt="amblyopia"] { width: 200px; } img[alt="amblyopia article"] { width: 200px; } img[alt="hyperopia"] { width: 300px; } img[alt="hyperopia article"] { width: 300px; } img[alt="myopia"] { width: 300px; } img[alt="myopia article"] { width: 400px; } img[alt="presbyopia"] { width: 300px; } img[alt="presbyopia article"] { width: 300px; } img[alt="astigmatism"] { width: 300px; } img[alt="astigmatism article"] { width: 300px; } img[alt="computer vision syndrome"] { width: 430px; } img[alt="computer vision syndrome article"] { width: 430px; } img[alt="blepharitis eye"] { width: 350px; } img[alt="blepharitis eye article"] { width: 350px; } img[alt="cataract"] { width: 350px; } img[alt="cataract article"] { width: 350px; } img[alt="pink eye"] { width: 250px; } img[alt="pink eye article"] { width: 250px; } img[alt="diabetic retinopathy"] { width: 300px; } img[alt="diabetic retinopathy article"] { width: 300px; } img[alt="dry eye"] { width: 408px; } img[alt="dry eye article"] { width: 408px; } img[alt="glaucoma"] { width: 340px; } img[alt="glaucoma article"] { width: 340px; } img[alt="macular degeneration"] { width: 320px; } img[alt="macular degeneration article"] { width: 320px; } img[alt="retinal detachment"] { width: 340px; } img[alt="retinal detachment article"] { width: 340px; } img[alt="infant vision"] { width: 350px; } img[alt="infant vision article"] { width: 350px; } img[alt="pre-school vision"] { width: 450px; } img[alt="pre-school vision article"] { width: 450px; } img[alt="school age vision"] { width: 450px; } img[alt="school age vision article"] { width: 450px; } img[alt="protective eyewear"] { width: 325px; } img[alt="protective eyewear article"] { width: 325px; } img[alt="vision and learning"] { width: 350px; } img[alt="vision and learning article"] { width: 350px; } img[alt="loses place"] { width: 350px; } img[alt="loses place article"] { width: 350px; } img[alt="products"] { width: 350px; } img[alt="products article"] { width: 350px; } img[alt="contact lenses"] { width: 350px; } img[alt="contact lenses article"] { width: 350px; } img[alt="services overview"] { width: 300px; } img[alt="services overview article"] { width: 300px; } img[alt="just for presbyopes"] { width: 300px; } img[alt="just for presbyopes article"] { width: 300px; } /*--blog styling for IQ only--*/ .maincontent .blogpage img[src^="http://www.eyeiq.net"], .maincontent .blogpage img[src^="https://www.eyeiq.net"] { width: 100%; object-fit: cover; margin: 8px 0 20px 0; background-color: #fff; background-image: linear-gradient(to bottom, #fafafa 0%, #ccc 100%); border-color: #ddd; border-radius: 0px; border-style: solid; border-width: 1px 1px 2px; box-shadow: 0 10px 10px -10px black; padding: 4px; box-sizing: border-box; } .blogpage [itemprop="articleBody"] br:first-of-type { display: none; } .blogpage.item-page .page-header h1 { margin-bottom: 0px; } .cat-children { display: none; } .blog .column-1 { padding: 0; } @media screen and (max-width: 767px) { .blogpage img[src^="http://www.eyeiq.net"], .blogpage img[src^="https://www.eyeiq.net"] { height: auto; } } /*--end blog styling for IQ only--*/ /*========================= Responsive ===============================*/ .cataract-surgery { margin-bottom: 35px; } .cataract-surgery img { width: 24%; } @media only screen and (min-width: 767px) { .flex_wrap { display: flex; flex-wrap: wrap; } .flex { display: flex; } .flex > *, .flex_wrap > * { flex: 1 1 auto; } } @media only screen and (max-width: 1024px) { #toc.childrens_vision ul { width: 235px !important; } } @media only screen and (max-width: 959px) { .cataract-surgery img { width: 47%; } } /*================================================== */ /*@media only screen and (max-width: 767px) { this was the original break point - I think pictures got too big too soon * The following media query was set to adjust the size for blog items. * * * */ @media only screen and (max-width: 567px) { .pull-left.item-image, .pull-right.item-image { margin: 0 0 15px; float: none; } .items-leading img, .items-row img, .size-auto, .description img, .item-image img { width: 100% !important; margin-left: 0; } } /*============================ #Mobile (Portrait) ================================================== */ @media only screen and (max-width: 480px) { #wearing_schedule th, #wearing_schedule td { font-size: 4vw; } } /*========================= Background Color Changer ==========================*/ .background-change select { margin-bottom: 0; } .background-change { position: absolute; height: 0; z-index: 5; top: 0; width: 100%; overflow: visisble; } .move { position: absolute; left: 0; right: 0; top: -55px; transition: top 0.5s ease-out; background-color: rgba(0, 0, 0, 0); z-index: 1; } .move.down { top: 0; } #css-picker { z-index: 1; } #change-css { display: inline-block; position: absolute; z-index: 1; color: transparent; } body:before { background: #544e3e url("../../../../images/weave-bg.jpg") repeat scroll 0 0 !important; } .background_pic_border { left: 0; /*max-width: 1990px;*/ overflow: hidden; position: absolute; text-align: center; top: -60px; width: 100%; z-index: 0; } .background_pic_holder { margin: 0 auto; max-height: 600px; /*max-width: 1990px;*/ min-width: 980px; overflow: hidden; text-align: center; width: 100%; z-index: 2; } .back-curv { background: rgba(0, 0, 0, 0) url("../../../../images/bg_border.png") no-repeat scroll center top; height: 452px; min-width: 980px; position: relative; top: -272px; width: 100%; z-index: 3; } a { transition: all 0.5s; } h1, h2, h3, h4, h5, h6 { letter-spacing: 0; line-height: 140% !important; padding: 0 0 10px; margin: 0px; text-transform: uppercase; font-family: "Oswald", arial, serif !important; font-weight: normal; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: white !important; background-color: #95a868; } header { background-color: rgba(149, 168, 104, 1); padding: 30px; } #layerslider_1 img { margin-top: 0 !important; } #layerslider_1 p, #layerslider_1 h1 { color: white !important; font-family: "Oswald"; width: 410px; background: rgba(0, 0, 0, 0) url("../../../../images/slider-text-background.png") repeat scroll 0 0; margin: 0 0 10px; white-space: normal !important; left: 230px !important; padding: 1px 5px !important; text-transform: uppercase; font-weight: normal !important; } #layerslider_1 p { font-size: 14px; top: 248px !important; } #layerslider_1 h1 { font-size: 24px; top: 202px !important; } #layerslider_1 h1:hover { background-color: #525539 !important; } #bettervision_flex_container { display: flex; justify-content: center; max-width: max-content; margin: 60px auto 0; } .copyright { bottom: 55px; left: 0; padding-right: 0; padding-top: 15px; text-align: center; width: 100%; font-size: 11px; } a.btn:not(#responsivePanel a.btn, #showcase_modules a.btn) { background-color: transparent !important; border-width: 0; } .uk-overlay-panel { color: inherit; } .slide-text { font-size: 7.2vw; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.45); font-family: "Yanone Kaffeesatz", sans-serif; } .slide-text p { padding-bottom: 0; font-weight: 200; } .slide-button-div li { padding-bottom: 0; } .slide-button-div .btn { border: solid 2px #fff; padding: 18px 24px; font-size: 24px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45); border-radius: 5px; border-radius: 3px; margin-bottom: 20px; margin-top: 10px; padding: 9px; text-transform: uppercase; margin-bottom: 6px; font-family: "BenchNine", sans-serif; } button { border: solid 2px #fff; font-size: 12px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45); border-radius: 5px; border-radius: 3px; margin-bottom: 20px; margin-top: 10px; padding: 4px 4px 2px; text-transform: uppercase; margin-bottom: 6px; font-family: "BenchNine", sans-serif; } .light-text .slide-button-div .btn { border-color: #fff; } #container_top1_modules { background: rgba(27, 76, 109, 1); background: -moz-linear-gradient(left, rgba(27, 76, 109, 1) 0%, rgba(58, 119, 166, 1) 50%, rgba(27, 76, 109, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27, 76, 109, 1)), color-stop(50%, rgba(58, 119, 166, 1)), color-stop(100%, rgba(27, 76, 109, 1))); background: -webkit-linear-gradient(left, rgba(27, 76, 109, 1) 0%, rgba(58, 119, 166, 1) 50%, rgba(27, 76, 109, 1) 100%); background: -o-linear-gradient(left, rgba(27, 76, 109, 1) 0%, rgba(58, 119, 166, 1) 50%, rgba(27, 76, 109, 1) 100%); background: -ms-linear-gradient(left, rgba(27, 76, 109, 1) 0%, rgba(58, 119, 166, 1) 50%, rgba(27, 76, 109, 1) 100%); background: linear-gradient(to right, rgba(27, 76, 109, 1) 0%, rgba(58, 119, 166, 1) 50%, rgba(27, 76, 109, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b4c6d', endColorstr='#1b4c6d', GradientType=1); } h1, h2, h3 { font-weight: normal; } .maincontent .module_surround { padding-top: 28px; padding-bottom: 28px; } .module h3 { font-size: 21px; text-transform: uppercase; position: relative; padding-top: 12px; } #wrapper_base1 { padding-top: 21px; } .light-text .module h3:after { border-color: rgba(255, 255, 255, 1); } #logo { text-align: center; padding-bottom: 18px; padding-top: 12px; } #logo a { display: inline-block; } .mod-newsflash-adv h4 { padding-bottom: 6px; } .mod-newsflash-adv .item_createdby { font-size: 14px; padding-bottom: 8px; } .mod-newsflash-adv .row:nth-child(3) { padding-top: 8px; padding-bottom: 8px; } .officeDetails { padding-top: 24px; padding-bottom: 24px; } ul.hours { line-height: 24px; list-style-image: none; list-style-type: none; margin-bottom: 0; margin-left: -1px; margin-top: 2px; padding: 0; line-height: 1.7em; font-size: 12px; } ul.hours p { font-size: 12px; } ul.hours li .label { display: block; float: left; height: 21px; padding-left: 3px; width: 62%; } li { padding-bottom: 0; margin-bottom: 0; } body { font-size: 12px; } /* navigation stuff */ .hornav { height: auto; } .hornav > ul > li { display: block; padding-bottom: 18px; } .hornav > ul > li a { display: inline; text-transform: none; letter-spacing: 0.5px; } .hornav > ul > li > a + div > ul, .hornav > ul > li > div > ul > li > a + div > ul { top: 0px; left: 200px !important; } .hornav > ul > li:hover > a + div > ul, .hornav > ul > li > div > ul > li:hover > a + div > ul { z-index: 20; left: 248px !important; } .hornav > ul > li > div > ul, .hornav > ul > li > div > ul > li > div > ul { visibility: hidden; position: absolute; left: 80%; top: -18px !important; width: 240px; padding: 3px 0; opacity: 0; z-index: -2; display: block; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.45); box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.45); min-height: 56px; } .hornav ul ul li { padding: 6px 21px 7px !important; } .hornav ul ul li::after { background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1); content: ""; height: 1px; left: 25px; position: absolute; top: 100%; width: 200px; } .hornav > ul > .parent { padding-right: 0; } .hornavmenu ul .parent ul::before { border-right: 16px solid rgba(149, 168, 104, 1); } .hornavmenu ul .parent ul::before { border-bottom: 15px solid rgba(0, 0, 0, 0); border-top: 15px solid rgba(0, 0, 0, 0); content: ""; display: block; height: 0; left: -16px; position: absolute; top: 17px; width: 0; } .footer-2 { text-align: center; } .location_module .detail-text { padding: 16px; background-color: rgba(0, 0, 0, 0.35); text-shadow: 1px 1px 2px #000; color: #fff; } .location_module .address_block { background-image: url('../../../../images/map.jpg'); width: 100%; box-sizing: border-box; } .location_module .visit { display: block; box-sizing: border-box; -moz-transition: all 300ms ease-out 0s; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: -moz-linear-gradient(center top, #fafafa, #ddd) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(99%, #ddd)); background: -webkit-linear-gradient(top, #fafafa 0%, #ddd 99%); background: -o-linear-gradient(top, #fafafa 0%, #ddd 99%); background: -ms-linear-gradient(top, #fafafa 0%, #ddd 99%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#DDDDDD',GradientType=0); border-color: #ddd; border-radius: 0px; border-style: solid; border-width: 1px 1px 2px; outline: medium none; padding: 4px; } #responsiveBackground { -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5); } .sidecol-b a[title="Interactive Video Player"] { display: block; } .sidecol-b a[title="Interactive Video Player"]:first-child { margin-top: 48px; } .patient-resources li { line-height: 1.8em; font-size: 21px; } p { line-height: 1.6em; } #responsivePanel li { text-shadow: none; text-align: left; } #quickLinksList li .fa-xx { padding: 0 16px 0 12px; border-radius: 5px; } .maincontent .module_surround { padding: 30px; } #showcase_modules { padding: 0 30px 0; } #showcase_modules #wrapper_showcase { position: relative; top: -5px; background: #f3efd9 none repeat scroll 0 0; } #logo img { height: auto; } .homeMod { width: 200px; display: inline-block; vertical-align: top; margin: 0 10px 0 10px; } .homeMod.mod1 { margin-left: 0; } .homeMod.mod3 { margin-right: 0; } h4, h4 a, h2.title { font-size: 16px !important; } .maincontent a:not(h4 a) { color: #666; } .maincontent h3 { font-size: 16px; } .maincontent a { text-decoration: underline; } .maincontent a:hover { text-decoration: none; } a.read_more { display: block; font-family: "Droid Serif", Georgia, "Times New Roman", serif; font-style: italic; padding: 10px 0 20px; text-decoration: none; } .line { clear: both; margin: 0 0 30px; border-bottom: 1px solid #dfd9c3; line-height: 0; } h4 + .line { margin-top: 20px; } span.top { cursor: pointer; float: right; font-size: 10px; letter-spacing: 0; padding-left: 10px; padding-right: 10px; position: relative; right: 0; text-decoration: none; top: -10px; height: 20px; line-height: 17px; } span.top { background: #dfd9c3 none repeat scroll 0 0 !important; color: #fff; } span.top:hover { color: #000; } .module { padding: 0; } .module h3 { margin: 0; padding: 10px 0; font-weight: normal; letter-spacing: normal !important; font-size: 16px; line-height: 140%; } .wrapper_contentbottom { padding-top: 0; } #miniplayer { background: rgba(0, 0, 0, 0) url("../../../../images/miniplayer-bg.png") no-repeat scroll 0 0; border: 0 none; display: block; margin: 15px 0 0 -1px; min-height: 316px; padding: 0 0 0 13px; } .hornav > ul { text-align: left; } .hornav > ul > li { border-top: solid 1px rgba(255, 255, 255, 0.2); padding: 8px 0; } .hornav > ul li a { text-transform: uppercase; } .hornav > ul > li > div > ul { font-size: 14.5px; } h2.title { text-align: left; } header form { text-align: left; } header form label { display: none; } header .contact_list { text-align: left; list-style-type: none; line-height: 20px; padding-bottom: 18px; } header .search + div.custom { margin-top: 18px; padding-left: 0; } header .header-2 { margin-top: 18px; } header .contact_list .mail { background: rgba(0, 0, 0, 0) url("../../../../images/mail.png") no-repeat scroll left 3px; padding-left: 25px !important; } header .contact_list .fax { background: rgba(0, 0, 0, 0) url("../../../../images/fax.png") no-repeat scroll left 3px; padding-left: 25px !important; } header .contact_list .phone { background: rgba(0, 0, 0, 0) url("../../../../images/phone.png") no-repeat scroll left 3px; padding-left: 25px !important; } header .contact_list .phone a { color: #666; } header .contact_list .home { background: rgba(0, 0, 0, 0) url("../../../../images/home.png") no-repeat scroll left 3px; margin: 0; padding-left: 25px !important; } .search button { background-color: #627321; border-color: #627321; } p.footer { color: #ceccc5; font-family: "Droid Serif", Georgia, "Times New Roman", serif; font-style: italic; } #container_footer .footer-2 { padding: 9px; margin-top: 40px; } #container_footer .wrapper960 { width: 100%; max-width: 940px; text-align: center; padding: 9px; } #container_footer #rt-bottom, #container_footer #rt-bottom .title, #container_footer #rt-footer, #container_footer #rt-footer .title, #container_footer #rt-copyright, #container_footer #rt-copyright .title, #container_footer #rt-debug, #container_footer #rt-debug .title, #container_footer #rt-variation .bg5, #container_footer #rt-variation .bg5 .title, #container_footer #rt-variation .title5 .title, #container_footer #rt-variation .bg5 ul.menu li > a:hover, #container_footer #rt-variation .bg5 ul.menu li.active > a { color: #ceccc5; } #container_footer ul { list-style-image: none; } #container_footer ul.menu { padding-left: 0; } #container_footer ul.menu li { border-left: 1px solid #848484; display: inline; line-height: 100%; list-style-position: outside; padding: 0 7px; } #container_footer ul.menu li:first-child { border-left: 0 none; } @media only screen and (min-width: 981px) { header { width: 180px; margin-right: 20px; height: 100%; margin-top: 17.4px; } #scenicBodyWrapper { position: relative; box-sizing: border-box; background-color: rgba(243, 239, 217, 1); margin-top: 14px; } #scenicBodyWrapper:before { content: ''; background: rgba(0, 0, 0, 0) url("../../../../images/almond_curve.png") no-repeat scroll right 1px; color: rgba(0, 0, 0, 0); display: block; height: 69px; left: 0px; position: absolute; top: -36px; width: 100%; z-index: 9; } .home #scenicBodyWrapper:before { content: ''; background: rgba(0, 0, 0, 0) url("../../../../images/slider-cover.png") no-repeat scroll right 1px; color: rgba(0, 0, 0, 0); display: block; height: 69px; left: 0px; position: absolute; top: -36px; width: 100%; z-index: 9; } #scenicBodyWrapper::after { content: ''; background: rgba(0, 0, 0, 0) url("../../../../images/almond_curve.png") no-repeat scroll right -113px; bottom: -34px; display: block; height: 34px; position: absolute; width: 700px; left: 0; } header::before { background: rgba(0, 0, 0, 0) url("../../../../images/green_curve.png") no-repeat scroll left 0; content: ''; display: block; height: 30px; position: absolute; top: -30px; width: 100%; left: 0px; background-size: 100% auto; } header::after { background: rgba(0, 0, 0, 0) url("../../../../images/green_curve.png") no-repeat scroll left -122px; content: ''; display: block; height: 34px; position: absolute; width: 240px; left: 0; bottom: -34px; } .slide-text { font-size: 80px; } } @media only screen and (max-width: 980px) { #scenicBodyWrapper::after { content: ''; background: rgba(0, 0, 0, 0) url("../../../../images/responsive_almond_curve.png") no-repeat scroll center -113px; bottom: -34px; display: block; height: 34px; position: absolute; width: 100%; left: 0; } header::before { background: rgba(0, 0, 0, 0) url("../../../../images/responsive_green_curve.png") no-repeat scroll left 0; content: ''; display: block; height: 30px; position: absolute; top: -30px; width: 100%; left: 0px; background-size: 100% auto; } #logo img { bottom: 18px; } #bettervision_flex_container { display: block; } .header-2 { display: none; } #scenicBodyWrapper { position: relative; z-index: 2; } #showcase_modules #wrapper_showcase { top: -26px; border-radius: 9px; overflow: hidden; } header { position: relative; z-index: 1; } #container_hornav { display: none; } #logo { padding-top: 0; padding-bottom: 0; } .scenicSocial { padding-top: 6px; padding-bottom: 24px !important; } .copyright { display: none; } } @media only screen and (max-width: 931px) { .scenicResource ul li { flex-basis: 50%; } } @media only screen and (max-width: 668px) { .scenicResource ul li { flex-basis: 100%; } } @media only screen and (max-width: 440px) { .uk-overlay-panel { display: none; } .module.scenicResource { display: none; } #responsivePanel { padding-top: 48px; } } /*# sourceMappingURL=https://www.bettervisionforlife.ca/templates/eyemotion/stylesheets/master.scss.map */