/* -------cacheFileName---------- key3724DE00E226940CF444929910A0513A82A3B9BC547E7C0923F431F1DBE060DD */ /*@font-face { font-family: "Muli", sans-serif; src: url('https://www.rstevensdentistry.com/resourcefiles/fonts/muli.eot'); src: url('https://www.rstevensdentistry.com/resourcefiles/fonts/muli.eot?#iefix') format('embedded-opentype'), url('https://www.rstevensdentistry.com/resourcefiles/fonts/muli.woff2') format('woff2'), url('https://www.rstevensdentistry.com/resourcefiles/fonts/muli.woff') format('woff'), url('https://www.rstevensdentistry.com/resourcefiles/fonts/muli.ttf') format('truetype'), url('https://www.rstevensdentistry.com/resourcefiles/fonts/muli.svg#muli') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Merriweather", serif; src: url('https://www.rstevensdentistry.com/resourcefiles/fonts/merriweather.eot'); src: url('https://www.rstevensdentistry.com/resourcefiles/fonts/merriweather.eot?#iefix') format('embedded-opentype'), url('https://www.rstevensdentistry.com/resourcefiles/fonts/merriweather.woff2') format('woff2'), url('https://www.rstevensdentistry.com/resourcefiles/fonts/merriweather.woff') format('woff'), url('https://www.rstevensdentistry.com/resourcefiles/fonts/merriweather.ttf') format('truetype'), url('https://www.rstevensdentistry.com/resourcefiles/fonts/merriweather.svg#merriweather') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }*/ /* cyrillic-ext */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-eCZMZ-Y.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-cyZMZ-Y.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-fCZM.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: italic; font-weight: 400; src: url(https://fonts.gstatic.com/s/muli/v29/7Au-p_0qiz-afTf2IALT8kU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: italic; font-weight: 400; src: url(https://fonts.gstatic.com/s/muli/v29/7Au-p_0qiz-afTf2IQLT8kU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: italic; font-weight: 400; src: url(https://fonts.gstatic.com/s/muli/v29/7Au-p_0qiz-afTf2LwLT.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: italic; font-weight: 800; src: url(https://fonts.gstatic.com/s/muli/v29/7Au-p_0qiz-afTf2IALT8kU.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: italic; font-weight: 800; src: url(https://fonts.gstatic.com/s/muli/v29/7Au-p_0qiz-afTf2IQLT8kU.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: italic; font-weight: 800; src: url(https://fonts.gstatic.com/s/muli/v29/7Au-p_0qiz-afTf2LwLT.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/muli/v29/7Auwp_0qiz-afT3GLRrX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/muli/v29/7Auwp_0qiz-afTzGLRrX.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/muli/v29/7Auwp_0qiz-afTLGLQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 800; src: url(https://fonts.gstatic.com/s/muli/v29/7Auwp_0qiz-afT3GLRrX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 800; src: url(https://fonts.gstatic.com/s/muli/v29/7Auwp_0qiz-afTzGLRrX.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 800; src: url(https://fonts.gstatic.com/s/muli/v29/7Auwp_0qiz-afTLGLQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } #secure-form .error-message { color: transparent !important; text-shadow: 0 0 0 rgb(231, 76, 60) !important; } /* ====== Base Styles ====== */ html { -webkit-box-sizing: border-box; box-sizing: border-box; /* Overrides browser default. Width and height now includes content, padding and border. */ height: 100% vh; min-height: 100%; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } body, #template { height: 100%; min-height: 100%; margin: 0; padding: 0; font-size: 1rem; } header, nav, div, section, article, aside, footer { position: relative; } img { border: 0; max-width: 100%; } ul, li, #content #sidePanel ul, #content #sidePanel li, #content .calloutContainer ul, #content .calloutContainer li, #content .carousel ul, #content .carousel li { margin: 0; padding: 0; list-style: none; } #content ul { list-style-type: disc; padding: 0 0 0 35px; margin: 10px 0; } #content ul li { list-style-type: disc; padding: 0 0 5px 5px; } #content ol li { list-style-type: decimal; padding: 0 0 5px 5px; } #content .ptl_portlet_vertical [id*="divContent"] li a:hover, #content .ptl_portlet_vertical [id*="divContent"] li a:focus { text-decoration: underline !important; } /* --- Typography --- */ #theme h1, h1, #theme h2, h2, #theme h3, h3, #theme h4, h4, #theme h5, h5, #theme h6, h6, #theme p, p, #theme li, li, #theme a, a, #theme span, span { line-height: 1.35em; } #theme h1, h1 { margin: 0; font-size: 1.65em; } #theme h2, h2, div#news-summary .content a.title, div#news_content_title, span.datagrid_header_table_text { margin: 0; font-size: 1.35em; } #theme h3, h3 { margin: 0; font-size: 1.25em; } #theme h4, h4 { margin: 0; font-size: 1.15em; } p, #theme p { line-height: 1.5em; font-size: 1em; margin: 0; padding-bottom: 1em; } p a, #theme p a, .site_render_table a { -webkit-transition: color 0.15s ease, box-shadow 0.25s ease; transition: color 0.15s ease, box-shadow 0.25s ease; padding: .125em .25em; } a { -webkit-transition: color 0.15s ease; transition: color 0.15s ease; cursor: pointer; text-decoration: none; } a:hover { text-decoration: none; } #theme a, a.mobileMenu, #showLinks > a { text-decoration: none !important; } span.subHead { display: block; font-size: 1.15em; } /* ==== accessibilityTool ==== */ #accessibilityTool > div.menu > div.overlay { opacity: 1; } #accessibilityTool a.toggle { top: 65px !important; } #accessibilityTool > div.menu { top: 75px !important; } /* ==== visionTool ==== */ #selectionBox h2 { margin: 0 0 8px; } #theme .main-head { margin: 0 0 20px 0; } #theme .step-head { padding: 10px; } #theme .step-head span { line-height: 1.5; margin: 0 10px 0 0; } .subpage #content div[id$="divContent"] a.baseImage::after, .subpage #content div[id$="divContent"] #conditions a::after { display: none; } #theme .slidecontainer .slider { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; outline: none; opacity: 0.7; -webkit-transition: .2s; -webkit-transition: opacity .2s; transition: opacity .2s; cursor: pointer; } #theme .slidecontainer .slider:hover, #theme .slidecontainer .slider:focus { opacity: 1; outline: none; } /* Slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ #theme .slidecontainer .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; border: none; border-radius: 50%; cursor: pointer; height: 20px; margin-top: -8px; width: 20px; } #theme .slidecontainer .slider::-moz-range-thumb { border: none; border-radius: 50%; height: 20px; width: 20px; } #theme .slidecontainer .slider::-moz-range-track { border: none; height: 5px; } #theme .slidecontainer .slider::-webkit-slider-runnable-track { border: none; height: 5px; min-width: 200px; } /*hide the outline behind the border*/ #theme .slidecontainer .slider:-moz-focusring { outline: 1px solid white; outline-offset: -1px; } #theme .slidecontainer .slider::-ms-track { min-width: 200px; height: 5px; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ background: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; } #theme .slidecontainer .slider::-ms-thumb { border: none; border-radius: 50%; height: 20px; width: 20px; } #theme .slidecontainer input { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; overflow: visible; padding: 0; width: 100%; } /* --- CMS fixes --- */ a.TL-fileRemove { color: #e74c3c !important; } #theme #tblIcon a, #theme .PO-wrapper, #theme .PO-wrapper li, #theme a.TL-fileBrowse { color: initial; } /*#theme .PO-wrapper a, #theme a.TL-btn { color: #ffffff; }*/ #theme .PO-wrapper li { list-style-type: none; } #theme .TL-btn, #theme .TL-btn:hover, #theme .TL-btn:focus { -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; color: #ffffff; line-height: 35px; } #theme .RadEditor * { color: initial !important; line-height: 22px; } #theme .divTabBar * { color: initial; } .designToggle span { line-height: 50px; } .designMode div[id*="RemovePortletAgreement"] img { padding: 25px 0 0 15px; } .designMode div[id*="RemovePortletAgreement"] .ptlConfirmDelMessage { padding: 25px 15px 0; } .designMode div[id*="RemovePortletAgreement"] .ptlConfirmDelMessage h2 { margin: 0; color: #252525; } .designMode div[id*="RemovePortletAgreement"] .ptlConfirmDelMessage h4 { margin: 5px 0 20px; color: #757575; } .designMode div[id*="RemovePortletAgreement"] .ptlConfirmDelMessage p { padding: 0 0 10px; color: #454545; } .designMode div[id*="RemovePortletAgreement"] .ptlConfirmDelMessage p:last-child { padding: 0; } .designMode div[id*="RemovePortletAgreement"] .ptlConfirmDelButton { padding-right: 15px; } .portletEditMode .home #page { -webkit-box-shadow: inset 0 8px 50px rgba(0, 0, 0, 0.1); box-shadow: inset 0 8px 50px rgba(0, 0, 0, 0.1); padding: 30px 0; } .portletEditMode table[id*="tblEdit"] { margin: 0 auto; } .portletEditMode div[id*="divSettings"] table { margin: 0 auto; } /*Administration top bar fixes*/ .CMS_adminBar *, .CMS_DragDropWrapper *, div.contentDiv *, table, table *, tr, tr *, td, td * { -moz-box-sizing: initial !important; -webkit-box-sizing: initial !important; box-sizing: initial !important; } /* --- Links --- */ .page, #cycle-pager > * { cursor: pointer; } /* --- Layout Classes --- */ .container { margin: 0 auto; padding: 0 20px; } /* --- Animations --- */ /* Pulse:link hover effect for ">" */ @-webkit-keyframes pulse { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(3.5px); transform: translateX(3.5px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes pulse { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(3.5px); transform: translateX(3.5px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* Fade in, Scale:Smile Gallery lightbox effect */ @-webkit-keyframes fadeInScale { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes fadeInScale { 0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } /* ====== Template ====== */ /* --- Header --- */ header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 15; } #topBar, #headerInfo { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } /* - Top Bar - */ #topBar.headerShow #showLinks { margin: 20px auto 0; } #topBar.headerShow #showLinks a::before, #topBar.headerShow #showLinks button::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #topBar .phone a { -webkit-transition: opacity 0.35s ease; transition: opacity 0.35s ease; display: block; padding: .75em 0; font-size: .85em; text-decoration: none; } /* - Mobile Menu Button - */ a.mobileMenu { position: absolute; top: auto; right: 0; text-align: right; font-size: 1em; display: block; width: auto; padding: 8px 20px; z-index: 15; } a.mobileMenu em { padding: 0 8px 0 0; } /* Published Links */ #links { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #links .PublishedLinkMenu li { margin: 0; float: none; text-align: center; } #links .PublishedLinkMenu li:last-child a { margin: 0; } #links .PublishedLinkMenu li a { -webkit-transition: opacity 0.35s ease; transition: opacity 0.35s ease; display: block; padding: .25em 0; font-size: .85em; text-decoration: none; } #links .PublishedLinkMenu li a::after { -webkit-transition: width 0.35s ease-in-out; transition: width 0.35s ease-in-out; display: block; margin: .25em auto 0; width: 0; height: 1px; content: ' '; } #links .PublishedLinkMenu li a:hover::after, #links .PublishedLinkMenu li a:focus::after { width: 3em; } /* Custom Search */ .searchBox { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 260px; margin: 0 auto; border: transparent 1px solid; } .searchBox > div { height: 100%; margin: 0; } .searchBox input:focus::placeholder { color: transparent; } .searchBox .gsc-search-box-tools.gsc-search-box { margin: 0; } .searchBox .gsc-search-box-tools.gsc-search-box table { height: 100%; margin: 0; width: 100%; } .searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button { -webkit-transition: background 0.35s ease; transition: background 0.35s ease; width: 32px; height: 100%; border-left: transparent 1px solid; text-align: center; } .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input .gsc-input input { height: 34px !important; top: 0 !important; position: absolute !important; left: 0; z-index: 2; } .searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button input { width: 15px; height: 15px; margin: 0; padding: 0; background: none; border: none; } .searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button button { margin: 0; padding: 10px; background: #83909D; border: none; cursor: pointer; height: 15px; position: relative; z-index: 9; fill: #FFF; } .searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button button:hover, .searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button button:focus { background: #597286; } .searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button button svg { width: 15px; height: 15px; } .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input { padding: 0 !important; background-color: transparent !important; background-image: none !important; font-size: 14px; text-indent: 5px !important; } .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input .gsc-input-box { display: block; height: 35px; background: none; border: none; } .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input .gsc-input-box td { padding: 0 !important; } .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a { padding-top: 2.5px; } .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a:hover span, .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a:focus span { border-color: transparent; } .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a span { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; line-height: 0.6em; font-size: 1em; padding: 4px 4px 4px 0; background: transparent; border-radius: 3px; border: transparent 1px solid; width: 15px; display: block; } /* Show Links (toggles Published Links and Search on mobile) */ #showLinks { border-top: transparent 1px solid; text-align: center; } #showLinks a::before, #showLinks button::before { -webkit-transition: transform 0.5s ease; transition: transform 0.5s ease; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; line-height: 1em; font-size: 16px; display: block; padding: 12px 0; content: '\f078'; } #showLinks button { background: none; border: none; padding: 0; font-size: 0; cursor: pointer; } /* --- Footer --- */ footer .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 35px 20px; } footer .container section { -webkit-box-flex: 1; -ms-flex: 1 0 300px; flex: 1 0 300px; margin: 0 0 25px; padding: 0 0 35px; border-bottom: transparent 1px solid; } #template footer .container section:last-child { border: none; } footer .container section#footerPractice { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } footer .container section#footerPractice p { line-height: 1.75em; } footer section#footerAdmin { padding: 1em 20px; } footer#footer .admin_menu { text-decoration: none; font-size: .85rem; margin: 0; } #loginLink { margin-left: 2px; } footer h2 { margin: 0 0 .65em; font-size: 1.35em; } footer p, footer li, span.label_skin_corporation { font-size: .85rem; } footer p.copy { padding: 0; } footer #footerContact ul#footerLocations { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer #footerContact ul#footerLocations li.location { -webkit-box-flex: 1; -ms-flex: 1 0 150px; flex: 1 0 150px; margin: 0 0 2em; padding: 0 1em 0 0; } footer #footerContact ul#footerLocations li.location ul.contactInfo li { font-size: .9em; } footer #footerContact ul#footerLocations li.location ul.contactInfo li a { display: block; position: relative; margin: 0 0 .75em; padding: 0 0 0 1.85em; line-height: 1.25em; } footer #footerContact ul#footerLocations li.location ul.contactInfo li a:hover::before, footer #footerContact ul#footerLocations li.location ul.contactInfo li a:focus::before { -webkit-transform: translateX(-3px); transform: translateX(-3px); } footer #footerContact ul#footerLocations li.location ul.contactInfo li a::before { position: absolute; top: 0; left: 0; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; text-align: center; line-height: 1em; font-size: 1.1em; width: 1em; } footer #footerContact ul#footerLocations li.location ul.contactInfo li a.phone::before { content: '\f095'; } footer #footerContact ul#footerLocations li.location ul.contactInfo li a.email::before { content: '\f0e0'; font-size: 1em; } footer #footerContact ul#footerLocations li.location ul.contactInfo li a.address::before { content: '\f124'; } footer #hours ul#footerHours li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .5em 0; border-bottom: transparent 1px dashed; } footer #hours ul#footerHours li span.weekday { -webkit-box-flex: 1; -ms-flex: 1 0 80px; flex: 1 0 80px; } footer #hours ul#footerHours li span.hours { -webkit-box-flex: 1; -ms-flex: 1 0 150px; flex: 1 0 150px; text-align: right; } /* Social */ .socialNavigation { margin: 20px auto 0; } .socialNavigation ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .socialNavigation li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 .85em 1em 0; } .socialNavigation li:empty { display: none; } .socialNavigation a { display: inline-block; vertical-align: top; text-align: center; line-height: 1.75em; font-weight: 400; padding: .125em; border-radius: 50%; border: transparent 1px solid; text-decoration: none; } .socialNavigation a:hover, .socialNavigation a:focus { text-decoration: none; } .socialNavigation a::before { display: block; width: 1.75em; font-size: inherit; } .socialNavigation a span { display: none; } /* --- Back to Top --- */ #back-to-top { position: fixed; right: 20px; bottom: 125px; width: 60px; height: 60px; -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; opacity: 0; z-index: 9999; cursor: pointer; border: transparent 1px solid; box-shadow: none; } #back-to-top::after { display: block; position: absolute; top: 50%; left: 50%; content: ""; height: 0px; width: 0px; margin: -10px 0 0 -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid transparent; } #back-to-top:hover, #back-to-top:focus { opacity: 1; } /* ====== Theme ====== */ #theme { z-index: 10; background: #FFF; } /* --- Vertical Header --- */ /* - Logo - */ #logo { max-width: 500px; max-height: 200px; margin: 0 auto; padding: 30px 20px; } #logo a, #logo a img { display: block; margin: 0 auto; height: auto; width: 100%; } /* - Primary Navigation - */ #primaryNavigation { display: none; } #primaryNavigation li.rmItem > a > span { padding: 0; margin: 0; } /* OFFICIAL - Mobile Menu */ html.mm-opened .mm-page { box-shadow: none !important; } nav.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), nav.mm-menu .mm-list > li.mm-selected > span { background: none; } /* --- Content --- */ #bannerBG, #promoBG, .promoBG { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } #bannerBG .bgImage::after, #promoBG .bgImage::after, .promoBG .bgImage::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ' '; z-index: 5; } .bgImage { position: relative; display: block; height: 300px; overflow: hidden; } .promo .promoBG .bgImage { height: 100%; } .no-object-fit .bgImage { background-position: center center; background-size: cover; } .no-object-fit .bgImage img { opacity: 0 !important; } .bgImage img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } /* Content Images */ .photo { display: block; width: 100%; margin: 20px auto; } .photoRight { max-width: 40%; margin: 0 0 10px 20px; } .photoLeft { max-width: 40%; margin: 0 20px 10px 0; } /* === Home === */ /* - Banner - */ #banner { padding: 20px; } #banner #bannerBG::after, #overview::after { position: absolute; top: 0; display: block; width: 100%; height: 100%; z-index: 5; content: ' '; background: top left repeat; } #banner #bannerBG img { -webkit-filter: blur(3px); filter: blur(3px); -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .25; } .no-object-fit #bannerBG .bgImage { opacity: .25; } #banner #bannerTitle { padding: 3.5em 20px; z-index: 5; text-align: center; } #banner #bannerTitle .subHead { margin: 0 0 .5em; font-size: 1.25em; } #banner #bannerTitle .subHead::after { display: block; margin: .25em auto 0; width: 2em; height: 3px; content: ' '; } #banner #bannerTitle h2 { padding-bottom: .65em; font-size: 2.15em; } #banner #bannerAssist { padding: .35em 1em; z-index: 5; } #banner #bannerAssist #assistText { padding: .5em .85em .5em 0; } #banner #bannerAssist #assistText h2 { padding: .25em 0; } #banner #bannerAssist #assistButtons { padding: .5em 0; } #banner #bannerAssist #assistButtons .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #banner #bannerAssist #assistButtons .buttons .calloutItem { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 0 0 15px; } #banner #bannerAssist #assistButtons .buttons .calloutItem a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 1em 2em; -webkit-box-shadow: inset 0 0 0 0 transparent; box-shadow: inset 0 0 0 0 transparent; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; height: 100%; text-align: center; } #banner #bannerAssist #assistButtons .buttons .calloutItem a::after { position: absolute; top: 50%; right: 0; padding: .25em 1.25em 0 0; -webkit-transform: scale(0) translateY(-50%); transform: scale(0) translateY(-50%); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; content: '\f054'; font-size: .9em; } #banner #bannerAssist #assistButtons .buttons .calloutItem a:hover { padding: 1em 3em 1em 1em; } #banner #bannerAssist #assistButtons .buttons .calloutItem a:hover::after, #banner #bannerAssist #assistButtons .buttons .calloutItem a:focus::after { -webkit-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); margin: 0 0 0 .75em; } /* - Home Text - */ #homeText { padding: 50px 0; } #homeText .container { padding-top: 200px; } #homeText .subHead { margin: 0 0 1.25em; } #homeText article { padding: 35px 20px; z-index: 5; } #homeText #homeTextBG { position: absolute; top: 0; } /* - Content Bar - */ #contentBar { padding: 30px 10px; } #contentBar .upcomingEvents.weekday .sectionTitle { display: none; } #contentBar .upcomingEvents.weekday .eventsList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #contentBar .upcomingEvents.weekday .eventsList .event { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 0 200px; flex: 1 0 200px; -ms-flex-item-align: stretch; align-self: stretch; position: relative; margin: 0 10px 20px; overflow: hidden; border: transparent 1px solid; text-align: center; } #contentBar .upcomingEvents.weekday .eventsList .event:hover, #contentBar .upcomingEvents.weekday .eventsList .event:focus { -webkit-box-shadow: none; box-shadow: none; } #contentBar .upcomingEvents.weekday .eventsList .event:hover::after, #contentBar .upcomingEvents.weekday .eventsList .event:focus::after { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } #contentBar .upcomingEvents.weekday .eventsList .event:hover .weekday, #contentBar .upcomingEvents.weekday .eventsList .event:hover .eventDate, #contentBar .upcomingEvents.weekday .eventsList .event:hover .eventName, #contentBar .upcomingEvents.weekday .eventsList .event:focus .weekday, #contentBar .upcomingEvents.weekday .eventsList .event:focus .eventDate, #contentBar .upcomingEvents.weekday .eventsList .event:focus .eventName { -webkit-transform: translateY(250px); transform: translateY(250px); } #contentBar .upcomingEvents.weekday .eventsList .event::after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -250px); transform: translate(-50%, -250px); -webkit-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; content: '\f073'; font-size: 3em; } #contentBar .upcomingEvents.weekday .eventsList .event .weekday, #contentBar .upcomingEvents.weekday .eventsList .event .eventDate, #contentBar .upcomingEvents.weekday .eventsList .event .eventName { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-transform: none; transform: none; -webkit-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; } #contentBar .upcomingEvents.weekday .eventsList .event .eventName { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 0 1em; } #contentBar .upcomingEvents.weekday .eventsList .event .eventName::before, #contentBar .upcomingEvents.weekday .eventsList .event .eventName::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: .35em; height: .35em; content: ' '; border-radius: 50%; } #contentBar .upcomingEvents.weekday .eventsList .event .eventName::before { left: 0; } #contentBar .upcomingEvents.weekday .eventsList .event .eventName::after { right: 0; } #contentBar .calloutContainer.standard .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #contentBar .calloutContainer.standard .calloutItem { -webkit-box-flex: 1; -ms-flex: 1 0 150px; flex: 1 0 150px; margin: 0 15px; } #contentBar .calloutContainer.standard .calloutItem a { background: none; } #contentBar .calloutContainer.standard .calloutItem a:hover, #contentBar .calloutContainer.standard .calloutItem a:focus { -webkit-box-shadow: none; box-shadow: none; } #contentBar .calloutContainer.standard .calloutItem a:hover .image img, #contentBar .calloutContainer.standard .calloutItem a:focus .image img { padding: .5em; opacity: 1; } #contentBar .calloutContainer.standard .calloutItem .image { display: block; width: 100%; padding: .25em 0; } #contentBar .calloutContainer.standard .calloutItem .image img { -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; display: block; max-height: none; width: 65%; max-width: 100px; margin: 0 auto .85em; border-radius: 50%; border: transparent 0.15em solid; opacity: .65; } #contentBar .calloutContainer.standard .calloutItem .text { display: block; width: 100%; padding: 0; text-align: center; } /* - Features - */ #features .featureWrapper.divided .feature .image { z-index: 1; } #features .featureWrapper.divided .feature .image a { display: block; } .no-object-fit #features .featureWrapper.divided .feature .image a { background-position: center center; background-size: cover; } .no-object-fit #features .featureWrapper.divided .feature .image a img { opacity: 0; } #features .featureWrapper.divided .feature .image a img { display: block; } #features .featureWrapper.divided .feature .text { z-index: 5; } #features .featureWrapper.divided .feature .text h2 { letter-spacing: 0.05em; text-transform: uppercase; font-size: 1.15em; } #features .featureWrapper.divided .feature .text h3 { margin: 0 0 .75em; font-size: 1.85em; } #features .featureWrapper.divided .feature .text p { line-height: 1.65em; font-size: 1.05em; } #features .featureWrapper.divided .feature .text a.more { letter-spacing: 0.025em; text-transform: uppercase; display: block; width: auto; margin: 1em 0 0; font-size: .8em; } #features .featureWrapper.divided .feature .text a.more span { display: inline-block; vertical-align: middle; } /* Full Portlets */ #fullPortlets .featureWrapper.divided .feature { padding: 150px 20px 35px; } #fullPortlets .featureWrapper.divided .feature .image { position: absolute; top: 0; left: 0; width: 100%; } #fullPortlets .featureWrapper.divided .feature .image a { display: block; position: relative; height: 100%; } #fullPortlets .featureWrapper.divided .feature .image a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ' '; z-index: 5; } .no-object-fit #fullPortlets .featureWrapper.divided .feature .image a { opacity: .35; } #fullPortlets .featureWrapper.divided .feature .image img { -o-object-fit: cover; object-fit: cover; max-width: none; height: 300px; overflow: hidden; opacity: .35; } #features #fullPortlets .featureWrapper.divided .feature .text a.more { display: inline-block; vertical-align: top; padding: .85em 1em; border: transparent 1px solid; } #features #fullPortlets .featureWrapper.divided .feature .text a.more:hover::after, #features #fullPortlets .featureWrapper.divided .feature .text a.more:focus::after { -webkit-animation: pulse 1s infinite alternate ease-in-out; animation: pulse 1s infinite alternate ease-in-out; -webkit-transform: scale(1); transform: scale(1); margin: 0 0 0 .75em; } #features #fullPortlets .featureWrapper.divided .feature .text a.more::after { display: inline-block; vertical-align: middle; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; content: '\f054'; margin: 0; font-size: .9em; } #features #fullPortlets .featureWrapper.divided .feature .text a.more span { font-weight: inherit; } #fullPortlets .calloutContainer.standard .buttons { padding: 35px 20px; } #fullPortlets .calloutContainer.standard .calloutItem a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; background: none; } #fullPortlets .calloutContainer.standard .calloutItem a:hover, #fullPortlets .calloutContainer.standard .calloutItem a:focus { box-shadow: none; } #fullPortlets .calloutContainer.standard .calloutItem a:hover .image::after, #fullPortlets .calloutContainer.standard .calloutItem a:focus .image::after { -webkit-transform: scale(1); transform: scale(1); } #fullPortlets .calloutContainer.standard .calloutItem a:hover .image img, #fullPortlets .calloutContainer.standard .calloutItem a:focus .image img { -webkit-transform: scale(0); transform: scale(0); } #fullPortlets .calloutContainer.standard .calloutItem a .image { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: relative; width: auto; border: transparent 1px solid; } #fullPortlets .calloutContainer.standard .calloutItem a .image::after { position: absolute; top: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; text-align: center; line-height: 1.5em; font-size: 1.5em; width: 100%; height: 100%; padding: .5em; content: '\f067'; } #fullPortlets .calloutContainer.standard .calloutItem a .image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; display: block; } #fullPortlets .calloutContainer.standard .calloutItem a .text { padding: 0 0 2em; text-align: center; } /* Basic Portlets */ #basicPortlets .container { padding: 35px 0; } #basicPortlets .featureWrapper.divided .feature { margin: 25px 0; } #basicPortlets .featureWrapper.divided .feature .image { position: absolute; top: 0; left: 0; width: 100%; } #basicPortlets .featureWrapper.divided .feature .image img { -o-object-fit: cover; object-fit: cover; max-width: none; height: 300px; } #basicPortlets .featureWrapper.divided .feature .text { padding: 2em 1.65em 2em 1.5em; font-size: .9em; } #features #basicPortlets .featureWrapper.divided .feature .text a.more { margin: 2em 0 0; } #features #basicPortlets .featureWrapper.divided .feature .text a.more:hover::after, #features #basicPortlets .featureWrapper.divided .feature .text a.more:focus::after { -webkit-animation: pulse 1s infinite alternate ease-in-out; animation: pulse 1s infinite alternate ease-in-out; } #features #basicPortlets .featureWrapper.divided .feature .text a.more::after { display: inline-block; vertical-align: middle; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; margin: 0 0 0 .75em; content: '\f054'; font-size: .9em; } #features #basicPortlets .featureWrapper.divided .feature .text a.more span { font-weight: inherit; } /* Feed */ #feed, .feed { padding: 35px 20px 100px; background: url(https://www.rstevensdentistry.com/resourcefiles/other/bannerbg-stripes.png) top left repeat; } #feed .col1, #feed .col2, .feed .col1, .feed .col2 { z-index: 5; } #feed .col1, .feed .col1 { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } #theme #feed .col1 .contentPortlet h2, #theme .feed .col1 .contentPortlet h2 { line-height: 1.2em; font-size: 3em; margin: 0 0 .5em; padding: 0 .15em .35em; } #feed .col2 .featureWrapper.divided, #feed .col2 #homeNewsWrapper.divided .newsList, .feed .col2 .featureWrapper.divided, .feed .col2 #homeNewsWrapper.divided .newsList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #feed .col2 .featureWrapper.divided .image, #feed .col2 #homeNewsWrapper.divided .newsList .image, .feed .col2 .featureWrapper.divided .image, .feed .col2 #homeNewsWrapper.divided .newsList .image { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 60px; height: 60px; margin: 0 1em 0 0; } #feed .col2 .featureWrapper.divided .image img, #feed .col2 #homeNewsWrapper.divided .newsList .image img, .feed .col2 .featureWrapper.divided .image img, .feed .col2 #homeNewsWrapper.divided .newsList .image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; -o-object-fit: cover; object-fit: cover; width: 100%; max-width: none; height: 100%; } #feed .col2 .featureWrapper.divided .text, #feed .col2 #homeNewsWrapper.divided .newsList .text, .feed .col2 .featureWrapper.divided .text, .feed .col2 #homeNewsWrapper.divided .newsList .text { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 100%; } #feed .col2 .featureWrapper.divided .feature, #feed .col2 #homeNewsWrapper .newsItem > .inside, .feed .col2 .featureWrapper.divided .feature, .feed .col2 #homeNewsWrapper .newsItem > .inside { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #feed .col2 .featureWrapper.divided .feature, #feed .col2 #homeNewsWrapper.divided .newsList .newsItem, .feed .col2 .featureWrapper.divided .feature, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem { -webkit-box-flex: 1; -ms-flex: 1 0 250px; flex: 1 0 250px; margin: 10px; padding: 20px 15px; } #feed .col2 .featureWrapper.divided .feature .image a, .feed .col2 .featureWrapper.divided .feature .image a { display: block; } #feed .col2 .featureWrapper.divided .feature .image a::after, .feed .col2 .featureWrapper.divided .feature .image a::after { position: absolute; top: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; text-align: center; line-height: 1.5em; font-size: 1.5em; width: 100%; height: 100%; padding: .5em; content: '\f067'; } #feed .col2 .featureWrapper.divided .feature .image a:hover::after, #feed .col2 .featureWrapper.divided .feature .image a:focus::after, .feed .col2 .featureWrapper.divided .feature .image a:hover::after, .feed .col2 .featureWrapper.divided .feature .image a:focus::after { -webkit-transform: scale(1); transform: scale(1); } #feed .col2 .featureWrapper.divided .feature .image a:hover img, #feed .col2 .featureWrapper.divided .feature .image a:focus img, .feed .col2 .featureWrapper.divided .feature .image a:hover img, .feed .col2 .featureWrapper.divided .feature .image a:focus img { -webkit-transform: scale(0); transform: scale(0); } .no-object-fit #feed .col2 .featureWrapper.divided .feature .image a, .no-object-fit .feed .col2 .featureWrapper.divided .feature .image a { background-position: center center; background-size: cover; } .no-object-fit #feed .col2 .featureWrapper.divided .feature .image a img, .no-object-fit .feed .col2 .featureWrapper.divided .feature .image a img { opacity: 0; } #feed .col2 .featureWrapper.divided .feature .text h2, .feed .col2 .featureWrapper.divided .feature .text h2 { margin: 0 0 .5em; font-size: 1.35em; } #feed .col2 .featureWrapper.divided .feature .text a.more, .feed .col2 .featureWrapper.divided .feature .text a.more { margin: 0; font-size: .8em; } #feed .col2 .featureWrapper.divided .feature .text a.more:hover::after, #feed .col2 .featureWrapper.divided .feature .text a.more:focus::after, .feed .col2 .featureWrapper.divided .feature .text a.more:hover::after, .feed .col2 .featureWrapper.divided .feature .text a.more:focus::after { -webkit-animation: pulse 1s infinite alternate ease-in-out; animation: pulse 1s infinite alternate ease-in-out; } #feed .col2 .featureWrapper.divided .feature .text a.more::after, .feed .col2 .featureWrapper.divided .feature .text a.more::after { display: inline-block; vertical-align: middle; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; margin: 0 0 0 .75em; content: '\f054'; font-size: .9em; } #feed .col2 .featureWrapper.divided .feature .text a.more span, .feed .col2 .featureWrapper.divided .feature .text a.more span { font-weight: inherit; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem:hover .image img, #feed .col2 #homeNewsWrapper.divided .newsList .newsItem:focus .image img, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem:hover .image img, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem:focus .image img { -webkit-transform: scale(0); transform: scale(0); } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem:hover .readMore::after, #feed .col2 #homeNewsWrapper.divided .newsList .newsItem:focus .readMore::after, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem:hover .readMore::after, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem:focus .readMore::after { -webkit-animation: pulse 1s infinite alternate ease-in-out; animation: pulse 1s infinite alternate ease-in-out; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem .image::after, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem .image::after { position: absolute; top: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; text-align: center; line-height: 1.5em; font-size: 1.5em; width: 100%; height: 100%; padding: .5em; content: '\f067'; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem:hover .image::after, #feed .col2 #homeNewsWrapper.divided .newsList .newsItem:focus .image::after, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem:hover .image::after, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem:focus .image::after { -webkit-transform: scale(1); transform: scale(1); } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem .image::before, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem .image::before { position: absolute; top: 0; left: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; text-align: center; line-height: 1em; font-size: 1.85em; width: 100%; height: 100%; padding: .5em; content: '\f27a'; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem:hover .image::before, #feed .col2 #homeNewsWrapper.divided .newsList .newsItem:focus .image::before, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem:hover .image::before, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem:focus .image::before { -webkit-transform: scale(0); transform: scale(0); } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem .image .inside, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem .image .inside { width: 100%; height: 100%; } .no-object-fit #feed .col2 #homeNewsWrapper.divided .newsList .newsItem .image, .no-object-fit .feed .col2 #homeNewsWrapper.divided .newsList .newsItem .image { background-position: center center; background-size: cover; } .no-object-fit #feed .col2 #homeNewsWrapper.divided .newsList .newsItem .image img, .no-object-fit .feed .col2 #homeNewsWrapper.divided .newsList .newsItem .image img { opacity: 0; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem { -webkit-transition: box-shadow .35s ease-in-out; transition: box-shadow .35s ease-in-out; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem h3, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem h3 { font-size: 1.35em; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem .newsDate, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem .newsDate { margin: 0 0 .75em; font-size: .9em; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem .readMore, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem .readMore { margin: 0; font-size: .8em; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem .readMore::after, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem .readMore::after { display: inline-block; vertical-align: middle; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; margin: 0 0 0 .75em; content: '\f054'; font-size: .9em; } /* Promo */ #promo, .promo { padding: 35px 5%; } .no-object-fit #promoBG .bgImage, .no-object-fit .promoBG .bgImage { opacity: .15; } #promoBG .bgImage img, .promoBG .bgImage img { opacity: .15; } #promo #promoContent, .promo #promoContent, .promo .promoContent { z-index: 5; } #promo .featureWrapper.testimonialsSingle .feature, .promo .featureWrapper.testimonialsSingle .feature { padding: 50px 0; text-align: center; } #promo .featureWrapper.testimonialsSingle .feature::after, .promo .featureWrapper.testimonialsSingle .feature::after { display: block; margin: .25em auto 0; width: 5em; height: 3px; content: ' '; } #promo .featureWrapper.testimonialsSingle .feature .image, .promo .featureWrapper.testimonialsSingle .feature .image { display: none; } #promo .featureWrapper.testimonialsSingle .feature .text, .promo .featureWrapper.testimonialsSingle .feature .text { max-width: 90%; margin: 0 auto; } #theme #promo .featureWrapper.testimonialsSingle .feature .text h2, #theme .promo .featureWrapper.testimonialsSingle .feature .text h2 { line-height: 1.15em; font-size: 2em; letter-spacing: 0.025em; text-transform: uppercase; margin: 0 0 .5em; } #theme #promo .featureWrapper.testimonialsSingle .feature .text p, #theme .promo .featureWrapper.testimonialsSingle .feature .text p { max-width: 45em; margin: 0 auto; font-size: 1.15em; } #promo .featureWrapper.testimonialsSingle ul.slick-dots, .promo .featureWrapper.testimonialsSingle ul.slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #promo .featureWrapper.testimonialsSingle ul.slick-dots li, .promo .featureWrapper.testimonialsSingle ul.slick-dots li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } #promo .featureWrapper.testimonialsSingle ul.slick-dots li button, .promo .featureWrapper.testimonialsSingle ul.slick-dots li button { display: block; width: 15px; height: 15px; margin: 0 7.5px; padding: 0; cursor: pointer; background: none; border-radius: 50%; border: transparent 2px solid; color: transparent; } #promo .featureWrapper.testimonialsSingle .controls, .promo .featureWrapper.testimonialsSingle .controls { display: none; } #promo .contentPortlet, .promo .contentPortlet { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #promo .contentPortlet a, .promo .contentPortlet a { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; margin: 0 30px 35px; } #promo .contentPortlet a:hover, #promo .contentPortlet a:focus, .promo .contentPortlet a:hover, .promo .contentPortlet a:focus { opacity: .65; } #promo .contentPortlet span, .promo .contentPortlet span { display: block; max-width: 250px; } /* === Interior === */ .interior #overview { overflow: hidden; padding: 50px 0 15px; } .interior #overview .container { z-index: 6; } .interior #breadCrumbs { padding: 1em 5% .5em; border-bottom: transparent 1px solid; font-size: .9em; } .interior #breadCrumbs a, .interior #breadCrumbs span { display: inline-block; margin-bottom: .5em; padding: .125em .25em; font-weight: inherit; } .interior #content > .container { display: -webkit-box; display: -ms-flexbox; display: flex; /*-ms-flex-wrap:wrap; flex-wrap:wrap;*/ padding-top: 35px; padding-bottom: 50px; } .interior #content aside#sidePanel { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-flex-item-align: start; align-self: flex-start; } .interior #content #page { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0 0 50px; } /* - Interior Side Panel - */ /* marcus change here #sidePanel { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }*/ #sidePanel > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* marcus change here #sidePanel #inside-nav, #sidePanel .contentPortlet { -webkit-box-flex:1; -ms-flex:1 0 250px; flex:1 0 250px; margin:0 10px 30px; } */ #sidePanel > div > div.ptl_portlet_vertical { -webkit-box-flex: 1; -ms-flex: 1 0 250px; flex: 1 0 250px; margin: 0 10px 30px; } #sidePanel #inside-nav div { padding: 0; } #sidePanel #inside-nav .currentparent > a { display: block; padding: .5em 20px .35em !important; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; font-size: 1.15rem; } #sidePanel #inside-nav .currentparent > a:hover { padding: .5em 20px .35em !important; } #sidePanel #inside-nav a { display: block; padding: .65em 20px .5em !important; border-bottom: transparent 1px solid; -webkit-transition: padding 0.25s ease; transition: padding 0.25s ease; font-size: .9em; } #sidePanel #inside-nav a:hover, #sidePanel #inside-nav a:focus { padding: .65em 10px .5em 30px !important; } #sidePanel #inside-nav .currentpage a { padding: .65em 10px .5em 30px !important; } /*this needs to be the div below interior side navigation*/ #sidePanel .contentPortlet { font-size: 1rem; } #sidePanel .contentPortlet h2 { margin: 0 0 .5em; padding: .5em 20px .35em; font-size: 1.15em; } #sidePanel .contentPortlet h2::before { margin: 0 .5em 0 0; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; font-weight: 400; } #content #sidePanel .contentPortlet ul.sidePanelList li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .5em 0; border-bottom: transparent 1px dashed; font-size: .9em; } #content #sidePanel .contentPortlet ul.sidePanelList li span.left { -webkit-box-flex: 1; -ms-flex: 1 0 80px; flex: 1 0 80px; } #content #sidePanel .contentPortlet ul.sidePanelList li span.right { -webkit-box-flex: 1; -ms-flex: 1 0 150px; flex: 1 0 150px; text-align: right; } /* Landing Page Menu */ #theme .site_render_table .site_render_table_row { margin: 0 0 .75rem; } /* Dear Doctor */ #template .dd-articles { padding: 20px; } #template .dd-article { padding: 10px 0; } #template .dd-article .dd-title { margin: 0 0 .5em; padding: 0; } #template .dd-article .dd-title, #template .dd-article .dd-title:hover, #template .dd-article .dd-title:focus { box-shadow: none; } #template .dd-article p { font-size: .95em; } /* === Portlets === */ /* - Map - */ #template .mapMarkClass, #theme .mapMarkClass a { font-size: 1em; } #template .mapMarkClass h1 { margin: 0 0 5px; font-size: 1.35em; } #template .mapMarkClass div.phone { margin: 5px 0 0; } #template .mapMarkClass a { display: inline-block; margin: 10px 0 0; padding: 3px 5px; border: transparent 2px solid; transition: all .25s ease; } #template .mapMarkClass a:hover, #template .mapMarkClass a:focus { background: none; } /* - Gallery Portlet - */ #theme .galleryContainer { max-width: none; border: none; } #theme .photoGallery .galleryContainer .galleryBreadcrumb, #theme .photoGallery .galleryContainer .galleryBreadcrumb .galleryCrumb, #theme .photoGallery .galleryContainer .galleryBreadcrumb .galleryAlbumNavLink { font-size: .85rem; } #theme .photoGallery .sliderWrapper { padding: 0 !important; } #content .photoGallery ul, #template .photoGallery li { margin: 0; padding: 0; list-style: none; } #theme .flexslider a { line-height: 1; } #theme .photoGallery .sliderThumbs { margin: 35px 0 0; } #theme .photoGallery .sliderThumbs .flex-viewport { margin: 0 50px; } #theme .photoGallery .flex-direction-nav a { width: auto; height: auto; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #theme .photoGallery .flex-direction-nav a.flex-prev { left: 0; } #theme .photoGallery .flex-direction-nav a.flex-next { right: 0; } /* - Feature - Lightbox - */ .featureWrapper.lightbox .feature .lightbox-popup { visibility: visible; position: relative; padding: 10px 0; width: 100%; height: auto; overflow: hidden; } .featureWrapper.lightbox .feature .lightbox-popup .image { visibility: collapse; height: 0; width: 0; } .featureWrapper.lightbox .feature .lightbox-popup .caption p { visibility: collapse; height: 0; padding: 0; width: 0; } .featureWrapper.lightbox .feature .lightbox-popup .caption h2 { margin: 0; padding: 0; border: none; font-size: 1em; text-align: center; } .featureWrapper.lightbox .gallery img { display: block; } /* Popup */ body .featherlight { height: 100%; padding: 5% 10%; overflow: hidden; background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.8) 0%, black 100%) !important; background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.8) 0%, black 100%) !important; background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.8) 0%, black 100%) !important; } body .featherlight::before { position: fixed; } body .featherlight .featherlight-content { display: block; max-width: none !important; max-height: none !important; height: 100%; margin: 0; padding: 0 !important; overflow: hidden; background: none; border: none; border-bottom: none !important; text-align: center; } body .featherlight .featherlight-inner { height: 100%; margin: 0; padding: 60px 0 50px; overflow: hidden; } body .featherlight .featherlight-close-icon.featherlight-close { right: auto; left: 50%; padding: 6px 10px; background: none !important; border-radius: 4px; border: rgba(255, 255, 255, 0.65) 1px solid; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: background 0.35s ease; transition: background 0.35s ease; color: #fff; } body .featherlight .featherlight-close-icon.featherlight-close:hover, body .featherlight .featherlight-close-icon.featherlight-close:focus { background: #fff !important; color: #000; } body .featherlight .featherlight-close-icon.featherlight-close::before { font-size: 1.1rem; vertical-align: middle; } body .featherlight .featherlight-close-icon.featherlight-close::after { display: inline-block; margin: 0 0 0 8px; content: 'Close'; font-size: 0.9rem; line-height: 1em; vertical-align: middle; } body .featherlight .lightbox-popup .caption { height: auto; text-align: center; } body .featherlight .lightbox-popup .caption h2 { margin: 15px 0 10px; border: none; border-bottom: #fff 1px solid; color: #fff; font-size: 1.25rem; } body .featherlight .lightbox-popup .caption p { padding: 0 0 20px; color: #fff; } /* Popup Controls */ .featherlight-next, .featherlight-previous { position: absolute !important; width: 2.6em; background: none !important; border-radius: 50%; border: rgba(255, 255, 255, 0.65) 1px solid; -webkit-transform: translateX(50%); transform: translateX(50%); -webkit-transition: background 0.35s ease; transition: background 0.35s ease; font-size: .9em; } .featherlight-next:hover, .featherlight-next:focus, .featherlight-previous:hover, .featherlight-previous:focus { background: #fff !important; color: #000; } .featherlight-next::before, .featherlight-previous::before { font-size: 1em; line-height: 2.5em; } span.featherlight-previous { right: calc(50% + 1.85em) !important; } span.featherlight-next { right: calc(50% - 1.85em) !important; } /* Informative Animations */ #theme .featureTitle h2, #theme div[id*="Wrapper"] .featureTitle h2 { font-size: 1.35em !important; } #theme .titleRow h3 { font-size: 1.25em !important; } #theme #footer, #theme .footer, #theme .contentText .featureFooter { font-size: 1em; border-top: transparent 1px solid; } #theme #footer a, #theme .footer a, #theme .contentText .featureFooter a { font-size: .75em; } #theme div[class*="modal-content"] p { font-size: 1em; } #theme div[class*="modal-content"] .close { font-size: 1.65em; } #theme div[class*="modal-content"], #theme .body .rightCol, #theme .wisdomTeethAudio { background-color: #fafafa; } #theme .body .rightCol .contentWrapper p { font-size: 1em; } #theme div[id*="Wrapper"] .body > ul.buttonCol li[class*="Button"], #theme div[id*="Wrapper"] .body > ul[class*="ButtonCol"] li[class*="Button"] { padding: 10px 0; } /* Color Palette Callouts*/ .interior #content #colorSamples .calloutContainer.standard ul.buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .interior #content #colorSamples .calloutContainer.standard .calloutItem { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 0 15px; margin: 0 0 30px; } .interior #content #colorSamples .calloutContainer.standard .calloutItem a, .interior #content #colorSamples .calloutContainer.standard .calloutItem a:hover, .interior #content #colorSamples .calloutContainer.standard .calloutItem a:focus { position: relative; padding: 0; background: none; box-shadow: none; } .interior #content #colorSamples .calloutContainer.standard .calloutItem a span { display: block; width: 100%; } .interior #content #colorSamples .calloutContainer.standard .calloutItem a span.image { position: relative; } .interior #content #colorSamples .calloutContainer.standard .calloutItem a span.image::before { display: block; position: absolute; top: 50%; left: 50%; z-index: 5; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); content: '\f06e'; font-family: 'FontAwesome'; font-size: 3.5em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; text-rendering: auto; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease; } .interior #content #colorSamples .calloutContainer.standard .calloutItem a:hover span.image::before, .interior #content #colorSamples .calloutContainer.standard .calloutItem a:focus span.image::before { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; } .interior #content #colorSamples .calloutContainer.standard .calloutItem a span.image img { display: block; max-height: none; opacity: 1; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; } .interior #content #colorSamples .calloutContainer.standard .calloutItem a:hover span.image img, .interior #content #colorSamples .calloutContainer.standard .calloutItem a:focus span.image img { opacity: .15; } .interior #content #colorSamples .calloutContainer.standard .calloutItem a span.text { padding: .5em; text-align: center; } /* === Breakpoints === */ /* ------ Mobile ------ */ @media screen and (max-width: 767px) { #homeText #homeTextBG { left: 0; right: 0; } #fullPortlets .calloutContainer.standard .buttons .calloutItem a { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } #fullPortlets .calloutContainer.standard .buttons .calloutItem a .text { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } #basicPortlets .featureWrapper.divided .feature { padding: 200px 20px 25px; } } @media screen and (max-width: 989px) { #topBar.headerHide #links { -webkit-transform: translateY(-500%); transform: translateY(-500%); height: 0; margin: 0; padding: 0; opacity: 0; } #topBar.headerHide #links .PublishedLinkMenu a, #topBar.headerHide #links .PublishedLinkMenu a::before { padding: 0; font-size: 0; } #topBar.headerHide .searchBox { -webkit-transform: translateY(-500%); transform: translateY(-500%); height: 0; opacity: 0; } #topBar.headerHide .searchBox .gsc-search-box-tools .gsc-search-box .gsc-input { opacity: 0; font-size: 0; } #topBar.headerHide .searchBox td.gsc-search-button input { opacity: 0; font-size: 0; } #topBar.headerShow .phone { border-bottom: transparent 1px solid; } #topBar.headerShow #links { padding: 1em 0 0; -webkit-transform: translateY(0); transform: translateY(0); border-top: transparent 1px solid; } #topBar.headerShow .searchBox { -webkit-transform: translateY(0); transform: translateY(0); margin: 15px auto 0; } #topBar > div { padding: 5px 0 0; } #topBar .phone { padding: 0 20px; } #banner #bannerAssist #assistText { text-align: center; } } .divided .feature img { width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .divided .feature h2 { margin: 0; } .divided .feature p { margin: 10px 0 0; } .divided .feature a.more { display: block; margin: 10px 0 0; font-weight: 700; } /* ------ Tablets and Small Screens ------ */ @media screen and (min-width: 768px) { .container { padding: 0 5%; } #template #banner #bannerBG .bgImage::after, #template #feed #feedBG .bgImage::after, #template .feed #feedBG .bgImage::after, #template #promo #promoBG .bgImage::after, #template .promo .promoBG .bgImage::after #template #features #fullPortlets .featureWrapper.divided .feature .image a::after, #template #overview #featuredImage .bgImage::after { background: none; } #bannerBG .bgImage, #feedBG .bgImage, #promoBG .bgImage, .promoBG .bgImage { height: 100%; } #banner #bannerTitle { padding: 15% 10% 10%; } #banner #bannerAssist { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #banner #bannerAssist #assistText { -webkit-box-flex: 1; -ms-flex: 1 0 200px; flex: 1 0 200px; } #banner #bannerAssist #assistButtons { -webkit-box-flex: 1; -ms-flex: 1 0 75%; flex: 1 0 75%; } #banner #bannerAssist #assistButtons .buttons .calloutItem { -webkit-box-flex: 1; -ms-flex: 1 0 150px; flex: 1 0 150px; margin: 0 .5em; } #homeText .container { padding-top: 50px; padding-bottom: 50px; } #homeText article { width: 50%; padding: 80px 50px; } #homeText #homeTextBG { right: 5%; width: 65%; height: 100%; z-index: 1; } #homeText #homeTextBG .bgImage { height: 100%; } #homeText #homeTextBG img { width: 100%; max-width: none; height: 100%; -o-object-fit: cover; object-fit: cover; } #fullPortlets .featureWrapper.divided .feature { padding: 5%; } #fullPortlets .featureWrapper.divided .feature .image { height: 100%; } #fullPortlets .featureWrapper.divided .feature .image img { height: 100%; } #fullPortlets .featureWrapper.divided .feature .text { left: 50%; width: 50%; } #fullPortlets .calloutContainer.standard .buttons { padding: 35px 5%; } #fullPortlets .calloutContainer.standard .buttons .calloutItem a { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; text-align: left; } #fullPortlets .calloutContainer.standard .buttons .calloutItem a .text { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; text-align: left; font-size: 1.25em; padding: 0 3em 0 0; } #basicPortlets .container { padding: 2.5%; } #basicPortlets .featureWrapper.divided { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #basicPortlets .featureWrapper.divided .feature { -webkit-box-flex: 1; -ms-flex: 1 0 400px; flex: 1 0 400px; margin: 2.5% 2.5% 5%; } #basicPortlets .featureWrapper.divided .feature .image { width: 65%; height: 100%; } #basicPortlets .featureWrapper.divided .feature .image a { height: 100%; } #basicPortlets .featureWrapper.divided .feature .image img { height: 100%; } #basicPortlets .featureWrapper.divided .feature .text { margin: 35px 0 35px 33.33%; } #feed, .feed { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 50px 5% 150px; } #theme #feed .col1 .contentPortlet h2, #theme .feed .col1 .contentPortlet h2 { font-size: 3.5em; } #feed .col2, .feed .col2 { -webkit-box-flex: 1; -ms-flex: 1 0 500px; flex: 1 0 500px; } #feed .col2 .featureWrapper.divided .feature, #feed .col2 #homeNewsWrapper.divided .newsList .newsItem, .feed .col2 .featureWrapper.divided .feature, .feed .col2 #homeNewsWrapper.divided .newsList .newsItem { -webkit-box-flex: 1; -ms-flex: 1 0 calc(50% - 20px); flex: 1 0 calc(50% - 20px); max-width: calc(50% - 20px); } #promo, .promo { padding: 50px 0; } #theme #promo .featureWrapper.testimonialsSingle .feature .text h2, #theme .promo .featureWrapper.testimonialsSingle .feature .text h2 { font-size: 2.5em; } #theme #promo .featureWrapper.testimonialsSingle .feature .text p, #theme .promo .featureWrapper.testimonialsSingle .feature .text p { font-size: 1.25em; } footer .container { padding: 35px 2.5%; } footer .container section { padding-left: 2.5%; padding-right: 2.5%; } footer .container section:not(#footerPractice) { margin: 0; padding-top: 15px; padding-bottom: 15px; border-bottom: none; border-right: transparent 1px solid; } #back-to-top.fade { opacity: .65; } .interior #content > .container { padding-top: 50px; padding-bottom: 80px; } .interior #content #colorSamples .calloutContainer.standard .calloutItem { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; } } @media screen and (min-width: 990px) and (max-width:1100px) { a.mobileMenu { top: 85px; right: 20px; } #fakeHeader .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #fakeHeader #logo { -webkit-box-flex: 0; -ms-flex: 0 1 500px; flex: 0 1 500px; margin: 0 10% 0 0; } #logo a img { margin: 0; } #contentBar .upcomingEvents.weekday .eventsList .event { -webkit-box-flex: 0 1 300px; -ms-flex: 0 1 300px 0 auto; flex: 0 1 300px 0 auto; } footer .container section#footerPractice { -webkit-box-flex: 1; -ms-flex: 1 0 300px; flex: 1 0 300px; max-width: 33.33%; margin: 0; padding-top: 15px; padding-bottom: 15px; border-bottom: none; border-right: transparent 1px solid; } /* CMS Login and Design Mode padding */ .loggedIn nav#mMenuCMS > ul { padding-top: 50px; } .designMode nav#mMenuCMS > ul { padding-top: 250px; } } /* ------ Desktop ------ */ @media screen and (min-width: 990px) { #theme h1, h1 { font-size: 2em; } #theme h2, h2, div#news-summary .content a.title, div#news_content_title, span.datagrid_header_table_text { font-size: 1.65em; } #theme .featureTitle h2, #theme div[id*="Wrapper"] .featureTitle h2 { font-size: 1.65em !important; } #theme h3, h3 { font-size: 1.35em; } #theme .titleRow h3 { font-size: 1.35em !important; } #theme h4, h4 { font-size: 1.25em; } span.subHead { font-size: 1.5em; } #topBar .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; } #topBar .phone { margin: 0 2em 0 0; } #topBar .phone a { padding: .75em 0 .5em; border: none; } #topBar .phone a::after { -webkit-transition: width 0.35s ease-in-out; transition: width 0.35s ease-in-out; display: block; margin: .25em auto 0; width: 0; height: 1px; content: ' '; } #topBar .phone a:hover::after, #topBar .phone a:focus::after { width: 3em; } #topBar #links { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #topBar #links .PublishedLinkMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #topBar #links .PublishedLinkMenu li { margin: 0 2em 0 0; } #topBar #links .PublishedLinkMenu li a { padding: .75em 0 .5em; } #topBar .searchBox { -webkit-box-shadow: none; box-shadow: none; height: 100%; margin: 8px 0; background: none; } #topBar #showLinks { display: none; } #banner { padding: 35px 5%; } #banner #bannerTitle .subHead { font-size: 1.75em; } #banner #bannerTitle h2 { font-size: 4em; } #banner #bannerAssist #assistText { padding: .5em 1em .5em 0; } #fullPortlets .featureWrapper.divided .feature { padding: 12.5% 5%; } #feed .col1, .feed .col1 { -webkit-box-flex: 1; -ms-flex: 1 0 300px; flex: 1 0 300px; padding: 0 50px 35px 0; } #theme #feed .col1 .contentPortlet h2, #theme .feed .col1 .contentPortlet h2 { margin: 0; font-size: 5em; } } @media screen and (min-width: 1100px) { #template { padding-left: 300px; } header { position: absolute; top: 0; right: 0; left: 300px; border-bottom: transparent 1px solid; } #topBar a.mobileMenu { display: none; } #fakeHeader { position: fixed; top: 0; left: 0; width: 300px; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 15; } #fakeHeader .container { padding: 0; } #logo { width: calc(100% - 40px); padding: 30px 0; border-bottom: transparent 1px solid; } #primaryNavigation { display: block; margin: 50px 0 0; text-align: center; } #primaryNavigation .RadMenu, #primaryNavigation ul.rmRootGroup, #primaryNavigation ul.rmRootGroup > li, #primaryNavigation ul.rmRootGroup > li li { float: none; } #primaryNavigation ul.rmRootGroup > li > a { line-height: 1.25em; font-size: 1.15em; display: block; margin: 0 0 2em; padding: 0 20px; } #primaryNavigation ul.rmRootGroup > li > a::after { -webkit-transition: width 0.35s ease-in-out; transition: width 0.35s ease-in-out; display: block; margin: .25em auto 0; width: 2em; height: 2px; content: ' '; } #primaryNavigation ul.rmRootGroup > li > a:hover::after, #primaryNavigation ul.rmRootGroup > li > a:focus::after { width: 5em; } #primaryNavigation li { position: relative; } #primaryNavigation li:hover > .rmSlide { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: top left; transform-origin: top left; } #primaryNavigation li a:hover + .rmSlide, #primaryNavigation li a:focus + .rmSlide { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: top left; transform-origin: top left; } #primaryNavigation li a span { padding: 0; } #primaryNavigation li .rmSlide { position: absolute; top: 0; left: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; width: 100%; max-width: 300px; text-align: left; } #primaryNavigation li .rmSlide li { position: relative; } #primaryNavigation li .rmSlide li.hasChild > a::after { font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; position: absolute; top: 0; right: 0; text-align: center; line-height: 3em; display: block; height: 100%; padding: 0 10px; content: '\f054'; } #primaryNavigation li .rmSlide li a { -webkit-box-shadow: inset 0 0 0 0 transparent; box-shadow: inset 0 0 0 0 transparent; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; display: block; position: relative; padding: .75em 20px .65em; border-bottom: transparent 1px solid; font-size: .9em; } #primaryNavigation li .rmSlide li a:hover, #primaryNavigation li .rmSlide li a:focus { padding: .75em 15px .65em 25px; } .interior #overview { padding: 100px 0 20px; } .interior #content aside#sidePanel { -webkit-box-flex: 0; -ms-flex: 0 1 300px; flex: 0 1 300px; } .interior #content aside#sidePanel #inside-nav, .interior #content aside#sidePanel .contentPortlet { margin-left: 0; margin-right: 0; } .interior #content #page { -webkit-box-flex: 2; -ms-flex: 2 1; flex: 2 1; margin: 0 5% 0 0; } /* CMS Login and Design Mode padding */ .loggedIn #fakeHeader { padding-top: 50px; } .designMode #fakeHeader { padding-top: 250px; } .designMode #primaryNavigation div > ul.rmRootGroup > li > a { margin: 0 0 1.25em; } } @media screen and (min-width: 1280px) { footer .container section#footerPractice { -webkit-box-flex: 1; -ms-flex: 1 0 300px; flex: 1 0 300px; max-width: 33.33%; margin: 0; padding-top: 15px; padding-bottom: 15px; border-bottom: none; border-right: transparent 1px solid; } } /*marcus additions & fixes ====================================================================*/ /*navigation fixes*/ #primaryNavigation div ul li a, #primaryNavigation div ul li a span, #primaryNavigation div ul { width: 100%; float: none; } #primaryNavigation div ul li a { width: 100% !important; } #primaryNavigation li.rmItem > a > span { float: none; } #primaryNavigation li .rmSlide { left: 100% !important; top: 0 !important; width: 100% !important; } #primaryNavigation li .rmSlide li.hasChild div.rmSlide { display: block !important; } #primaryNavigation li .rmSlide { display: block !important; } #primaryNavigation .RadMenu ul.rmGroup { padding: 0 !important; margin: 0 !important; outline: none !important; } /*banner area fixes*/ /* makes it to where user can edit the banner BG, without this padding it goes over published links*/ .loggedIn #bannerBG, .loggedIn #promoBG, .loggedIn .promoBG { position: static; padding-top: 50px; z-index: 9000; max-width: 50%; margin: 0 auto; } .loggedIn #bannerBG .bgImage::after, .loggedIn #promoBG .bgImage::after, .loggedIn .promoBG .bgImage::after { display: none !important; } .loggedIn #banner #bannerBG::after, .loggedIn #promo #promoBG::after, .loggedIn .promo .promoBG::after { display: none !important; } .loggedIn #banner #bannerBG img, .loggedIn #promo #promoBG img, .loggedIn .promo .promoBG img { -webkit-filter: none; filter: none; -webkit-transform: none; transform: none; } .loggedIn #bannerBG .bgImage img, .loggedIn #featuredImage .bgImage img, .loggedIn #promoBG .bgImage img, .loggedIn .promoBG .bgImage img { opacity: 1; } .loggedIn #banner #bannerTitle { padding: 10px 10%; } /*#bannerBG .bgImage::after, #promoBG .bgImage::after, #featuredImage .bgImage::after*/ /*interior logged in adjustments*/ .portletEditMode #theme, .addingPage #theme { padding-top: 50px; } /*promo fix for logged in, makes portlet area larger and easier to drop in if its empty */ .loggedIn #promoContent .contentPortlet .portlet_zone, .loggedIn .promoContent .contentPortlet .portlet_zone { min-width: 100px; min-height: 50px; } /*bottom logo area logged in fixes*/ #promoContent .contentPortlet div[id*="divContent"], .promoContent .contentPortlet div[id*="divContent"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 35px 0 0; } /*possible fix code below, may need to delete bottom 3 and uncomment first line*/ /*.designMode #promo .contentPortlet a { margin:0; }*/ .zones-portlet-header { width: 100% !important; } .designMode #promoContent *, .designMode .promoContent * { text-align: center; } .designMode #promoContent a, .designMode .promoContent a { display: inline-block; float: none; margin: 0 10px; } /*promo area*/ .loggedIn #promo, .loggedIn .promo { padding: 0; } .designMode #promo .pb-controls a, .designMode .promo .pb-controls a { margin: 0; } /*background image notes for end user*/ .bgLabel { display: none; padding: .75em; margin: 0 0 15px 0; } .loggedIn .bgLabel { display: -webkit-box; display: -ms-flexbox; display: flex; border: transparent 2px dotted; } .bgLabel > div.infoCircle { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 50px; } .bgLabel > div.infoCircle::before { display: inline-block; position: relative; padding: .65em .975em; border-radius: 50%; border: transparent 2px solid; font-size: 1.25em; } .bgLabel > div.infoHelp { -webkit-box-flex: 1; -ms-flex: 1 0 90%; flex: 1 0 90%; min-width: 90%; padding-left: 1em; } .bgLabel img { display: inline-block; height: auto; object-fit: initial !important; } .bgLabel span { display: block; padding: 5px 0 0 0; } /*fixing bgimage heights*/ .bgImage div { height: 100%; } /*removing footer link underline*/ footer a, footer a:hover { text-decoration: none; } /*marcus IE changes*/ .loggedIn.no-object-fit #bannerBG .bgImage, .loggedIn.no-object-fit #featuredImage .bgImage { opacity: 1; } .loggedIn.no-object-fit .bgImage img { opacity: 1 !important; } .loggedIn.no-object-fit #homeText #homeTextBG img { width: 100% !important; height: auto !important; } .loggedIn.no-object-fit #features .featureWrapper.divided .feature .image a img { opacity: 1 !important; width: 100%; height: auto; } .loggedIn.no-object-fit #feed .col2 .divided.featureWrapper .feature .image a img, .loggedIn.no-object-fit .feed .col2 .divided.featureWrapper .feature .image a img { opacity: 1; } .loggedIn.no-object-fit #promoBG .bgImage, .loggedIn.no-object-fit .promoBG .bgImage { opacity: 1; } /*photo gallery fixes*/ #content .sliderThumbs ul li, #content ul.flex-direction-nav li, #content .flexslider li { list-style-type: none; padding: 0; } div.flex-viewport { max-width: 100% !important; } #content .galleryItems ul li { list-style-type: none; } #content ul.slides { list-style-type: none; padding: 0; margin: 0; } #theme .flexslider a { line-height: 1; } /*photo gallery testing*/ @media screen and (max-width: 1100px) { .interior #content > .container { flex-wrap: wrap; -ms-flex-wrap: wrap; } } /*UI fix for editing calendar and other portlets*/ #content ul.ruInputs { margin: 0; padding: 0; } #content ul.ruInputs li { margin: 0; padding: 0; list-style-type: none; } /*published links added to mobile menu patch fix*/ .mobilePublishLink { margin: 20px 0 0; } .mobilePublishLink li { padding: 5px 20px; } /*calendar text color fixes*/ #theme #divCalendar a, #theme #divCalendar th, #theme #divCalendar td, #theme div[aria-label="Event Details"] a { color: #28292b; } .gsst_b.clearsearch { float: right; display: none; } .editmode .clearsearch { cursor: pointer; z-index: 9; display: block; } .standard span { display: inline-block; vertical-align: middle; } .standard span.image { width: 25%; } .standard span.image img { max-width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .standard span.text { width: 75%; padding: 0 0 0 20px; text-align: left; line-height: 1.25em; color: #fff; } .standard ul.buttons > li.calloutItem a { padding: 15px; background: #6f241e; display: block; } .standard .calloutItem img { max-height: 60px; } .standard ul.buttons > li.calloutItem a:hover { box-shadow: inset 0 0 500px 500px rgba(0, 0, 0, .5); } /* Style.css is shared by Advanced Banner, Callout and Feature portlets */ .PO-wrapper { font-size: 16px; font-family: arial; margin: 0px auto; border: 3px solid #1d2228; box-sizing: border-box; position: relative; } /*- Off Screen style for accessibility -*/ .PO-offScreen { position: absolute; top: -1000000px; left: -1000000px; } /*- Portlet top Breadcrumbs -*/ .PO-navigationBar { background: #1d2228; color: #ffffff; padding: 10px 10px 10px 10px; font-size: 12px; font-weight: 600; display: table; width: 100%; box-sizing: border-box; } .PO-navigationBar a { color: #ffffff; text-decoration: none; font-weight: normal; } .PO-navigationBar a:hover { text-decoration: underline; } /*- Portlet Settings Bar -*/ .PO-settingsBar { background: #2E353E; color: #ffffff; padding: 10px; font-size: 0.9em; /*- Portlet Settings Bar dividers -*/ /*- Portlet Settings Bar buttons -*/ /*- Portlet Settings Bar dropdown styles -*/ } .PO-settingsBar ul { list-style: none; margin: 0px; padding: 0px; } .PO-settingsBar ul > li { display: inline; position: relative; } .PO-settingsBar span { display: inline-block; margin: 0px; font-size: 18px; } .PO-settingsBar a { color: #ffffff; text-decoration: none; font-weight: normal; padding: 4px; display: inline-block; transition: background 0.2s ease-in-out; } .PO-settingsBar a:hover { background: #49545F; border-radius: 3px; } .PO-settingsBar .PO-settingsDropdown { display: none; position: absolute; top: calc(100% + 4px); left: 0px; width: 200px; z-index: 3; } .PO-settingsBar .PO-settingsDropdown ul { background: #ffffff; border-radius: 4px; overflow: hidden; border: 1px solid #cccccc; border-top: none; } .PO-settingsBar .PO-settingsDropdown .triangle { width: 100%; display: block; height: 10px; } .PO-settingsBar .PO-settingsDropdown .triangle:after { content: ''; position: relative; display: block; left: 14px; width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #ffffff transparent; z-index: 2; } .PO-settingsBar .PO-settingsDropdown li { display: block; } .PO-settingsBar .PO-settingsDropdown li a { color: #333333; border-radius: 0px; display: block; padding: 10px; /*font-weight: bold;*/ border-bottom: 1px solid #eeeeee; } .PO-settingsBar .PO-settingsDropdown li a em { margin: 0px 10px 0px 5px; transition: all 0.2s ease-in-out; color: #2E353E; } .PO-settingsBar .PO-settingsDropdown li a:hover { background: #EAEFF0; } .PO-settingsBar .PO-settingsDropdown li a:hover em { transform: scale(1.1, 1.1); } .PO-settingsBar .PO-settingsDropdown li:last-child a { border-bottom: 0px; } /*- Portlet information/settings/controls area -*/ .PO-controlsTop { background: #EAEFF0; border-bottom: 4px solid #a8a9ab; padding: 15px; } .PO-controlsTop .PO-title:not(:empty) { font-weight: 600; font-size: 30px; padding-bottom: 15px; } /*- Portlet Search Bar -*/ .PO-search { background: #D7E0E2; padding: 10px; margin-top: 15px; font-weight: 600; position: relative; /*- Portlet Settings Bar dropdown styles -*/ } .PO-search input[type="text"] { padding: 10px; box-sizing: border-box; border: 1px solid #cccccc; width: 100%; border-radius: 5px; font-size: 16px; letter-spacing: 0.01em; } .PO-search input[type="text"]:focus + .PO-searchDropdown { display: block; } .PO-search .PO-searchDropdown { display: none; position: absolute; top: calc(100% - 10px); left: 10px; width: calc(100% - 20px); z-index: 3; } .PO-search .PO-searchDropdown ul { background: #ffffff; border-radius: 4px; overflow: hidden; border: 1px solid #cccccc; border-top: none; list-style: none; margin: 0px; padding: 0px; } .PO-search .PO-searchDropdown li { display: block; } .PO-search .PO-searchDropdown li a { color: #333333; border-radius: 0px; display: block; padding: 10px; text-decoration: none; border-bottom: 1px solid #eeeeee; } .PO-search .PO-searchDropdown li a > em { margin: 0px 10px 0px 5px; transition: all 0.2s ease-in-out; color: #2E353E; } .PO-search .PO-searchDropdown li a:hover { background: #EAEFF0; } .PO-search .PO-searchDropdown li a:hover em { transform: scale(1.1, 1.1); } .PO-search .PO-searchDropdown li a span { font-size: 0.8em; color: #a7a3a3; float: right; transform: translate(0, 0.1em); /*em { color: #2E353E; }*/ } .PO-search .PO-searchDropdown li a small { font-size: 1em; color: #206E9E; } .PO-search .PO-searchDropdown li:last-child a { border-bottom: 0px; } /*- PAGING -*/ .PO-paging { background: #2E353E; padding: 10px 10px 5px 10px; } .PO-paging:after { content: ''; display: block; clear: both; } .PO-paging ul { list-style: none; margin: 0px; padding: 0px; float: left; } .PO-paging ul li { float: left; } .PO-paging ul li a, .PO-paging ul li span { font-weight: bold; font-size: 0.9em; transition: background 0.2s ease-in-out; text-decoration: none; color: #ffffff; display: block; padding: 10px; border-radius: 3px; } .PO-paging ul li a.active:not(span), .PO-paging ul li a:hover:not(span), .PO-paging ul li span.active:not(span), .PO-paging ul li span:hover:not(span) { background: #49545F; } .PO-paging ul:after { content: ''; display: block; clear: both; } .PO-paging .PO-pageCount { font-size: 0.8em; color: #ffffff; font-weight: bold; text-transform: uppercase; line-height: 40px; float: right; } /*- Portlet mobile styles -*/ .PO-wrapper.PO-mobileView .PO-pageButton, .PO-wrapper.PO-mobileView .PO-pageCount { float: none; text-align: center; } .PO-wrapper.PO-mobileView .PO-pageButton li { float: none; display: inline-block; } /*-- In Merged --*/ .button { border: 1px solid #ccc; border-color: #c4cccc #acb5b5 #6f7777; background: #F5F5F5; padding: 5px 5px 4px 5px; color: #333333; font-size: 13px; font-weight: bold; line-height: 1em; text-decoration: none; cursor: pointer; margin: 2px; } /*# sourceMappingURL=common.css.map */ .PO-televoxList .PO-contentArea { padding: 20px; } .PO-televoxList .PO-contentArea:after { content: ''; display: block; clear: both; } .PO-televoxList .PO-contentArea ul { list-style: none; padding: 0; margin: 0; } .PO-televoxList .PO-contentArea ul .TL-contentInputs:after { content: ''; display: block; clear: both; } .PO-televoxList .PO-contentArea ul .TL-contentInputs ul { width: 46%; padding: 0px 2% 0px 2%; float: left; } .PO-televoxList .PO-contentArea ul .TL-contentInputs ul > li:first-child { margin-bottom: 20px; } .PO-televoxList .PO-contentArea ul .TL-contentInputs .TL-richText { padding: 0; } .PO-televoxList .PO-contentArea ul .TL-contentInputs .TL-richText ul { width: 96%; float: none; } .TL-btn { line-height: 35px; display: inline-block; background: #333333; color: #ffffff; border-radius: 3px; margin-left: 10px; text-align: center; padding: 0 10px 0 10px; text-decoration: none; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; cursor: pointer; } .TL-btn.TL-delete { background: #e74c3c; float: right; } .TL-btn.TL-addItem { background: #2ecc71; margin: 0; } .TL-btn:hover { opacity: 0.8; color: #ffffff; text-decoration: none; } .TL-btn.TL-move { cursor: ns-resize; } .TL-btn.TL-cancel { background: #e74c3c; float: right; } .TL-itemControlBtns { margin-top: 10px; } .TL-itemControlBtns:after { content: ''; display: block; clear: both; } .TL-itemControlBtns ul { float: right; } .TL-itemControlBtns ul li { float: left; } .TL-titleAC .TL-btn { width: 35px; padding: 0 0 0 0; } .TL-titleAC { border-bottom: 3px solid #eeeeee; padding: 8px; color: #333333; display: table; width: calc(100% - 16px); width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .TL-titleAC > span { display: table-cell; vertical-align: middle; } .TL-titleAC > span.TL-open { width: 45px; } .TL-titleAC > span.TL-open .TL-toggleButton { margin: 0 10px 0 0; } .TL-titleAC:after { content: ''; display: block; clear: both; } .TL-titleAC span { line-height: 35px; } .TL-titleAC span.TL-titleText input { border: none; background: transparent; font-size: 20px; font-weight: 300; padding: 0px 0px 0px 5px; display: inline; cursor: pointer; width: 100%; position: relative; z-index: 2; pointer-events: none; } .TL-titleAC span.TL-listControl { float: right; } .TL-contentInputs { padding: 15px 0 15px 0; } .TL-contentInputs .TL-floatedColumns { margin-top: 20px; } .TL-contentInputs .TL-floatedColumns:first-child { margin-top: 0; } .TL-contentInputs .TL-floatedColumns:after { content: ''; display: block; clear: both; } .TL-contentInputs ul:after { content: ''; display: block; clear: both; } .TL-contentInputs .TL-label { font-size: 20px; font-weight: 300; padding-bottom: 5px; line-height: 30px; } .TL-contentInputs input[type="text"] { width: calc(100% - 2px); padding: 0 10px 0 10px; line-height: 35px; font-size: 16px; border: 1px solid #b9b9b9; box-sizing: border-box; border-radius: 3px; } .TL-contentInputs input[type="text"][disabled="disabled"] { background: #f1f1f1; padding-right: 35px; } .TL-contentInputs input[type=checkbox] { position: absolute; left: -999999999px; } .TL-contentInputs input[type=checkbox] + label:before { font-family: FontAwesome; display: inline-block; margin-right: 15px; position: relative; top: 3px; line-height: 25px; font-size: 20px; text-indent: 3px; } .TL-contentInputs input[type=checkbox] + label:before { content: "\f00c"; color: transparent; width: 25px; height: 25px; border: 1px solid #b9b9b9; border-radius: 3px; } .TL-contentInputs input[type=checkbox]:focus + label:before { border: 1px solid #b9b9b9; } .TL-contentInputs input[type=checkbox] + label:before { letter-spacing: 10px; } .TL-contentInputs input[type=checkbox]:checked + label:before { content: "\f00c"; color: #000000; } .TL-contentInputs input[type=checkbox]:checked + label:before { letter-spacing: 5px; } .TL-contentInputs .TL-fileSelect { position: relative; } .TL-contentInputs .TL-fileSelect input { width: calc(100% - 42px); } .TL-contentInputs .TL-fileSelect .TL-btn { position: absolute; } .TL-contentInputs .TL-fileSelect .TL-btn.TL-fileRemove { top: 1px; right: 44px; background: transparent; color: #e74c3c; } .TL-contentInputs .TL-fileSelect .TL-btn.TL-fileBrowse { top: 1px; right: 0; margin: 0; background: #eeeeee; color: #333333; } .TL-contentInputs .TL-richText { padding: 20px 2% 0px 2%; } .TL-listItem { border-bottom: none; padding-bottom: 0; margin-bottom: 10px; } .TL-listItem.active { border-bottom: 1px solid #eeeeee; padding-bottom: 10px; } .TL-listItem:last-child { margin-bottom: 0; } .TL-listItem .TL-contentInputs { display: none; } .TL-listItem.active .TL-contentInputs { display: block; } .TL-listItem.active .TL-toggleButton em:before { content: "\f068"; } .TL-listItem.hide { display:none; } span.TL-required { font-size: 0.6em; color: #e74c3c; margin-left: 5px; } .TL-renderTemplate select { display: block; width: 100%; height: 35px; padding: 6px 12px; font-size: 14px; line-height: 35px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .TL-renderTemplate select.TL-templateList { margin-top: 5px; } .PO-televoxList.PO-mobileView .PO-contentArea ul .TL-contentInputs ul { width: 96%; padding: 0px 2% 0px 2%; float: left; } .PO-title input { width: calc(100% - 2px); padding: 0 10px 0 10px; line-height: 35px; font-size: 16px; border: 1px solid #b9b9b9; box-sizing: border-box; border-radius: 3px; } .PO-title .TL-label { font-size: 16px; } .TL-connectedSortable { border: 2px dashed transparent; } .TL-topErrors { margin-bottom: 20px; } .TL-topErrors span.TL-errorTitle { font-size: 18px; text-align: center; display: block; background: #e74c3c; padding: 12px; color: #ffffff; border-radius: 3px; } .TL-Hidden { display:none; } .TL-contentInputs .TL-inputError .TL-label { color: #e74c3c; } .TL-contentInputs .TL-inputError input, .TL-contentInputs .TL-inputError select { border-color: #e74c3c; } .PO-controlsTop .TL-inputError .TL-label { color: #e74c3c; } .PO-controlsTop .TL-label { font-weight: bold; } .TL-titleAC span.TL-titleText input.TL-hasErrors::-webkit-input-placeholder { /* Chrome */ color: #e74c3c; } .TL-titleAC span.TL-titleText input.TL-hasErrors:-ms-input-placeholder { /* IE 10+ */ color: #e74c3c; } .TL-titleAC span.TL-titleText input.TL-hasErrors::-moz-placeholder { /* Firefox 19+ */ color: #e74c3c; opacity: 1; } .TL-titleAC span.TL-titleText input.TL-hasErrors:-moz-placeholder { /* Firefox 4 - 18 */ color: #e74c3c; opacity: 1; } .PO-controlsTop .TL-inputError input, .PO-controlsTop .TL-inputError select { border-color: #e74c3c; } /* feature portlet */ .TL-richEditor ul:after { content:normal; display:inline !important; float:left; } .TL-richEditor .reEditorModes { width:100%; } .reContentCell iframe { height:100%; } .PO-wrapper.PO-televoxList { background-color: white; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slider.controls .cycle-slideshow { margin: 0 auto; z-index: 5; } .slider.controls figure { width: 100%; margin: 0; padding: 0; overflow: hidden; } .slider.controls figure > img { display: block; position: relative; width: 100%; margin: 0; } .slider.controls figcaption { padding: 20px; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1001; background: rgba(255,255,255,.40); } .slider.controls figcaption p { margin: 0; } .slider.controls figcaption a { display: block; font-weight: 700; } .slider.controls figcaption a:after { display: inline-block; margin-left: 5px; content: " \00bb"; } /* Pause-Play */ .slider.controls div#pause-play { display: block; position: absolute; top: 5px; left: 5px; width: 30px; height: 30px; z-index: 1001; } .slider.controls #pause-play a { position: absolute; top: 0; left: 0; font-size: 0; width: 30px; height: 30px; z-index: 5; background: rgba(255,255,255,.75); text-align: center; color: rgba(0,0,0,.85); text-decoration: none; transition: all 200ms ease-in; } .slider.controls #pause-play a:before { font-size: .85rem; line-height: 3rem; } .slider.controls #pause-play.play a.fa-pause { opacity: 0; z-index: 0; } .slider.controls #pause-play.pause a.fa-play { opacity: 0; font-size: 0; z-index: 0; } /* Pagers */ .slider.controls ol.selector { display: none; } /* Arrow Controls */ .slider.controls .cycle-prev, .slider.controls .cycle-next { display: block !important; position: absolute; right: 0; width: 2.25em; padding: .5em 0 0; background: rgba(255,255,255,.75); font-size: 16px !important; line-height: 1.5em !important; text-align: center; vertical-align: middle; z-index: 1001; } .slider.controls .cycle-next { top: 2.5em; } .slider.controls .cycle-prev { top: 0; } .slider.controls .cycle-prev:hover, .slider.controls .cycle-prev:focus, .slider.controls .cycle-next:hover, .slider.controls .cycle-next:focus { background: rgba(255,255,255,1); } .slider.controls .cycle-prev span, .slider.controls .cycle-next span { font-size: 0; } @media screen and (min-width: 768px) { .slider.controls figcaption { position: absolute; bottom: 20px; left: 20px; width: 65%; max-width: 600px; padding: 20px 20px 30px; background: rgba(255,255,255,.40); font-size: 1.6rem; } div.slider.controls div.cycle-slideshow ol.selector { display: block; bottom: 30px !important; left: 40px; width: 40%; position: absolute; margin: 0; padding: 0; box-sizing: border-box; z-index: 1001; } .slider.controls ol.selector li { display: inline-block; } .slider.controls ol.selector li span { display: block; width: 6px; height: 6px; margin: 0 4px 0 0; padding: 0; background: rgba(13,40,74,.25); border-radius: 50%; font-size: 0; } .slider.controls ol.selector li:last-child span { margin: 0; } .slider.controls ol.selector li.cycle-pager-active span { background: rgba(13,40,74,1);} .slider.controls .cycle-prev, .slider.controls .cycle-next { font-size: 22px !important; } } @media screen and (min-width: 1024px) { /* Pause-Play */ .slider.controls div#pause-play { top: 50%; left: 50%; width: 80px; height: 80px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1001; } .slider.controls #pause-play a { width: 80px; height: 80px; border-radius: 50%; opacity: 0; } .slider.controls #pause-play a:before { font-size: 25px; line-height: 3.35em; } .slider.controls:hover #pause-play a { opacity: .5; } .slider.controls #pause-play a:hover, .slider.controls #pause-play a:focus { opacity: 1; box-shadow: 2px 3px 200px rgba(0,0,0,.45); } } .featureWrapper.testimonialsSingle { margin: 0 auto 20px; } .featureWrapper.testimonialsSingle .wrapper { margin: 0 15px; } .featureWrapper.testimonialsSingle .wrapper img{ text-align:center; } .featureWrapper.testimonialsSingle ul.slick-dots { padding: 0; font-size: 0; text-align: center; } .featureWrapper.testimonialsSingle ul.slick-dots li { display: inline-block; margin: 0 10px 0 0; } .featureWrapper.testimonialsSingle ul.slick-dots li button { border: none; padding: 0; width: 2em; line-height: 2em; cursor: pointer; } .featureWrapper.testimonialsSingle ul.slick-dots li button:hover, ul.slick-dots li button:focus { -webkit-box-shadow: inset 0 0 0 300px rgba(0,0,0,.2); box-shadow: inset 0 0 0 300px rgba(0,0,0,.2); } .featureWrapper.testimonialsSingle .controls { margin: 15px auto 0; text-align: center; } .featureWrapper.testimonialsSingle .controls button { border: none; margin: 0 10px 0 0; padding: 0; font-size: 0; cursor: pointer; } .featureWrapper.testimonialsSingle .controls button:hover, .featureWrapper.testimonialsSingle .controls button:focus { -webkit-box-shadow: inset 0 0 0 300px rgba(0,0,0,.2); box-shadow: inset 0 0 0 300px rgba(0,0,0,.2); } .featureWrapper.testimonialsSingle .controls button::before { width: 2em; font-size: 2rem; line-height: 2em; cursor: pointer; display: block; } .featureWrapper.testimonialsSingle .controls .slick-prev::before { content: '<'; } .featureWrapper.testimonialsSingle .controls .slick-next::before { content: '>'; } .slick-slide img { display: inline-block !important; } @font-face { font-family: 'fontello'; src: url('https://www.rstevensdentistry.com/fonts/fontello.eot?87285099'); src: url('https://www.rstevensdentistry.com/fonts/fontello.eot?87285099#iefix') format('embedded-opentype'), url('https://www.rstevensdentistry.com/fonts/fontello.woff?87285099') format('woff'), url('https://www.rstevensdentistry.com/fonts/fontello.ttf?87285099') format('truetype'), url('https://www.rstevensdentistry.com/fonts/fontello.svg?87285099#fontello') format('svg'); font-weight: normal; font-style: normal; } .fontelloIcon:before { font-family: "fontello"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 0.8em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bloggerIcon:before { content: '\e801'; } .angiesListIcon:before { content: '\e802' } .secureform .error-message { color: transparent !important; text-shadow: 0 0 0 rgb(231, 76, 60) !important; } .promo { padding: 0; } /* === Typography === */ body, #template { font-family: "Muli", sans-serif; color: #727272; font-weight: 400; } h4, h5, h6, p, li, a, span { font-weight: 400; } h1, h2, h3, div#news-summary .content a.title, #news_content_title, span.datagrid_header_table_text { font-family: "Merriweather", serif; color: #597286; font-weight: 400; text-transform: none; } h4 { color: #6b7e8b; font-weight: 800; } p, #theme p { color: #727272; } p a, #theme p a { -webkit-box-shadow: inset 0 -2px 0 0 #233544; box-shadow: inset 0 -2px 0 0 #233544; } p a:hover, p a:focus, #theme p a:hover, #theme p a:focus { -webkit-box-shadow: inset 0 -100px 0 0 #233544; box-shadow: inset 0 -100px 0 0 #233544; color: #ffffff; } a, #theme a { color: #233544; font-weight: 800; } a:hover, a:focus, #theme a:hover, #theme a:focus, .container a:hover, .container a:focus { color: #5f707c; } #theme h2 a, #theme h3 a { -webkit-box-shadow: inset 0 -2px 0 0 #233544; box-shadow: inset 0 -2px 0 0 #233544; } #theme h2 a:hover, #theme h2 a:focus, #theme h3 a:hover, #theme h3 a:focus { -webkit-box-shadow: inset 0 -100px 0 0 #233544; box-shadow: inset 0 -100px 0 0 #233544; color: #f2f2f2; } #theme .site_render_table a { -webkit-box-shadow: inset 0 -2px 0 0 #233544; box-shadow: inset 0 -2px 0 0 #233544; } #theme .site_render_table a:hover, #theme .site_render_table a:focus { -webkit-box-shadow: inset 0 -100px 0 0 #233544; box-shadow: inset 0 -100px 0 0 #233544; color: #f2f2f2; } span.subHead { color: #6b7e8b; } li { color: #727272; } /* === Template === */ /*body, #template { background: #f2f2f2 !important; }*/ /* --- Header --- */ header { background-color: #d0e6f8; border-color: rgba(63, 74, 82, 0.25); } /* - Top Bar - */ #topBar .phone a { color: #3f4a52; } #topBar .phone a::after { background-color: #3f4a52; } #topBar.headerShow .phone { border-color: rgba(63, 74, 82, 0.25); } /* Mobile Menu Button */ a.mobileMenu, a.mobileMenu:hover, a.mobileMenu:focus { color: #3f4a52; } /* Published Links */ #links .PublishedLinkMenu a { font-family: "Muli", sans-serif; color: #3f4a52; } #links .PublishedLinkMenu a::after { background-color: #3f4a52; } /* Custom Search */ .searchBox { -webkit-box-shadow: 4px 10px 15px rgba(141, 195, 238, 0.15); box-shadow: 4px 10px 15px rgba(141, 195, 238, 0.15); background: rgba(63, 74, 82, 0.1); border-color: rgba(63, 74, 82, 0.25); } .searchBox input { font-family: "Muli", sans-serif; font-weight: 400; } .searchBox ::placeholder { color: #3f4a52; } .searchBox .gsc-search-box-tools.gsc-search-box table input { color: #3f4a52; } .searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button { background: transparent; /*border-color: rgba(63, 74, 82, 0.25);*/ } .searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button:hover, .searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button:focus { background: transparent; } .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a:hover span, .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a:focus span { background: #597286; color: #f2f4f5; } .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a span { border-color: #3f4a52; color: #3f4a52; } /* Show Links (toggles Published Links and Search on mobile) */ #showLinks { border-color: rgba(63, 74, 82, 0.25); } #showLinks a::before { color: #3f4a52; } /* --- Footer --- */ footer { background: #bfddf5; } footer#footer .admin_menu { font-family: "Muli", sans-serif; color: #49565f; font-weight: 800; } footer#footer .admin_menu:hover, footer#footer .admin_menu:focus { -webkit-box-shadow: inset 0 -200px 0 #07090a; box-shadow: inset 0 -200px 0 #07090a; color: #6b869b; } footer .container section#footerPractice, footer .container section#footerContact, footer .container section#hours { border-color: rgba(107, 134, 155, 0.35); } footer h2 { color: #4b6172 } footer p, footer .container p { color: #49565f; } footer p a, footer .container p a { -webkit-box-shadow: inset 0 -2px #49565f; box-shadow: inset 0 -2px #49565f; } footer p a:hover, footer p a:focus, footer .container p a:hover, footer .container p a:focus { -webkit-box-shadow: inset 0 -200px 0 #49565f; box-shadow: inset 0 -200px 0 #49565f; color: #bfddf5; } footer li { color: #49565f; } footer a { color: #49565f; } footer #footerContact ul#footerLocations a:hover, footer #footerContact ul#footerLocations a:focus { color: #49565f; } footer #footerContact ul#footerLocations a::before { color: #233544; } footer #hours ul#footerHours li { border-color: rgba(107, 134, 155, 0.65); } footer .socialNavigation a { border-color: #49565f; color: #49565f; } footer .socialNavigation a:hover, footer .socialNavigation a:focus { background: #49565f; border-color: #49565f; color: #bfddf5; } footer #footerAdmin { background-color: rgba(107, 134, 155, 0.15); } footer #footerAdmin p { color: #49565f; } footer #footerAdmin p a { -webkit-box-shadow: inset 0 -2px #49565f; box-shadow: inset 0 -2px #49565f; color: #49565f; } footer #footerAdmin p a:hover, footer #footerAdmin p a:focus { -webkit-box-shadow: inset 0 -200px 0 #49565f; box-shadow: inset 0 -200px 0 #49565f; color: #bfddf5; } /* --- Back to Top --- */ #back-to-top, #back-to-top:hover { background: #d4e0e8; border-color: #f2f2f2; } #back-to-top::after { border-bottom-color: #5e6367; } /* === Theme === */ #fakeHeader { -webkit-box-shadow: 5px 0 50px rgba(0, 0, 0, 0.1); box-shadow: 5px 0 50px rgba(0, 0, 0, 0.1); background-color: #ffffff; } #logo { border-color: rgba(90, 95, 98, 0.25); } /* --- Navigation --- */ #primaryNavigation div > ul.rmRootGroup > li > a { color: #5a5f62; font-weight: 800; } #primaryNavigation div > ul.rmRootGroup > li > a:hover, #primaryNavigation div > ul.rmRootGroup > li > a:focus { color: s-heading(#d4e0e8, #233544); } #primaryNavigation div > ul.rmRootGroup > li > a::after { background-color: #778793; } #primaryNavigation div > ul.rmRootGroup > li .rmSlide { background-color: #597286; } #primaryNavigation div > ul.rmRootGroup > li .rmSlide li a { color: white; font-weight: 400; border-color: rgba(46, 67, 87, 0.35); } #primaryNavigation div > ul.rmRootGroup > li .rmSlide li a:hover, #primaryNavigation div > ul.rmRootGroup > li .rmSlide li a:focus { -webkit-box-shadow: inset 5px 0 0 0 #303e49; box-shadow: inset 5px 0 0 0 #303e49; color: #fbfcfc; background: #465866; } #primaryNavigation div > ul.rmRootGroup > li .rmSlide .rmSlide { background: #465866; } #primaryNavigation div > ul.rmRootGroup > li .rmSlide .rmSlide li a { border-color: rgba(29, 41, 53, 0.35); color: #fbfcfc; } #primaryNavigation div > ul.rmRootGroup > li .rmSlide .rmSlide li a:hover, #primaryNavigation div > ul.rmRootGroup > li .rmSlide .rmSlide li a:focus { -webkit-box-shadow: inset 5px 0 0 0 #263139; box-shadow: inset 5px 0 0 0 #263139; color: #ececed; background: #3c4b57; } /* Mobile Menu */ nav#mMenuCMS { background: #597286; } nav#mMenuCMS a { font-family: "Muli", sans-serif; color: #f2f4f5; font-weight: 400; } nav.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, nav.mm-menu.mm-vertical .mm-list li.mm-opened ul { background: rgba(46, 67, 87, 0.18) none repeat scroll 0 0; } nav.mm-menu .mm-list > li::after { border-color: rgba(46, 67, 87, 0.5); } nav.mm-menu .mm-list > li > a.mm-subopen::after, nav.mm-menu .mm-list > li > a.mm-subclose::before { border-color: #f2f4f5; } #mMenu.mm-offcanvas.mm-theme-dark ul.mm-listview > li > a.mm-next::after { border-color: #f2f4f5; } /* --- Content --- */ #content { background: #f2f2f2; } /* Banner Stripes */ #banner #bannerBG::after, .interior #overview::after { background-image: url("https://www.rstevensdentistry.com/resourcefiles/other/bannerbg-stripes-white.png"); } /* === Home === */ /* --- Banner --- */ #banner { background: #d0e6f8; } #banner #bannerBG .bgLabel { background-color: rgba(117, 139, 157, 0.1); border-color: #3f4a52; } #banner #bannerBG .bgLabel .infoCircle::before { background-color: #597286; border-color: #f2f4f5; color: #f2f4f5; } #banner #bannerBG .bgLabel .infoHelp, #banner #bannerBG .bgLabel .infoHelp span { color: #3f4a52; } #banner #bannerBG .bgLabel .infoHelp b, #banner #bannerBG .bgLabel .infoHelp span b { color: #233544; font-weight: 800; } #banner #bannerBG .bgImage::after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(208, 230, 248, 0)), color-stop(rgba(208, 230, 248, 0)), color-stop(rgba(208, 230, 248, 0)), to(#d0e6f8)); background: linear-gradient(rgba(208, 230, 248, 0), rgba(208, 230, 248, 0), rgba(208, 230, 248, 0), #d0e6f8); } #banner #bannerTitle .subHead { color: #3f4a52; text-shadow: 0.25em 0.5em 1em rgba(141, 195, 238, 0.15); } #banner #bannerTitle .subHead::after { background-color: rgba(63, 74, 82, 0.25); } #banner #bannerTitle h2 { color: #3f4a52; text-shadow: 0.25em 0.5em 1em rgba(141, 195, 238, 0.15); } #banner #bannerAssist { background-color: rgba(63, 74, 82, 0.15); } #banner #bannerAssist #assistText h2 { color: #3f4a52; } #banner #bannerAssist #assistButtons .buttons .calloutItem a { background-color: #233544; } #banner #bannerAssist #assistButtons .buttons .calloutItem a::after { color: #ffffff; } #banner #bannerAssist #assistButtons .buttons .calloutItem a .text { color: #ffffff; font-weight: 800; } /* --- Home Text --- */ #homeText article { background-color: #ffffff; } /* --- Content Bar --- */ #contentBar { background-color: #597286; } #contentBar .upcomingEvents { color: #f2f4f5; } #contentBar .upcomingEvents.weekday .eventsList .event { border-color: rgba(242, 244, 245, 0.5); color: #f2f4f5; } #contentBar .upcomingEvents.weekday .eventsList .event::after { border-color: #f2f4f5; } #contentBar .ptl_upcomingevents, #contentBar .ptl_upcomingevents h2 { color: #d8dee2; } #contentBar .calloutContainer.standard .buttons .calloutItem a:hover .image img, #contentBar .calloutContainer.standard .buttons .calloutItem a:focus .image img { border-color: rgba(242, 244, 245, 0.35); } #contentBar .calloutContainer.standard .buttons .calloutItem a .image img { border-color: rgba(242, 244, 245, 0.25); } #contentBar .calloutContainer.standard .buttons .calloutItem a .text { color: #f2f4f5; } /* - Full Portlets - */ #features .featureWrapper.divided .feature .text h2 { font-family: "Muli", sans-serif; font-weight: 400; } #features #fullPortlets .featureWrapper.divided .feature { background-color: #ecf5fd; } #features #fullPortlets .featureWrapper.divided .feature .image a::after { background: -webkit-linear-gradient(rgba(236, 245, 253, 0), rgba(236, 245, 253, 0), rgba(236, 245, 253, 0), #ecf5fd); background: linear-gradient(rgba(236, 245, 253, 0), rgba(236, 245, 253, 0), rgba(236, 245, 253, 0), #ecf5fd); } #features #fullPortlets .featureWrapper.divided .feature .text h2 { color: #545454; } #features #fullPortlets .featureWrapper.divided .feature .text h3 { color: #49565f; } #features #fullPortlets .featureWrapper.divided .feature .text p { color: #545454; } #features #fullPortlets .featureWrapper.divided .feature .text a.more { border-color: #49565f; color: #49565f; } #features #fullPortlets .calloutContainer.standard { background-color: #233544; } #features #fullPortlets .calloutContainer.standard .calloutItem a .image { border-color: #9da6ad; } #features #fullPortlets .calloutContainer.standard .calloutItem a .image::after { background-color: #ffffff; color: #233544; } #features #fullPortlets .calloutContainer.standard .calloutItem a .text { color: #ffffff; } /* - Basic Portlets - */ #features #basicPortlets .feature .text { background-color: #ffffff; } #features #basicPortlets .feature .text h2 { color: #597286; } #features #basicPortlets .feature .text h3 { color: #597286; } /* - Feed - */ #feed, #theme .feed { background-color: #597286; } #feed h2, #theme .feed h2 { color: #f2f4f5; } #feed .col2 .featureWrapper.divided .feature, #theme .feed .col2 .featureWrapper.divided .feature { background-color: #6386a2; } #feed .col2 .featureWrapper.divided .feature .image a::after, #theme .feed .col2 .featureWrapper.divided .feature .image a::after { background-color: #08090b; color: #597286; } #feed .col2 .featureWrapper.divided .feature .text h2, #feed .col2 .featureWrapper.divided .feature .text a.more, #theme .feed .col2 .featureWrapper.divided .feature .text h2, #theme .feed .col2 .featureWrapper.divided .feature .text a.more { color: #08090b; } #feed .col2 .featureWrapper.divided .feature .text p, #theme .feed .col2 .featureWrapper.divided .feature .text p { color: #08090b; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem, #theme .feed .col2 #homeNewsWrapper.divided .newsList .newsItem { -webkit-box-shadow: inset 0 0 0 0 #08090b; box-shadow: inset 0 0 0 0 #08090b; background-color: #6386a2; color: #08090b; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem:hover, #feed .col2 #homeNewsWrapper.divided .newsList .newsItem:focus, #theme .feed .col2 #homeNewsWrapper.divided .newsList .newsItem:hover, #theme .feed .col2 #homeNewsWrapper.divided .newsList .newsItem:focus { -webkit-box-shadow: inset 0 0 0 2px #334f69; box-shadow: inset 0 0 0 2px #334f69; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem:hover .image::after, #feed .col2 #homeNewsWrapper.divided .newsList .newsItem:focus .image::after, #theme .feed .col2 #homeNewsWrapper.divided .newsList .newsItem:hover .image::after, #theme .feed .col2 #homeNewsWrapper.divided .newsList .newsItem:focus .image::after { background-color: #08090b; color: #597286; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem h3, #feed .col2 #homeNewsWrapper.divided .newsList .newsItem .readMore span, #theme .feed .col2 #homeNewsWrapper.divided .newsList .newsItem h3, #theme .feed .col2 #homeNewsWrapper.divided .newsList .newsItem .readMore span { color: #08090b; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem p, #feed .col2 #homeNewsWrapper.divided .newsList .newsItem span, #theme .feed .col2 #homeNewsWrapper.divided .newsList .newsItem p, #theme .feed .col2 #homeNewsWrapper.divided .newsList .newsItem span { color: #08090b; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem .readMore span, #theme .feed .col2 #homeNewsWrapper.divided .newsList .newsItem .readMore span { font-weight: 800; } /* - Promo - */ #promo, #theme .promo { background-color: #f2f6f8; } #promo .featureWrapper.testimonialsSingle .feature::after, #theme .promo .featureWrapper.testimonialsSingle .feature::after { background-color: rgba(82, 86, 90, 0.5); } #promo .featureWrapper.testimonialsSingle .feature .text h2, #theme .promo .featureWrapper.testimonialsSingle .feature .text h2 { font-family: "Muli", sans-serif; color: #52565a; font-weight: 800; } #promo .featureWrapper.testimonialsSingle .feature .text p, #theme .promo .featureWrapper.testimonialsSingle .feature .text p { color: #565656; } #promo .featureWrapper.testimonialsSingle ul.slick-dots li.slick-active button, #theme .promo .featureWrapper.testimonialsSingle ul.slick-dots li.slick-active button { background-color: #52565a; } #promo .featureWrapper.testimonialsSingle ul.slick-dots li button, #theme .promo .featureWrapper.testimonialsSingle ul.slick-dots li button { border-color: #52565a; } #promo .featureWrapper.testimonialsSingle ul.slick-dots li button:hover, #promo .featureWrapper.testimonialsSingle ul.slick-dots li button:focus, #theme .promo .featureWrapper.testimonialsSingle ul.slick-dots li button:hover, #theme .promo .featureWrapper.testimonialsSingle ul.slick-dots li button:focus { background-color: #565656; border-color: #565656; } #promo #promoBG .bgImage::after, .promo .promoBG .bgImage::after { background: -webkit-linear-gradient(rgba(242, 246, 248, 0), rgba(242, 246, 248, 0), rgba(242, 246, 248, 0), #f2f6f8); background: linear-gradient(rgba(242, 246, 248, 0), rgba(242, 246, 248, 0), rgba(242, 246, 248, 0), #f2f6f8); } #promo #promoBG .bgLabel, .promo .promoBG .bgLabel { background-color: rgba(180, 186, 188, 0.1); border-color: #565656; } #promo #promoBG .bgLabel .infoCircle::before, .promo .promoBG .bgLabel .infoCircle::before { background-color: #597286; border-color: #f2f4f5; color: #f2f4f5; } #promo #promoBG .bgLabel .infoHelp, #promo #promoBG .bgLabel .infoHelp span, .promo .promoBG .bgLabel .infoHelp, .promo .promoBG .bgLabel .infoHelp span { color: #565656; } #promo #promoBG .bgLabel .infoHelp b, #promo #promoBG .bgLabel .infoHelp span b, .promo .promoBG .bgLabel .infoHelp b, .promo .promoBG .bgLabel .infoHelp span b { color: #233544; font-weight: 800; } /* === Interior === */ .interior { background: #ffffff; } .interior #overview { background: #d0e6f8; } .interior #overview::after { background-color: rgba(117, 139, 157, 0.15); } .interior #overview h1.pageTitle { color: #3f4a52; text-shadow: 0.25em 0.5em 1em rgba(141, 195, 238, 0.15); } .interior #breadCrumbs { color: #727272; font-weight: 800; background: rgba(185, 179, 179, 0.1); border-color: rgba(114, 114, 114, 0.35); } .interior #breadCrumbs a { -webkit-box-shadow: 0 1px 0 0 #233544; box-shadow: 0 1px 0 0 #233544; font-weight: 800; } .interior #breadCrumbs a:hover, .interior #breadCrumbs a:focus { -webkit-box-shadow: 0 3px 0 0 #233544; box-shadow: 0 3px 0 0 #233544; } .interior #content { background: #ffffff; } /* - Interior Side Panel - */ #content #sidePanel #inside-nav { background-color: #597286; } #content #sidePanel #inside-nav .currentparent > a { font-family: "Merriweather", serif; color: #f2f4f5; font-weight: 400; background-color: rgba(46, 67, 87, 0.25); } #content #sidePanel #inside-nav .currentparent > a:hover, #content #sidePanel #inside-nav .currentparent > a:focus { background: #2e4357; color: #ffffff; } #content #sidePanel #inside-nav .sitenavl0:not(.currentparent) a, #content #sidePanel #inside-nav .sitenavl1 a, #content #sidePanel #inside-nav .sitenavl2 a { -webkit-box-shadow: inset 0 0 0 0 rgba(46, 67, 87, 0.5); box-shadow: inset 0 0 0 0 rgba(46, 67, 87, 0.5); color: #f2f4f5; font-weight: 800; border-color: rgba(46, 67, 87, 0.35); } #content #sidePanel #inside-nav .sitenavl0:not(.currentparent) a:hover, #content #sidePanel #inside-nav .sitenavl0:not(.currentparent) a:focus, #content #sidePanel #inside-nav .sitenavl1 a:hover, #content #sidePanel #inside-nav .sitenavl1 a:focus, #content #sidePanel #inside-nav .sitenavl2 a:hover, #content #sidePanel #inside-nav .sitenavl2 a:focus { -webkit-box-shadow: inset 6px 0 0 0 rgba(46, 67, 87, 0.5); box-shadow: inset 6px 0 0 0 rgba(46, 67, 87, 0.5); } #content #sidePanel #inside-nav .sitenavl0:not(.currentparent).currentpage a, #content #sidePanel #inside-nav .sitenavl1.currentpage a, #content #sidePanel #inside-nav .sitenavl2.currentpage a { -webkit-box-shadow: inset 6px 0 0 0 rgba(46, 67, 87, 0.5); box-shadow: inset 6px 0 0 0 rgba(46, 67, 87, 0.5); } #content #sidePanel .contentPortlet { border-color: rgba(185, 179, 179, 0.35); } #content #sidePanel .contentPortlet h2 { background-color: #597286; color: #f2f4f5; } #content #sidePanel .contentPortlet ul.sidePanelList li { border-color: rgba(89, 114, 134, 0.25); color: #727272; } /* - Dear Doctor - */ #template .dd-articles { background-color: rgba(217, 217, 217, 0.15); border-color: #d9d9d9; } #template .dd-articles .dd-article { border-color: rgba(61, 59, 59, 0.15); } #template .dd-articles p a.dd-title, #template .dd-articles p a.dd-title:hover, #template .dd-articles p a.dd-title:focus { color: c-accent-heading(#ffffff, #bfddf5); } /* - Blog Styles - */ #template div#news-summary div.summary { color: #727272; } div#news-summary .row { border-color: c-accent(#ffffff, 0.35); } div#news-summary .content a.title { color: #597286; } div#news-summary .content a.title:hover, div#news-summary .content a.title:focus { color: #6b7e8b; } div#news-summary .content a.read-more { background-color: #597286; color: #f2f4f5; } div#news-summary .content a.read-more:hover, div#news-summary .content a.read-more:focus { background-color: #233544; color: #ffffff; } div#news-summary .content .date, div#news_content_date, div#news_content_body { font-family: "Muli", sans-serif; color: #727272; } /* - Color Palette Callouts - */ .interior #colorSamples .calloutContainer.standard .calloutItem a:hover span.image::before, .interior #colorSamples .calloutContainer.standard .calloutItem a:focus span.image::before { color: #49565f; } .interior #colorSamples .calloutContainer.standard .calloutItem a span.image { background-color: #bfddf5; } .interior #colorSamples .calloutContainer.standard .calloutItem a span.image img { border: #b9b3b3 1px solid; } .interior #colorSamples .calloutContainer.standard .calloutItem a span.text { color: #3d3b3b; } /* === Portlets === */ /* - Map - */ #template .mapMarkClass h1 { color: #597286; } #template .mapMarkClass div { color: #727272; } #template .mapMarkClass a { background-color: #597286; color: #f2f4f5; } #template .mapMarkClass a:hover, #template .mapMarkClass a:focus { border-color: #597286; color: #597286; } /* - Photo Gallery - */ #template .photoGallery .galleryContainer { font-family: "Muli", sans-serif; } #template .photoGallery .galleryContainer .galleryBreadcrumb, #template .photoGallery .galleryContainer .sliderWrapper .topSliderWrapper, #template .photoGallery .galleryContainer .albumsGridSection { background: rgba(217, 217, 217, 0.15); } #template .photoGallery .galleryContainer .galleryBreadcrumb, #template .photoGallery .galleryContainer .galleryBreadcrumb .galleryCrumb, #template .photoGallery .galleryContainer .galleryBreadcrumb .galleryAlbumNavLink { color: #3d3b3b; } #template .photoGallery .galleryContainer .galleryTop.galleryBorderBottom { background: #597286; border-color: #2e4357; } #template .photoGallery .galleryContainer .galleryTop.galleryBorderBottom .galleryTitle { font-family: "Merriweather", serif; font-weight: 400; } #template .photoGallery .galleryContainer .galleryTop.galleryBorderBottom .galleryTitle, #template .photoGallery .galleryContainer .galleryTop.galleryBorderBottom .galleryDesc { color: #f2f4f5; } #template .photoGallery .galleryContainer .slideShowButton.viewLightboxIcon em { background: #233544; color: #ffffff; } #template .photoGallery .galleryContainer .albumTitle { background-color: rgba(191, 221, 245, 0.85); } #template .photoGallery .galleryContainer .albumTitle > span, #template .photoGallery .galleryContainer .albumTitle > span em { color: #49565f; } /* - Informative Animations - */ #theme .featureTitle, #theme div[id*="Wrapper"] .featureTitle { background-color: #ffffff; } #theme .featureTitle h2, #theme div[id*="Wrapper"] .featureTitle h2 { font-family: "Merriweather", serif; color: #597286 !important; font-weight: 400; } #theme .titleRow { background: rgba(185, 179, 179, 0.15); } #theme .titleRow h3 { font-family: "Merriweather", serif; color: #818181 !important; font-weight: 400; } #theme .titleRow a[class*="MobileMenu"] { border-color: #233544; font-family: "Muli", sans-serif; color: #233544; font-weight: 800; } #theme .titleRow a[class*="MobileMenu"]:hover, #theme .titleRow a[class*="MobileMenu"]:focus { background-color: #233544; border-color: #233544; color: #ffffff; } #theme .body > ul.buttonCol, #theme .body > ul[class*="ButtonCol"] { background-color: #233544; } #theme .body > ul.buttonCol li[class*="Button"], #theme .body > ul[class*="ButtonCol"] li[class*="Button"] { border-color: #ffffff; } #theme .body > ul.buttonCol li[class*="Button"]:hover, #theme .body > ul.buttonCol li[class*="Button"]:focus, #theme .body > ul[class*="ButtonCol"] li[class*="Button"]:hover, #theme .body > ul[class*="ButtonCol"] li[class*="Button"]:focus { background-color: #597286; } #theme .body > ul.buttonCol li[class*="Button"]:hover span, #theme .body > ul.buttonCol li[class*="Button"]:focus span, #theme .body > ul[class*="ButtonCol"] li[class*="Button"]:hover span, #theme .body > ul[class*="ButtonCol"] li[class*="Button"]:focus span { color: #f2f4f5; } #theme .body > ul.buttonCol li[class*="Button"] span, #theme .body > ul[class*="ButtonCol"] li[class*="Button"] span { font-family: "Muli", sans-serif; color: #ffffff; font-weight: 800; } #theme .body .rightCol .contentWrapper p { font-family: "Muli", sans-serif; color: dimgray; font-weight: 400; } #theme #footer, #theme .footer { background: rgba(185, 179, 179, 0.15); border-color: rgba(185, 179, 179, 0.5); } #theme #footer a, #theme .footer a { font-family: "Muli", sans-serif; color: #233544 !important; font-weight: 800; } #theme div[id*="Wrapper"].border { border-color: rgba(114, 114, 114, 0.35); } #theme div[class*="modal-content"] .close { font-family: "Muli", sans-serif; color: #233544; font-weight: 800; } #theme div[class*="modal-content"] .close:hover, #theme div[class*="modal-content"] .close:focus { color: #597286; } #theme div[class*="modal-content"] p { font-family: "Muli", sans-serif; color: dimgray; font-weight: 400; } #theme .contentText { background: rgba(185, 179, 179, 0.1); } #theme .contentText .featureFooter a { font-family: "Muli", sans-serif; color: #233544 !important; font-weight: 800; } #theme #cycleButtons { border-top: #ffffff 1px solid; } #theme #cycleButtons li { background-color: #233544; border-color: #ffffff; font-family: "Muli", sans-serif; color: #ffffff; font-weight: 800; } #theme #cycleButtons li:hover, #theme #cycleButtons li:focus { background-color: #597286; color: #f2f4f5; } #theme #cycleButtons li.activeTab { background-color: #4f5d69 !important; color: #ffffff; } #theme .wisdomTeethAudio { border-top-color: #ffffff; } /* === Responsive === */ /* Mobile Menu Button */ @media screen and (min-width: 990px) and (max-width: 1100px) { a.mobileMenu, a.mobileMenu:hover, a.mobileMenu:focus { color: #5a5f62; } } @media screen and (min-width: 1100px) { header { background-color: rgba(208, 230, 248, 0.65); } } .RadMenu { text-align: center !important; } div#swal2-content p, div#swal2-content li, .error_message p, .error_message li { color: #000; } .here_marker.here_marker-1 { font-size: 0 !important; } .here_marker.home > div, .ms-map .here_marker.here_marker-1 > div { background-image: url(https://www.rstevensdentistry.com/resourcefiles/other/map-pin.svg); background-size: contain; width: 37px; height: 64px; top: 0; left: 0; } .H_ib_body { min-width: 280px; right: -110px !important; padding: 0 0 10px; bottom: 5.5em !important; } .H_ib_content { min-width: 6em; line-height: 24px; margin: 16px 28px 20px 16px; user-select: text; -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -o-user-select: text; -ms-user-select: text; } .map-boottom-address { margin-top: 15px; line-height: 1.25; } .get-dir-link a { color: #000 !important; } .get-dir-link a:hover, .get-dir-link a:focus { color: #999 !important; } #theme .body .rightCol .contentWrapper { padding: 0 10px; } .commonProblemsAudio { margin-bottom: 10px; } .sub-footer-sec { overflow: hidden; } .H_ib_tail { right: -1px; top: -51px; } svg.H_icon_ex { display: inline-block; margin: auto; width: 24px; height: 24px; padding-top: 10px; fill: #597286; } /*image floats*/ #content img.right { float: right; margin: 5px 0 5px 10px; } #content img.left { float: left; margin: 5px 10px 5px 0; } /*misc styles*/ .left { float: left; } .right { float: right; } .gsc-adBlock { position: fixed !important; left: -10000px; top: -10000px; } #template .container { position: relative; } .socialNav ul li a { display: block; } /* Fix for draggable icon in design mode */ .portlet_instance.portlet_icon.ui-draggable-dragging { position: fixed !important; z-index: 13000 !important } /*border box*/ #template * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*Google Map box sizing*/ div[id*="map"] .gm-style * { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } .CMS_adminBar *, .CMS_DragDropWrapper *, div.contentDiv *, table, table *, tr, tr *, td, td * { -moz-box-sizing: initial !important; -webkit-box-sizing: initial !important; box-sizing: initial !important; } /* Fix banner images all displaying at once */ .slider figure:not(:first-of-type):not([style*="visibility"]) { display: none !important; overflow: hidden !important; } /* Keeps the file upload window in the middle of the screen when open */ div[id*="ImageManager"].RadWindow, div[id*="dialogOpener"].RadWindow, div[id*="RadWindow"].RadWindow { position: fixed !important; left: 50% !important; top: 50% !important; right: 0; bottom: 0; transform: translate(-50%, -50%) !important; } /*hiding google ads*/ .gsc-adBlock { position: fixed !important; left: -10000px; top: -10000px; } /*image floats*/ #content img.right { float: right; margin: 5px 0 5px 10px; } #content img.left { float: left; margin: 5px 10px 5px 0; } /*misc styles*/ .left { float: left; } .right { float: right; } /*this pushes the ADA logo server metadata*/ .offScreen { position: fixed; top: -10000px; left: -10000px; } /*typical global clearfix*/ .clearfix::after { content: ""; clear: both; display: table; } /*footer styles*/ .footerAddresses li { list-style-type: none; } /*map text*/ #content .mapMarkClass, #content .mapMarkClass h1 { color: #000; } /*doctor reviews*/ iframe#myIframe { width: 100%; min-height: 500px; border: 5px solid rgba(255, 255, 255, 0.6); border-radius: 10px } /*hiding empty LI's in social nav*/ .socialNav li:empty { display: none; } /*responsive styles*/ @media screen and (min-width: 200px) { /*mobile menu*/ .mobileMenu { position: absolute; top: 95px; right: 10px; display: block; } /*primary navigation*/ #primaryNav { display: none; } } @media screen and (min-width: 768px) { /*mobile menu*/ .mobileMenu { display: none; } /*primary navigation*/ #primaryNav { display: block; } } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; color: #000; background: #fff; } /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default !important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup>.ui-controlgroup-item:focus,.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical>.ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc(100% - 2.4em)}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px .4em;margin:.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{}.ui-widget-header .ui-icon{}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{}.ui-state-active .ui-icon,.ui-button:active .ui-icon{}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{}.ui-button .ui-icon{}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} @media screen and (max-width: 900px) { #menubar { margin-bottom: 33px; position: relative; height: 40px; background: #1f1f1f } } #menubar .inner-bar, #menubar .inside-padding { height: 100%; box-sizing: border-box } #menubar #mobile-bar { display: none !important } #menubar #mobileNav { display: none; justify-content: center; align-items: center; display: none; color: #fff; width: 120px; height: 100%; float: right; background: #1f1f1f; width: 100%; padding: 5px; box-sizing: border-box } @media screen and (max-width: 900px) { #menubar #mobileNav { display: flex } } #menubar #mobileNav span { display: block; padding-left: 10px } @media screen and (max-width: 600px) { #menubar #mobileNav span { display: none } } #menubar #mobileNav:focus { box-shadow: none; outline: none; background: #060606; box-shadow: inset 0 0 0 2px #fff; } #menubar #mobileNav:hover span, #menubar #mobileNav:focus span { background: transparent !important; color: #fff !important } #menubar #mobileNav .hamburger { position: relative; width: 1.5rem; height: 1.5rem; cursor: pointer } #menubar #mobileNav .hamburger .bar, #menubar #mobileNav .hamburger .bar:before, #menubar #mobileNav .hamburger .bar:after { position: absolute; display: block; width: 100%; height: 2px; content: ""; -webkit-transform: rotate(0); transform: rotate(0); pointer-events: none; background-color: #fff } #menubar #mobileNav .hamburger .bar { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } #menubar #mobileNav .hamburger .bar, #menubar #mobileNav .hamburger .bar:before, #menubar #mobileNav .hamburger .bar:after { transition: top .2s .2s,left .1s,background-color .2s .1s,-webkit-transform .2s; transition: top .2s .2s,left .1s,transform .2s,background-color .2s .1s; transition: top .2s .2s,left .1s,transform .2s,background-color .2s .1s,-webkit-transform .2s } #menubar #mobileNav .hamburger .bar:before, #menubar #mobileNav .hamburger .bar:after { -webkit-transform: rotate(0); transform: rotate(0) } #menubar #mobileNav .hamburger .bar:before { top: .5rem } #menubar #mobileNav .hamburger .bar:after { top: -0.5rem } #menubar #mobileNav.expanded .hamburger .bar { background-color: transparent !important } #menubar #mobileNav.expanded .hamburger .bar:before, #menubar #mobileNav.expanded .hamburger .bar:after { top: 0; transition: background-color .2s,top .2s,left .2s,-webkit-transform .2s .15s; transition: background-color .2s,top .2s,left .2s,transform .2s .15s; transition: background-color .2s,top .2s,left .2s,transform .2s .15s,-webkit-transform .2s .15s; background-color: red !important } #menubar #mobileNav.expanded .hamburger .bar:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } #menubar #mobileNav.expanded .hamburger .bar:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } #menubar .mobile-nav-items { position: absolute; left: 0; top: 100%; width: 100%; background: #313131; display: none; border-top: 1px solid rgba(0,0,0,.3); padding: 10px 0; z-index: 999999 } @media screen and (min-width: 901px) { #menubar .mobile-nav-items { display: none !important } } #menubar .mobile-nav-items * { box-sizing: border-box } #menubar .mobile-nav-items ul { margin: 0; padding: 0 } #menubar .mobile-nav-items ul li { list-style: none; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative } #menubar .mobile-nav-items ul li a { display: block; padding: 10px 20px; background: #313131; font-weight: 600; font-size: 16px; color: #fff; width: 100% } #menubar .mobile-nav-items ul li a:hover, #menubar .mobile-nav-items ul li a:focus, #menubar .mobile-nav-items ul li a.expanded { text-decoration: none } #menubar .mobile-nav-items ul li .subnav-items { width: 100%; display: none } #menubar .mobile-nav-items ul li .subnav-items li { position: relative } #menubar .mobile-nav-items ul li .subnav-items li a { border-right: 1px solid rgba(255,255,255,.5); font-weight: 400 } #menubar .mobile-nav-items ul li .subnav-items li:after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255,255,255,.5) } #menubar .mobile-nav-items ul li .subnav-items.level1 { background: #242424 } #menubar .mobile-nav-items ul li .subnav-items.level1 > li > a { background: #242424 } #menubar .mobile-nav-items ul li .subnav-items.level1 > li > a:not(.subnav) { padding-left: 30px } #menubar .mobile-nav-items ul li .subnav-items.level2 { background: #181818 } #menubar .mobile-nav-items ul li .subnav-items.level2 li a { background: #181818 } #menubar .mobile-nav-items ul li .subnav-items.level2 li a:not(.subnav) { padding-left: 50px } #menubar .mobile-nav-items ul li.has-child a { width: calc(100% - 40px); border-right: 1px solid rgba(0,0,0,.3) } #menubar .mobile-nav-items ul li.has-child .subnav { width: 40px; height: 44px; display: flex; justify-content: center; align-items: center; padding: 0; border: none } #menubar .mobile-nav-items ul li.has-child .subnav:before { font-family: "Fontawesome" !important } #menubar .mobile-nav-items ul li:after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(0,0,0,.3) } .PO-wrapper.PO-tabAccordion { border: none; margin-bottom: 20px; } .PO-tabAccordion .scrtabs-tabs-fixed-container, .PO-tabAccordion .scrtabs-tab-container { height: auto; } .TA-tabs { margin: 1em 0 3em; } .PO-tabAccordion .scrtabs-tab-container { /* border-bottom: 2px solid #eeeeee; */ } .TA-nav { list-style: none; margin: 0; padding: 0 !important; } .TA-nav:after, .PO-tabAccordion .scrtabs-tab-container:after { content: ''; display: block; clear: both; } .TA-nav-tabs > li { position: relative; float: left; z-index: 1; } .TA-nav > li { position: relative; display: block; } .TA-nav-tabs > li > a { float: left; font-weight: normal; text-shadow: none; background: #fff; padding: 12px; cursor: pointer; font-family: inherit; position: relative; top: 2px; border: 2px solid transparent; font-weight: bold; transition: background-color 0.2s ease-in-out; margin: 0 5px 0 0; color: #333333 !important; white-space: nowrap !important; } .TA-nav-tabs > li.active > a { color: #333; border-color: #999; border: 2px solid #eeeeee; } .TA-nav-tabs > li > a:hover { background-color: #EAEFF0; /*default blue*/ color: #333333; text-decoration: none; } .TA-nav-tabs > li.active > a:after { content: ''; display: block; width: calc(100% + 4px); height: 3px; background: #1d2228; position: absolute; top: -3px; left: -2px; } .TA-nav-tabs > li > a:before { content: ''; display: block; width: calc(100% + 4px); height: 2px; background: #eeeeee; position: absolute; bottom: -2px; left: -2px; } .TA-nav-tabs > li.active > a:before { content: ''; display: block; width: 100%; height: 2px; background: #ffffff; position: absolute; bottom: -2px; left: 0px; } .TA-tab-content { position: relative; /*for z-index*/ display: block; visibility: visible; clear: left; z-index: 5; color: #333; border: 2px solid #eeeeee; border-top: 0; } .TA-tab-content > .active { display: block; } .TA-tab-content > .tab-pane { display: block; padding: 20px; } .TA-tab-content .accordionTabHead.active em:before { content: "\f068"; } .TA-tab-content .accordionTabHead { margin-top: 5px; position: relative; } .TA-tab-content .accordionTabHead > a { display: block; box-sizing: border-box; text-shadow: none; background: #fff; padding: 12px; cursor: pointer; font-family: inherit; position: relative; width: 100%; border: 2px solid #eeeeee; font-weight: bold; transition: background-color 0.2s ease-in-out; color: #333333 !important; font-size: 16px; } .TA-tab-content .accordionTabHead > a { text-decoration: none; } .TA-tab-content .accordionTabHead > a:hover { background-color: #EAEFF0; } .TA-tab-content .accordionTabHead.active a { border-bottom: 0; } .tab-pane { position: relative; } .TA-tab-content.TA-accordionMode { border: none; } .TA-tab-content.TA-accordionMode .tab-pane { border: 2px solid #EEEEEE; border-top: none; background: #ffffff; } .TA-tab-content > .tab-pane { background: #ffffff; } .TA-tab-content .active.accordionTabHead:after { content: ''; display: block; width: 3px; height: calc(100% + 2px); position: absolute; left: 0; top: 0; background: #1d2228; } .TA-tab-content.TA-accordionMode .accordionTabHead.active + .tab-pane:after { content: ''; display: block; width: 3px; height: calc(100% + 2px); position: absolute; left: -2px; top: 0; background: #1d2228; } .TA-accordionMode .TA-tab-content { border: none !important; } .TA-tab-content .accordionTabHead em { float: right; } .PO-wrapper.PO-tabAccordion { background: transparent; } /* jQuery.mmenu CSS */ html.mm-opened .mm-page, html.mm-opened #mm-blocker, html.mm-opened .mm-fixed-top, html.mm-opened .mm-fixed-bottom, html.mm-opened .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, border; -moz-transition-property: top, right, bottom, left, border; -ms-transition-property: top, right, bottom, left, border; -o-transition-property: top, right, bottom, left, border; transition-property: top, right, bottom, left, border; } html.mm-opened .mm-page, html.mm-opened #mm-blocker { left: 0%; top: 0; margin: 0; border: 0px solid rgba(0, 0, 0, 0); } html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker { border: 0px solid rgba(100, 100, 100, 0); } .mm-menu .mm-hidden { display: none; } .mm-fixed-top, .mm-fixed-bottom { position: fixed; left: 0; } .mm-fixed-top { top: 0; } .mm-fixed-bottom { bottom: 0; } html.mm-opened .mm-page, .mm-menu > .mm-panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } html.mm-opened, html.mm-opened body { width: 100%; height: 100%; overflow: hidden; position: relative; } html.mm-opened .mm-page { height: 100%; overflow: hidden; position: absolute; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: #fff; opacity: 0; display: none; width: 100%; height: 100%; position: absolute; z-index: 9999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-current { display: block; } .mm-menu { background: inherit; display: none; overflow: hidden; height: 100%; padding: 0; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; padding: 20px; position: absolute; top: 0; left: 100%; z-index: 0; } .mm-menu > .mm-panel.mm-opened { left: 0%; } .mm-menu > .mm-panel.mm-subopened { left: -40%; } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu > .mm-panel.mm-hidden { display: block; visibility: hidden; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding: 20px 0 40px 0; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen::before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: block; width: 7px; height: 7px; margin-bottom: -5px; position: absolute; bottom: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mobilePublishLink .mm-list.mm-panel { display: block; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after, .mm-menu.mm-vertical .mobilePublishLink .mm-list.mm-panel li:after, li.mobilePublishLink:after { border-color: transparent !important; } .mm-menu.mm-vertical .mobilePublishLink .mm-list.mm-panel li a { padding: 5px 20px; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 16px; right: 16px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-ismenu { background: #333333; } .mm-menu { color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom { left: 80%; } .mm-menu { width: 80%; } @media all and (max-width: 175px) { .mm-menu { width: 140px; } html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom { left: 140px; } } @media all and (min-width: 550px) { .mm-menu { width: 440px; } html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom { left: 440px; } } html.mm-nooverflowscrolling.mm-opened { height: auto; overflow: auto; overflow-x: hidden; overflow-y: scroll; } html.mm-nooverflowscrolling.mm-opened body { overflow: auto; } html.mm-nooverflowscrolling.mm-opened .mm-page { min-height: 1000px; position: fixed; } html.mm-nooverflowscrolling.mm-opened .mm-menu { height: auto; min-height: 1000px; overflow: auto; overflow-x: hidden; position: relative; left: auto; top: auto; } html.mm-nooverflowscrolling.mm-opened > .mm-panel { position: relative; height: auto; display: none; left: 0; } html.mm-nooverflowscrolling.mm-opened > .mm-panel.mm-current { display: block; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu header addon CSS */ .mm-header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; width: 100%; height: 60px; padding: 30px 40px 0 40px; position: absolute; z-index: 2; top: 0; left: 0; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; z-index: 1; } .mm-header .mm-prev, .mm-header .mm-next { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-decoration: none; display: block; width: 40px; height: 100%; position: absolute; bottom: 0; } .mm-header .mm-prev:before, .mm-header .mm-next:before { content: ''; border: 2px solid transparent; display: block; width: 7px; height: 7px; margin-bottom: -5px; position: absolute; bottom: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -15px; } .mm-header .mm-prev { left: 0; } .mm-header .mm-prev:before { border-right: none; border-bottom: none; left: 22px; } .mm-header .mm-next { right: 0; } .mm-header .mm-next:before { border-top: none; border-left: none; right: 18px; } .mm-menu.mm-hassearch .mm-header { height: 50px; padding-top: 20px; top: 50px; } .mm-menu.mm-hassearch .mm-header .mm-prev:before, .mm-menu.mm-hassearch .mm-header .mm-mext:before { margin-bottom: -10px; } .mm-menu.mm-hasheader li.mm-subtitle { display: none; } .mm-menu.mm-hasheader .mm-panel { padding-top: 80px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; } .mm-menu.mm-hasheader.mm-ismenu > .mm-panel { padding-top: 60px; } .mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .mm-panel { padding-top: 100px; } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-header a:before { border-color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu labels addon CSS */ .mm-menu.mm-fixedlabels .mm-list { background: inherit; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label { background: inherit !important; opacity: 0.97; height: 25px; overflow: visible; position: relative; z-index: 1; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div { background: inherit; width: 100%; position: absolute; left: 0; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div { padding-top: 25px; } .mm-list > li.mm-label > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; } .mm-list > li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); right: 17px; } .mm-list > li.mm-collapsed { display: none; } .mm-menu .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .mm-search { background: inherit; width: 100%; height: 50px; padding: 10px; position: relative; top: 0; z-index: 2; } .mm-search input { border: none; border-radius: 15px; font: inherit; font-size: 14px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; } .mm-menu li.mm-nosubresults > a.mm-subopen { display: none; } .mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span { padding-right: 10px; } .mm-menu li.mm-noresults { text-align: center; font-size: 21px; display: none; padding-top: 80px; } .mm-menu li.mm-noresults:after { border: none; } .mm-menu.mm-noresults li.mm-noresults { display: block; } .mm-menu.mm-hassearch > .mm-panel { padding-top: 60px; } .mm-menu .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu li.mm-noresults { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-40%); -moz-transform: translateX(-40%); -ms-transform: translateX(-40%); -o-transform: translateX(-40%); transform: translateX(-40%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(40%); -moz-transform: translateX(40%); -ms-transform: translateX(40%); -o-transform: translateX(40%); transform: translateX(40%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(40%); -moz-transform: translateY(40%); -ms-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-40%); -moz-transform: scale(0.7, 0.7) translateX(-40%); -ms-transform: scale(0.7, 0.7) translateX(-40%); -o-transform: scale(0.7, 0.7) translateX(-40%); transform: scale(0.7, 0.7) translateX(-40%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(40%); -moz-transform: scale(0.7, 0.7) translateX(40%); -ms-transform: scale(0.7, 0.7) translateX(40%); -o-transform: scale(0.7, 0.7) translateX(40%); transform: scale(0.7, 0.7) translateX(40%); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-40%); -moz-transform: scale(0.7, 0.7) translateY(-40%); -ms-transform: scale(0.7, 0.7) translateY(-40%); -o-transform: scale(0.7, 0.7) translateY(-40%); transform: scale(0.7, 0.7) translateY(-40%); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(40%); -moz-transform: scale(0.7, 0.7) translateY(40%); -ms-transform: scale(0.7, 0.7) translateY(40%); -o-transform: scale(0.7, 0.7) translateY(40%); transform: scale(0.7, 0.7) translateY(40%); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-page.mm-opened .mm-page { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-page.mm-opening .mm-page { -webkit-transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } html.mm-zoom-page.mm-right.mm-opened .mm-page { -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-page.mm-top.mm-opened .mm-page { -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-page.mm-bottom.mm-opened .mm-page { -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-panels .mm-panel { -webkit-transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-panels .mm-panel.mm-opened { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7); -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -o-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } /* jQuery.mmenu fullscreen extension CSS */ html.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 100%; } .mm-menu.mm-fullscreen { width: 100%; } @media all and (max-width: 140px) { .mm-menu.mm-fullscreen { width: 140px; } html.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-fullscreen { width: 10000px; } html.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 10000px; } } .mm-menu.mm-top.mm-fullscreen { height: 100%; } html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top { top: 100%; } html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-top.mm-fullscreen { height: 140px; } html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top { top: 140px; } html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-top.mm-fullscreen { height: 10000px; } html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top { top: 10000px; } html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -10000px; } } .mm-menu.mm-right.mm-fullscreen { width: 100%; } html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 100%; } @media all and (max-width: 140px) { .mm-menu.mm-right.mm-fullscreen { width: 140px; } html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-right.mm-fullscreen { width: 10000px; } html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 10000px; } } .mm-menu.mm-bottom.mm-fullscreen { height: 100%; } html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 100%; } html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top { top: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-bottom.mm-fullscreen { height: 140px; } html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 140px; } html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top { top: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-bottom.mm-fullscreen { height: 10000px; } html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 10000px; } html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top { top: -10000px; } } .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -100%; } @media all and (max-width: 140px) { .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -10000px; } } .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -10000px; } } .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -100%; } @media all and (max-width: 140px) { .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -10000px; } } .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -10000px; } } html.mm-opened.mm-front .mm-fixed-top, html.mm-opened.mm-front .mm-fixed-bottom, html.mm-opened.mm-opening.mm-front .mm-fixed-top, html.mm-opened.mm-opening.mm-front .mm-fixed-bottom { left: 0; right: auto; } html.mm-opened.mm-front .mm-fixed-top, html.mm-opened.mm-opening.mm-front .mm-fixed-top { top: 0; } html.mm-opened.mm-front .mm-fixed-bottom, html.mm-opened.mm-opening.mm-front .mm-fixed-bottom { bottom: 0; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top { width: 100%; } html.mm-top.mm-opened .mm-page, html.mm-top.mm-opened #mm-blocker { top: 0%; } html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top, html.mm-top.mm-opened.mm-opening .mm-fixed-bottom { left: 0; } .mm-menu.mm-right { left: auto; right: 0; } html.mm-right.mm-opened .mm-page, html.mm-right.mm-opened #mm-blocker, html.mm-right.mm-opened .mm-fixed-top, html.mm-right.mm-opened .mm-fixed-bottom { left: auto; right: 0%; } html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom { left: auto; } .mm-menu.mm-bottom { width: 100%; top: auto; bottom: 0; } html.mm-bottom.mm-opened .mm-page, html.mm-bottom.mm-opened #mm-blocker { bottom: 0%; top: auto; } html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-top, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom { top: auto; left: 0; } .mm-menu.mm-top { height: 80%; } html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top { top: 80%; } html.mm-top.mm-opened.mm-opening .mm-fixed-bottom { bottom: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-top { height: 140px; } html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top { top: 140px; } html.mm-top.mm-opened.mm-opening .mm-fixed-bottom { bottom: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-top { height: 880px; } html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top { top: 880px; } html.mm-top.mm-opened.mm-opening .mm-fixed-bottom { bottom: -880px; } } .mm-menu.mm-right { width: 80%; } html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom { right: 80%; } @media all and (max-width: 175px) { .mm-menu.mm-right { width: 140px; } html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom { right: 140px; } } @media all and (min-width: 550px) { .mm-menu.mm-right { width: 440px; } html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom { right: 440px; } } .mm-menu.mm-bottom { height: 80%; } html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom { bottom: 80%; } html.mm-bottom.mm-opened.mm-opening .mm-fixed-top { top: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-bottom { height: 140px; } html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom { bottom: 140px; } html.mm-bottom.mm-opened.mm-opening .mm-fixed-top { top: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-bottom { height: 880px; } html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom { bottom: 880px; } html.mm-bottom.mm-opened.mm-opening .mm-fixed-top { top: -880px; } } /* jQuery.mmenu z-position extension CSS */ html.mm-front.mm-opened .mm-page { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, -webkit-transform; -moz-transition-property: top, right, bottom, left, -moz-transform; -ms-transition-property: top, right, bottom, left, -o-transform; -o-transition-property: top, right, bottom, left, -o-transform; transition-property: top, right, bottom, left, transform; } html.mm-front .mm-page, html.mm-front #mm-blocker { z-index: 0; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { left: 0%; } .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { left: 0; } html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next { left: 0; top: 0%; } .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { left: auto; } html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next { left: auto; right: 0%; } .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { top: auto; left: 0; } html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next { left: 0; bottom: 0%; } .mm-menu.mm-front, .mm-menu.mm-next { left: -80%; } @media all and (max-width: 175px) { .mm-menu.mm-front, .mm-menu.mm-next { left: -140px; } } @media all and (min-width: 550px) { .mm-menu.mm-front, .mm-menu.mm-next { left: -440px; } } .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -880px; } } .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -80%; } @media all and (max-width: 175px) { .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -140px; } } @media all and (min-width: 550px) { .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -440px; } } .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -880px; } } html.mm-opened.mm-front .mm-fixed-top, html.mm-opened.mm-front .mm-fixed-bottom, html.mm-opened.mm-opening.mm-front .mm-fixed-top, html.mm-opened.mm-opening.mm-front .mm-fixed-bottom { left: 0; right: auto; } html.mm-opened.mm-front .mm-fixed-top, html.mm-opened.mm-opening.mm-front .mm-fixed-top { top: 0; } html.mm-opened.mm-front .mm-fixed-bottom, html.mm-opened.mm-opening.mm-front .mm-fixed-bottom { bottom: 0; } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-ismenu.mm-light { background: #f3f3f3; } .mm-menu.mm-light { color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light li.mm-noresults { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header a:before { border-color: rgba(0, 0, 0, 0.3); } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-ismenu.mm-white { background: white; } .mm-menu.mm-white { color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.08); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white li.mm-noresults { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header a:before { border-color: rgba(0, 0, 0, 0.3); } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-ismenu.mm-black { background: black; } .mm-menu.mm-black { color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black li.mm-noresults { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header a:before { border-color: rgba(255, 255, 255, 0.3); }