/* -------cacheFileName---------- keyCB9BB8EE068258DEF70365B94325A96ECA87F03F8FF15473FAAAFC657655A105#2025-08-25T18--30--37 */ /* ====== 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 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; } .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 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:8px 10px 5px 5px; background:none; border:none; cursor:pointer; min-height: 35px; box-sizing: border-box !important; } .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 0 0 10px !important; } .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a { padding-top:2.5px; display:block;} .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; } /* 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; } /* --- 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; } /* - 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; } .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); } /* - 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; } .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; } /* Feed */ #feed, .feed { padding:35px 20px; background:url(https://www.johnsonorthodontics.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 span { -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 a img, .promo .contentPortlet a img { 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 #breadCrumbs span { padding: .125em 0; } .interior #breadCrumbs span:last-child { padding-right: 0.25em; } .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; } /* - Secure Form Portlet - */ .secureform #dvViewMode { background:none; border-radius:unset; border:none; -webkit-box-shadow:none; box-shadow:none; } .secureform #dvViewBody h2 { text-align:left; } .secureform #dvViewBody input, .secureform #dvViewBody fieldset { border-radius:unset; } .secureform #dvViewBody fieldset { border:transparent 1px solid; } .secureform #dvViewBody fieldset span[style*="float"] { float:none !important; } .secureform #dvViewBody input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="reset"]) { -webkit-transition:all 0.35s ease; transition:all 0.35s ease; height:2em; border:none; outline-offset:unset; font-size:1rem; } .secureform #dvViewBody input[type="radio"], .secureform #dvViewBody input[type="checkbox"] { display:inline-block; position:relative; width:1.25rem; height:1.25rem; margin:0 5px; cursor:pointer; opacity:.65; vertical-align:middle; } .secureform #dvViewBody input[type="radio"]:hover, .secureform #dvViewBody input[type="radio"]:focus, .secureform #dvViewBody input[type="checkbox"]:hover, .secureform #dvViewBody input[type="checkbox"]:focus { outline:none; opacity:1; } .secureform #dvViewBody input[type="radio"]:checked, .secureform #dvViewBody input[type="checkbox"]:checked { opacity:1; } .secureform #dvViewBody input[type="radio"]:checked::after, .secureform #dvViewBody input[type="checkbox"]:checked::after { position:absolute; top:50%; left:50%; width:calc(65% - 4px); height:calc(65% - 4px); content:' '; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .secureform #dvViewBody input[type="radio"]::before, .secureform #dvViewBody input[type="checkbox"]::before { display:block; width:100%; height:100%; content:' '; border:transparent 2px solid; } .secureform #dvViewBody input[type="radio"]::before, .secureform #dvViewBody input[type="radio"]::after { border-radius:50%; } .secureform #dvViewBody input[type="submit"], .secureform #dvViewBody input[type="reset"] { margin:25px 5px 0; padding:.85em 1em; outline:none; cursor:pointer; border:none; -webkit-transition:all 0.35s ease; transition:all 0.35s ease; letter-spacing:0.025em; text-transform:uppercase; } /* 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; } } /* ------ 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%; } #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:45px; 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 26px .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 33px; } .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; } /*@font-face {font-family: 'fontello'; src: url('https://www.johnsonorthodontics.com/fonts/fontello.eot?87285099'); src: url('https://www.johnsonorthodontics.com/fonts/fontello.eot?87285099#iefix') format('embedded-opentype'), url('https://www.johnsonorthodontics.com/fonts/fontello.woff?87285099') format('woff'), url('https://www.johnsonorthodontics.com/fonts/fontello.ttf?87285099') format('truetype'), url('https://www.johnsonorthodontics.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' }*/ #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; } } /*clear fix */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* General Styles */ .secureform .tbl { max-width: 100%; padding:30px 10px; font-size:16px; background-color: rgba(255, 255, 255, 0.5); border-radius: 15px; border:rgba(0,0,0,.25) 1px solid;} .secureform div > h1, .secureform div > h2, .secureform div > h3, .secureform p, .secureform #dvViewBody span { color:#000; } .secureform h2 { width:100%; margin:0 0 1em; text-align:center; } .secureform #dvViewBody hr { width:100%; height:3px; margin:25px 0 35px; border:none; background:#eee; } .secureform label { padding:.5em; } .secureform label.label { margin:0; font-weight:inherit; } .secureform div > label, .secureform p > label { width:100%; } .secureform input { display:block; width:100%; margin:.25em 0 0; padding:0 .5em; border-radius: 3px; border:#ccc 1px solid; outline-offset:unset; font-size:.9em; } /* Hidden */ .secureform .tbl .tbl_header, .secureform fieldset label[for*="Phone"] + br, .secureform fieldset label[for*="Phone"] br, .secureform #dvViewBody > div div > br { display:none; } /* Flex */ /*.secureform #dvViewBody > div div, .secureform #dvViewBody > div p, */.secureform #secure-form section .form-group, .formgroup.secureform .form-element.checkboxGroup fieldset > span { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:100%; max-width:100%; } /* No flex */ .secureform #dvViewBody > div .control-row, .secureform #dvViewBody > div .row-label, .secureform #dvViewBody > div .row-value, .secureform #dvViewBody > div div[align="right"], .secureform #dvViewBody > div .column, .secureform #dvViewBody > div .form-element, .secureform #dvViewBody > div .legalese, .secureform #dvViewBody > div .legalese label { display:block; } /* Control row */ .secureform #dvViewBody > div .control-row { width:calc(100% - 1em); margin:1em .5em; } .secureform #dvViewBody > div .control-row label, .secureform #dvViewBody > div .control-row select { width:100%; padding:.5em 0; margin:.5em 0 1em; } .secureform #dvViewBody > div .control-row textarea { width:100% !important; margin:.5em 0 1em !important; } /* Columns */ .secureform #dvViewBody > div .column { width:100%; } .secureform #dvViewBody > div .column label { display:block; width:100%; padding:.25em .5em; } /* Legal */ .secureform #dvViewBody > div .legalese label + input { width:calc(50% - 1em); margin:0 .5em; } /* Radio/Checkboxes */ .secureform input[type="radio"], .secureform input[type="checkbox"] { display:inline-block; width:auto; margin:0 5px; outline:none; } /* Text and Textarea*/ .secureform input[type="text"], .secureform input[type="tel"], .secureform input[type="email"], .secureform input[type="date"] { height:2em; padding:.35em .5em; } .secureform textarea { display:block; width:calc(100% - 10px); min-height:80px; max-height:150px; margin:.5em 5px 1em !important; padding:.35em .5em; } /* Fieldsets */ .secureform fieldset { width:calc(100% - 1em); margin:1em .5em; padding:.5em; border:#ccc 1px solid; } .secureform fieldset > div { padding:1em 0; } .secureform fieldset legend { margin:0 0 .25em .5em; padding:0 .5em; color:rgba(0,0,0,.75); } .secureform fieldset legend + input { margin: .5em; } .secureform fieldset label { display:block; padding:1em .5em 0; } .secureform fieldset label[for] { display:inline-block; padding:1em .5em; } .secureform fieldset label + span { display:block; float:none !important; } /* Dropdowns */ .secureform select { display:block; width:calc(100% - 1em); margin:.5em .5em 1em; padding:.5em; font-size:.9em; } /* Submit/Reset Buttons */ .secureform div[id*="Submit"] { text-align:right; } .secureform input[type="submit"], .secureform input[type="reset"], .secureform input[type="button"] { display:inline-block; width:auto; margin-top: 15px; padding:1em; background: #eee; border-radius:5px; border-color: #6e6e6e; outline:none !important; } .secureform input[type="submit"]:hover,.secureform input[type="submit"]:focus, .secureform input[type="reset"]:hover, .secureform input[type="reset"]:focus, .secureform input[type="button"]:hover, .secureform input[type="button"]:focus { background: #6e6e6e; color:#fff; } /* teeth chart - doctor referral (dental) */ .secureform .teethchart { margin: 0 auto 20px; } .secureform .teethchart td { text-align: right; margin: 0; padding: .5em 0; } .secureform .teethchart td label { padding: 0 .75em; text-align:center; } .secureform .teethchart td input { margin: 0; display:block; } .secureform .teethchart td.divider { border-right: 2px solid #000; } .secureform .teethchart tr.divider td { border-bottom: 2px solid #000; } /* New Forms */ .secureform section { width:100%; max-width:100%; margin:0 0 35px; padding:0 0 20px; border-bottom: #eee 2px solid; } .secureform #dvViewBody section h2.heading { margin:50px 0 15px; } .secureform #dvViewBody .form-group .form-element { -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; width:auto; max-width:100%; margin:.5em 0; } .secureform .form-group { margin:0 0 .5em; } .secureform .form-element > label { display:block; width:100%; margin:0 0 .5em; padding:0; } .secureform .form-element select, .secureform .form-element textarea { width:100%; margin:.5em 0 1em; } .secureform .form-element fieldset { width:100%; margin:0; padding:.5em; } .secureform .form-element fieldset label[for] { display:block; } .secureform .form-element fieldset label[for*="Phone"], .secureform .form-element fieldset label[for*="Message"], .secureform .form-element fieldset label[for*="Gender"], .secureform .form-element fieldset label[for*="Yes"], .secureform .form-element fieldset label[for*="No"], .secureform .form-element fieldset label[for*="NA"] { display:inline-block; padding:.5em 1em .5em .5em; } .secureform .form-element input + fieldset { margin-top:1.5em; } .secureform .form-element.checkboxGroup fieldset label { -webkit-box-flex:0; -ms-flex:0 0 250px; flex:0 0 250px; } /* Tablet and Desktop */ @media screen and (min-width:768px) { .secureform .tbl { padding:30px; } .secureform #dvViewBody > div .column { width:50%; } .secureform div > label, .secureform p > label { width:50%; } .secureform #dvViewBody .form-group .form-element { max-width:calc(100% - 1em); margin:1em .5em; } .secureform .form-element input[type="text"] { min-width:250px; } .secureform .form-element input[id*="State"], .secureform .form-element input[id*="Age"] { /*min-width:50px; max-width:80px;*/ min-width:250px;} .secureform .form-element input[type="tel"], .secureform .form-element input[type="date"] { /*min-width:180px;*/ min-width:250px; } .secureform .form-element input[id*="Zip"] { /*min-width:100px; max-width:150px; */ min-width:250px;} } @media print { #human_verification, .submit { display: none; } .ptl_portlet_CustomForm .tbl {width: 100% !important; box-shadow: none; font-size: 14px; margin: 0; padding: 0} @page { margin: 0.4cm 0; } .ptl_portlet_CustomForm .tbl input[type="text"] { border:0px; } .ptl_portlet_CustomForm div { margin: 0 0 10px; } .ptl_portlet_CustomForm h1 { font-size: 18px; page-break-after: avoid; } .ptl_portlet_CustomForm h2 { font-size: 18px; page-break-after: avoid; } .ptl_portlet_CustomForm h3 {page-break-after: avoid;} .ptl_portlet_CustomForm .tbl hr {display:none;} .ptl_portlet_CustomForm .tbl fieldset {padding: 0;} div.left-column-container {padding: 0} div.left-column-container > div.left {display:none} .t01 div.container {max-width: 100% !important} #utility-navigation {display:none;} #overview {display:none} #footer {display:none;} .CMS_adminBar, .CMS_DragDropWrapper {display:none;} #header {display:none} .ptl_portlet_CustomForm .tbl ul.med-history-list li, .ptl_portlet_CustomForm .tbl .med-history-list .column, .ptl_portlet_CustomForm .tbl .med-history-list-collection .column {width:33% !important; vertical-align:top;} .ptl_portlet_CustomForm .tbl .med-history-list-collection .column label {width: 100%; display:inline-block; padding: 0} .ptl_portlet_CustomForm .tbl input[type="submit"], input[type="reset"], input[type="button"] {display:none;} .ptl_portlet_CustomForm .tbl #ctl00_ContentPlaceHolder1_ctl13_lblCaptchaTitle, .ptl_portlet_CustomForm .tbl #ctl00_ContentPlaceHolder1_ctl13_formCaptcha {display:none;} } .error-message {color: #e60000 !important; } .secureform .form-element fieldset label[for*="No"] { margin-left: -4px; } /* === Typography === */ body, #template { font-family: "Merriweather Sans", sans-serif; color: #ffffff; font-weight: 300; } h4, h5, h6, p, li, a, span { font-weight: 300; } h1, h2, h3, div#news-summary .content a.title, #news_content_title, span.datagrid_header_table_text { font-family: "Catamaran", sans-serif; color: #e4b447; font-weight: 700; text-transform: none; } h4 { color: #80a872; font-weight: 700; } p, #theme p { color: #ffffff; } p a, #theme p a { -webkit-box-shadow: inset 0 -2px 0 0 #ff9596; box-shadow: inset 0 -2px 0 0 #ff9596; } p a:hover, p a:focus, #theme p a:hover, #theme p a:focus { -webkit-box-shadow: inset 0 -100px 0 0 #ff9596; box-shadow: inset 0 -100px 0 0 #ff9596; color: #124312; } a, #theme a { color: #ff9596; font-weight: 700; } a:hover, a:focus, #theme a:hover, #theme a:focus, .container a:hover, .container a:focus { color: #9cbb91; } #theme h2 a, #theme h3 a { -webkit-box-shadow: inset 0 -2px 0 0 #ff9596; box-shadow: inset 0 -2px 0 0 #ff9596; } #theme h2 a:hover, #theme h2 a:focus, #theme h3 a:hover, #theme h3 a:focus { -webkit-box-shadow: inset 0 -100px 0 0 #ff9596; box-shadow: inset 0 -100px 0 0 #ff9596; color: #0a250a; } #theme .site_render_table a { -webkit-box-shadow: inset 0 -2px 0 0 #ff9596; box-shadow: inset 0 -2px 0 0 #ff9596; } #theme .site_render_table a:hover, #theme .site_render_table a:focus { -webkit-box-shadow: inset 0 -100px 0 0 #ff9596; box-shadow: inset 0 -100px 0 0 #ff9596; color: #0a250a; } #theme .PO-wrapper .mapemail a { color: #000; font-weight: 700; } #theme .PO-wrapper .mapemail a:hover, #theme .PO-wrapper .mapemail a:focus { color: #0a250a; text-decoration: underline !important; } span.subHead { color: #80a872; } li { color: #ffffff; } /* === Template === */ body, #template { background: #0a250a !important; } /* --- Header --- */ header { background-color: #1c6305; border-color: rgba(255, 255, 255, 0.25); } /* - Top Bar - */ #topBar .phone a { color: #ffffff; } #topBar .phone a::after { background-color: #ffffff; } #topBar.headerShow .phone { border-color: rgba(255, 255, 255, 0.25); } @media (max-width:568px) { #topBar .phone a { position: relative; left: -10px; font-size: 12px; letter-spacing: -.5px; padding: .9em 0; } } /* Mobile Menu Button */ a.mobileMenu, a.mobileMenu:hover, a.mobileMenu:focus { color: #ffffff; } /* Published Links */ #links .PublishedLinkMenu a { font-family: "Merriweather Sans", sans-serif; color: #ffffff; } #links .PublishedLinkMenu a::after { background-color: #ffffff; } /* Custom Search */ .searchBox { -webkit-box-shadow: 4px 10px 15px rgba(4, 41, 87, 0.15); box-shadow: 4px 10px 15px rgba(4, 41, 87, 0.15); background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.25); } .searchBox input { font-family: "Merriweather Sans", sans-serif; font-weight: 300; } .searchBox ::placeholder { color: #ffffff; } .searchBox .gsc-search-box-tools.gsc-search-box table input { color: #ffffff; } .searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button { background: #1c6305; border-color: rgba(255, 255, 255, 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: #aa8735; } .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: #e4b447; color: #57461c; } .clearsearch { position: absolute !important; top: 7px; right: 42px; opacity: 0; } .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a span { padding: 0; background: transparent; border-radius: 3px; border: transparent 1px solid; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; font-size: 1em; line-height: 18px; display: flex !important; /* overflow: hidden; */ font-weight: bold; width: 19.5px; height: 19px; /* text-align: center; */ justify-content: center; box-sizing: border-box !important; text-align: center; text-indent: 0; border-color: #fff; color: #fff; } .searchBox .gsc-search-box-tools.gsc-search-box .gsc-inputbox { padding-right: 50px !important; box-sizing: border-box !important; } .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input .gsc-input-box td.gsc-search-button { padding: 0 !important; } .gsc-search-button-v2 svg { fill: #FFFFFF; } .editmode .clearsearch { opacity: 1; } @media (max-width:1024px) { .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input .gsc-input-box { height: 46px; } .searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button button { padding-top: 15px; padding-bottom: 13px; } .clearsearch { top: 13px; } } /* Show Links (toggles Published Links and Search on mobile) */ #showLinks { border-color: rgba(255, 255, 255, 0.25); } #showLinks a::before { color: #ffffff; } /* --- Footer --- */ footer { background: #1c6305; } footer#footer .admin_menu { font-family: "Merriweather Sans", sans-serif; color: #ffffff; font-weight: 700; } footer#footer .admin_menu:hover, footer#footer .admin_menu:focus { -webkit-box-shadow: inset 0 -200px 0 #ffffff; box-shadow: inset 0 -200px 0 #ffffff; color: #0d3e00; } footer .container section#footerPractice, footer .container section#footerContact, footer .container section#hours { border-color: rgba(13, 62, 0, 0.35); } footer h2 { color: #e4b447; } footer p, footer .container p { color: #ffffff; } footer p a, footer .container p a { -webkit-box-shadow: inset 0 -2px #ffffff; box-shadow: inset 0 -2px #ffffff; } 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 #ffffff; box-shadow: inset 0 -200px 0 #ffffff; color: #1c6305; } footer li { color: #ffffff; } footer a { color: #ffffff; } footer #footerContact ul#footerLocations a:hover, footer #footerContact ul#footerLocations a:focus { color: #ffffff; } footer #footerContact ul#footerLocations a::before { color: #ff898a; } footer #hours ul#footerHours li { border-color: rgba(13, 62, 0, 0.65); } footer .socialNavigation a { border-color: #ffffff; color: #ffffff; } footer .socialNavigation a:hover, footer .socialNavigation a:focus { background: #ffffff; border-color: #ffffff; color: #1c6305; } footer #footerAdmin { background-color: rgba(13, 62, 0, 0.15); } footer #footerAdmin p { color: #ffffff; } footer #footerAdmin p a { -webkit-box-shadow: inset 0 -2px #ffffff; box-shadow: inset 0 -2px #ffffff; color: #ffffff; } footer #footerAdmin p a:hover, footer #footerAdmin p a:focus { -webkit-box-shadow: inset 0 -200px 0 #ffffff; box-shadow: inset 0 -200px 0 #ffffff; color: #1c6305; } /* --- Back to Top --- */ #back-to-top, #back-to-top:hover { background: #1CB8AC; border-color: #0a250a; } #back-to-top::after { border-bottom-color: #093d39; } /* === 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: #1CB8AC; } #logo { border-color: rgba(10, 71, 66, 0.25); } /* --- Navigation --- */ #primaryNavigation div > ul.rmRootGroup > li > a { color: #093E3A; font-weight: 700; } #primaryNavigation div > ul.rmRootGroup > li > a:hover, #primaryNavigation div > ul.rmRootGroup > li > a:focus { color: s-heading(#1CB8AC, #FF4143); } #primaryNavigation div > ul.rmRootGroup > li > a::after { background-color: #0d726b; } #primaryNavigation div > ul.rmRootGroup > li .rmSlide { background-color: #e4b447; } #primaryNavigation div > ul.rmRootGroup > li .rmSlide li a { color: #0c0904; font-weight: 300; border-color: rgba(143, 110, 37, 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 #ac7f19; box-shadow: inset 5px 0 0 0 #ac7f19; color: #0a0802; background: #d69f22; } #primaryNavigation div > ul.rmRootGroup > li .rmSlide .rmSlide { background: #d69f22; } #primaryNavigation div > ul.rmRootGroup > li .rmSlide .rmSlide li a { border-color: rgba(101, 79, 28, 0.35); color: #0a0802; } #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 #966f16; box-shadow: inset 5px 0 0 0 #966f16; color: #040301; background: #c08f1e; } /* Mobile Menu */ nav#mMenuCMS { background: #e4b447; } nav#mMenuCMS a { font-family: "Merriweather Sans", sans-serif; color: #57461c; font-weight: 300; } 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(143, 110, 37, 0.18) none repeat scroll 0 0; } nav.mm-menu .mm-list > li::after { border-color: rgba(143, 110, 37, 0.5); } nav.mm-menu .mm-list > li > a.mm-subopen::after, nav.mm-menu .mm-list > li > a.mm-subclose::before { border-color: #57461c; } #mMenu.mm-offcanvas.mm-theme-dark ul.mm-listview > li > a.mm-next::after { border-color: #57461c; } /* --- Content --- */ #content { background: #0a250a; } /* Banner Stripes */ #banner #bannerBG::after, .interior #overview::after { background-image: url("https://www.johnsonorthodontics.com/resourcefiles/other/bannerbg-stripes.png"); } /* === Home === */ /* --- Banner --- */ #banner { background: #1c6305; } #banner #bannerBG .bgLabel { background-color: rgba(13, 62, 0, 0.1); border-color: #ffffff; } #banner #bannerBG .bgLabel .infoCircle::before { background-color: #e4b447; border-color: #57461c; color: #57461c; } #banner #bannerBG .bgLabel .infoHelp, #banner #bannerBG .bgLabel .infoHelp span { color: #ffffff; } #banner #bannerBG .bgLabel .infoHelp b, #banner #bannerBG .bgLabel .infoHelp span b { color: #ffffff; font-weight: 700; } #banner #bannerBG .bgImage::after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 99, 5, 0)), color-stop(rgba(28, 99, 5, 0)), color-stop(rgba(28, 99, 5, 0)), to(#1c6305)); background: linear-gradient(rgba(28, 99, 5, 0), rgba(28, 99, 5, 0), rgba(28, 99, 5, 0), #1c6305); } #banner #bannerTitle .subHead { color: #ffffff; text-shadow: 0.25em 0.5em 1em rgba(7, 26, 1, 0.15); } #banner #bannerTitle .subHead::after { background-color: rgba(255, 255, 255, 0.25); } #banner #bannerTitle h2 { color: #ffffff; text-shadow: 0.25em 0.5em 1em rgba(7, 26, 1, 0.15); } #banner #bannerAssist { background-color: rgba(255, 255, 255, 0.15); } #banner #bannerAssist #assistText h2 { color: #ffffff; } #banner #bannerAssist #assistButtons .buttons .calloutItem a { background-color: #FF4143; } #banner #bannerAssist #assistButtons .buttons .calloutItem a::after { color: #210909; } #banner #bannerAssist #assistButtons .buttons .calloutItem a .text { color: #210909; font-weight: 700; } /* --- Home Text --- */ #homeText article { background-color: #124312; } /* --- Content Bar --- */ #contentBar { background-color: #e4b447; } #contentBar .upcomingEvents { color: #57461c; } #contentBar .upcomingEvents.weekday .eventsList .event { border-color: rgba(87, 70, 28, 0.5); color: #57461c; } #contentBar .upcomingEvents.weekday .eventsList .event::after { border-color: #57461c; } #contentBar .ptl_upcomingevents, #contentBar .ptl_upcomingevents h2 { color: #51411A; } #contentBar .calloutContainer.standard .buttons .calloutItem a:hover .image img, #contentBar .calloutContainer.standard .buttons .calloutItem a:focus .image img { border-color: rgba(87, 70, 28, 0.35); } #contentBar .calloutContainer.standard .buttons .calloutItem a .image img { border-color: rgba(87, 70, 28, 0.25); } #contentBar .calloutContainer.standard .buttons .calloutItem a .text { color: #57461c; } /* - Full Portlets - */ #features .featureWrapper.divided .feature .text h2 { font-family: "Merriweather Sans", sans-serif; font-weight: 300; } #features #fullPortlets .featureWrapper.divided .feature { background-color: #1b6105; } #features #fullPortlets .featureWrapper.divided .feature .image a::after { background: -webkit-linear-gradient(rgba(27, 97, 5, 0), rgba(27, 97, 5, 0), rgba(27, 97, 5, 0), #1b6105); background: linear-gradient(rgba(27, 97, 5, 0), rgba(27, 97, 5, 0), rgba(27, 97, 5, 0), #1b6105); } #features #fullPortlets .featureWrapper.divided .feature .text h2 { color: white; } #features #fullPortlets .featureWrapper.divided .feature .text h3 { color: #ffffff; } #features #fullPortlets .featureWrapper.divided .feature .text p { color: white; } #features #fullPortlets .featureWrapper.divided .feature .text a.more { border-color: #ffffff; color: #ffffff; } #features #fullPortlets .calloutContainer.standard { background-color: #FF4143; } #features #fullPortlets .calloutContainer.standard .calloutItem a .image { border-color: #210909; } #features #fullPortlets .calloutContainer.standard .calloutItem a .image::after { background-color: #210909; color: #FF4143; } #features #fullPortlets .calloutContainer.standard .calloutItem a .text { color: #210909; } /* - Basic Portlets - */ #features #basicPortlets .feature .text { background-color: #124312; } #features #basicPortlets .feature .text h2 { color: #ffffff; } #features #basicPortlets .feature .text h3 { color: #e4b447; } /* - Feed - */ #feed, #theme .feed { background-color: #e4b447; } #feed h2, #theme .feed h2 { color: #57461c; } #feed .col2 .featureWrapper.divided .feature, #theme .feed .col2 .featureWrapper.divided .feature { background-color: #edc364; } #feed .col2 .featureWrapper.divided .feature .image a::after, #theme .feed .col2 .featureWrapper.divided .feature .image a::after { background-color: #645020; color: #e4b447; } #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: #5D4A1D; } #feed .col2 .featureWrapper.divided .feature .text p, #theme .feed .col2 .featureWrapper.divided .feature .text p { color: #645020; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem, #theme .feed .col2 #homeNewsWrapper.divided .newsList .newsItem { -webkit-box-shadow: inset 0 0 0 0 #725b24; box-shadow: inset 0 0 0 0 #725b24; background-color: #edc364; color: #645020; } #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 #957835; box-shadow: inset 0 0 0 2px #957835; } #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: #645020; color: #e4b447; } #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: #725b24; } #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: #645020; } #feed .col2 #homeNewsWrapper.divided .newsList .newsItem .readMore span, #theme .feed .col2 #homeNewsWrapper.divided .newsList .newsItem .readMore span { font-weight: 700; } /* - Promo - */ #promo, #theme .promo { background-color: #e9f8f7; } #promo .featureWrapper.testimonialsSingle .feature::after, #theme .promo .featureWrapper.testimonialsSingle .feature::after { background-color: rgba(2, 9, 8, 0.5); } #promo .featureWrapper.testimonialsSingle .feature .text h2, #theme .promo .featureWrapper.testimonialsSingle .feature .text h2 { font-family: "Merriweather Sans", sans-serif; color: #020908; font-weight: 700; } #promo .featureWrapper.testimonialsSingle .feature .text p, #theme .promo .featureWrapper.testimonialsSingle .feature .text p { color: #040707; } #promo .featureWrapper.testimonialsSingle ul.slick-dots li.slick-active button, #theme .promo .featureWrapper.testimonialsSingle ul.slick-dots li.slick-active button { background-color: #020908; } #promo .featureWrapper.testimonialsSingle ul.slick-dots li button, #theme .promo .featureWrapper.testimonialsSingle ul.slick-dots li button { border-color: #020908; } #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: #040707; border-color: #040707; } #promo #promoBG .bgImage::after, .promo .promoBG .bgImage::after { background: -webkit-linear-gradient(rgba(233, 248, 247, 0), rgba(233, 248, 247, 0), rgba(233, 248, 247, 0), #e9f8f7); background: linear-gradient(rgba(233, 248, 247, 0), rgba(233, 248, 247, 0), rgba(233, 248, 247, 0), #e9f8f7); } #promo #promoBG .bgLabel, .promo .promoBG .bgLabel { background-color: rgba(172, 189, 187, 0.1); border-color: #040707; } #promo #promoBG .bgLabel .infoCircle::before, .promo .promoBG .bgLabel .infoCircle::before { background-color: #e4b447; border-color: #57461c; color: #57461c; } #promo #promoBG .bgLabel .infoHelp, #promo #promoBG .bgLabel .infoHelp span, .promo .promoBG .bgLabel .infoHelp, .promo .promoBG .bgLabel .infoHelp span { color: #040707; } #promo #promoBG .bgLabel .infoHelp b, #promo #promoBG .bgLabel .infoHelp span b, .promo .promoBG .bgLabel .infoHelp b, .promo .promoBG .bgLabel .infoHelp span b { color: #210909; font-weight: 700; } /* === Interior === */ .interior { background: #124312; } .interior #overview { background: #1c6305; } .interior #overview::after { background-color: rgba(13, 62, 0, 0.15); } .interior #overview h1.PageTitle { color: #ffffff; text-shadow: 0.25em 0.5em 1em rgba(7, 26, 1, 0.15); } .interior #breadCrumbs { color: #ffffff; font-weight: 700; background: rgba(59, 81, 59, 0.1); border-color: rgba(255, 255, 255, 0.35); } .interior #breadCrumbs a { -webkit-box-shadow: 0 1px 0 0 #ff9596; box-shadow: 0 1px 0 0 #ff9596; font-weight: 700; } .interior #breadCrumbs a:hover, .interior #breadCrumbs a:focus { -webkit-box-shadow: 0 3px 0 0 #ff9596; box-shadow: 0 3px 0 0 #ff9596; } .interior #content { background: #124312; } /* - Interior Side Panel - */ #content #sidePanel #inside-nav { background-color: #e4b447; } #content #sidePanel #inside-nav .currentparent > a { font-family: "Catamaran", sans-serif; color: #57461c; font-weight: 700; background-color: rgba(143, 110, 37, 0.25); } #content #sidePanel #inside-nav .currentparent > a:hover, #content #sidePanel #inside-nav .currentparent > a:focus { background: #8f6e25; color: #fafafa; } #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(143, 110, 37, 0.5); box-shadow: inset 0 0 0 0 rgba(143, 110, 37, 0.5); color: #57461c; font-weight: 700; border-color: rgba(143, 110, 37, 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(143, 110, 37, 0.5); box-shadow: inset 6px 0 0 0 rgba(143, 110, 37, 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(143, 110, 37, 0.5); box-shadow: inset 6px 0 0 0 rgba(143, 110, 37, 0.5); } #content #sidePanel .contentPortlet { border-color: rgba(59, 81, 59, 0.35); } #content #sidePanel .contentPortlet h2 { background-color: #e4b447; color: #57461c; } #content #sidePanel .contentPortlet ul.sidePanelList li { border-color: rgba(228, 180, 71, 0.25); color: #ffffff; } /* - Dear Doctor - */ #template .dd-articles { background-color: rgba(59, 81, 59, 0.15); border-color: #3b513b; } #template .dd-articles .dd-article { border-color: rgba(255, 255, 255, 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(#0a250a, #1c6305); } /* - Blog Styles - */ #template div#news-summary div.summary { color: #ffffff; } div#news-summary .row { border-color: c-accent(#0a250a, 0.35); } div#news-summary .content a.title { color: #e4b447; } div#news-summary .content a.title:hover, div#news-summary .content a.title:focus { color: #80a872; } div#news-summary .content a.read-more { background-color: #e4b447; color: #57461c; } div#news-summary .content a.read-more:hover, div#news-summary .content a.read-more:focus { background-color: #FF4143; color: #210909; } div#news-summary .content .date, div#news_content_date, div#news_content_body { font-family: "Merriweather Sans", sans-serif; color: #ffffff; } /* - Color Palette Callouts - */ .interior #colorSamples .calloutContainer.standard .calloutItem a:hover span.image::before, .interior #colorSamples .calloutContainer.standard .calloutItem a:focus span.image::before { color: #ffffff; } .interior #colorSamples .calloutContainer.standard .calloutItem a span.image { background-color: #1c6305; } .interior #colorSamples .calloutContainer.standard .calloutItem a span.image img { border: #3b513b 1px solid; } .interior #colorSamples .calloutContainer.standard .calloutItem a span.text { color: #ffffff; } /* === Portlets === */ /* - Secure Form Portlet - */ .secureform #dvViewBody span.message { color: #ffffff; } .secureform #dvViewBody section { border-color: c-accent(#0a250a, 0.5); } .secureform #dvViewBody h2 { color: #e4b447; } .secureform #dvViewBody h2::after { border-color: #e4b447; } .secureform #dvViewBody h3 { font-family: "Merriweather Sans", sans-serif; font-weight: 700; } .secureform #dvViewBody label, .secureform #dvViewBody input { font-family: "Merriweather Sans", sans-serif; color: #ffffff; font-weight: 300; } .secureform #dvViewBody input::placeholder { color: rgba(255, 255, 255, 0.65); } .secureform #dvViewBody fieldset { border-color: #3b513b !important; } .secureform #dvViewBody fieldset legend { color: #ffffff; } .secureform #dvViewBody textarea { background-color: rgba(59, 81, 59, 0.15); border-color: #3b513b; color: #ffffff; } .secureform #dvViewBody select { background-color: rgba(59, 81, 59, 0.15); border-color: #3b513b; color: #ffffff; } .secureform #dvViewBody select:focus { background-color: #3b513b; border-color: #ffffff; color: #ffffff; } .secureform #dvViewBody select option:hover, .secureform #dvViewBody select option:focus { background-color: #0a250a; color: #ffffff; } .secureform #dvViewBody hr { background-color: rgba(59, 81, 59, 0.5); } .secureform #dvViewBody p, .secureform #dvViewBody span { color: #ffffff; } .secureform #dvViewBody input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="reset"]) { -webkit-box-shadow: inset 0 0 0 #ff7273; box-shadow: inset 0 0 0 #ff7273; background-color: #0a250a; outline: #3b513b 1px solid; } .secureform #dvViewBody input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="reset"]):focus { -webkit-box-shadow: inset 5px 0 0 #ff7273; box-shadow: inset 5px 0 0 #ff7273; outline-color: #ff7273; } .secureform #dvViewBody input[type="radio"]:hover::before, .secureform #dvViewBody input[type="radio"]:focus::before, .secureform #dvViewBody input[type="checkbox"]:hover::before, .secureform #dvViewBody input[type="checkbox"]:focus::before { border-color: #ffffff; } .secureform #dvViewBody input[type="radio"]:hover:checked::before, .secureform #dvViewBody input[type="radio"]:focus:checked::before, .secureform #dvViewBody input[type="checkbox"]:hover:checked::before, .secureform #dvViewBody input[type="checkbox"]:focus:checked::before { border-color: #ffffff; } .secureform #dvViewBody input[type="radio"]:hover:checked::after, .secureform #dvViewBody input[type="radio"]:focus:checked::after, .secureform #dvViewBody input[type="checkbox"]:hover:checked::after, .secureform #dvViewBody input[type="checkbox"]:focus:checked::after { background-color: #ffffff; } .secureform #dvViewBody input[type="radio"]:checked::before, .secureform #dvViewBody input[type="checkbox"]:checked::before { border-color: #ff7273; } .secureform #dvViewBody input[type="radio"]:checked::after, .secureform #dvViewBody input[type="checkbox"]:checked::after { background-color: #ff7273; } .secureform #dvViewBody input[type="radio"]::before, .secureform #dvViewBody input[type="checkbox"]::before { background-color: #0a250a; border-color: #bcbcbc; } .secureform #dvViewBody input[type="submit"], .secureform #dvViewBody input[type="reset"] { -webkit-box-shadow: inset 0 -5px 0 0 accent-o(#e4b447, 0.75) , 0 -5px 0 0 #e4b447; box-shadow: inset 0 -5px 0 0 accent-o(#e4b447, 0.75) , 0 -5px 0 0 #e4b447; background-color: #e4b447; color: #57461c; } .secureform #dvViewBody input[type="submit"]:hover, .secureform #dvViewBody input[type="submit"]:focus, .secureform #dvViewBody input[type="reset"]:hover, .secureform #dvViewBody input[type="reset"]:focus { background-color: #FF4143; color: #210909; } /* - Map - */ #template .mapMarkClass h1 { color: #9c7c31; } #template .mapMarkClass div { color: #727272; } #template .mapMarkClass a { background-color: #e4b447; color: #57461c; } #template .mapMarkClass a:hover, #template .mapMarkClass a:focus { border-color: #8e712d; color: #8e712d; } /* - Photo Gallery - */ #template .photoGallery .galleryContainer { font-family: "Merriweather Sans", sans-serif; } #template .photoGallery .galleryContainer .galleryBreadcrumb, #template .photoGallery .galleryContainer .sliderWrapper .topSliderWrapper, #template .photoGallery .galleryContainer .albumsGridSection { background: rgba(59, 81, 59, 0.15); } #template .photoGallery .galleryContainer .galleryBreadcrumb, #template .photoGallery .galleryContainer .galleryBreadcrumb .galleryCrumb, #template .photoGallery .galleryContainer .galleryBreadcrumb .galleryAlbumNavLink { color: #ffffff; } #template .photoGallery .galleryContainer .galleryTop.galleryBorderBottom { background: #e4b447; border-color: #8f6e25; } #template .photoGallery .galleryContainer .galleryTop.galleryBorderBottom .galleryTitle { font-family: "Catamaran", sans-serif; font-weight: 700; } #template .photoGallery .galleryContainer .galleryTop.galleryBorderBottom .galleryTitle, #template .photoGallery .galleryContainer .galleryTop.galleryBorderBottom .galleryDesc { color: #57461c; } #template .photoGallery .galleryContainer .slideShowButton.viewLightboxIcon em { background: #FF4143; color: #210909; } #template .photoGallery .galleryContainer .albumTitle { background-color: rgba(28, 99, 5, 0.85); } #template .photoGallery .galleryContainer .albumTitle > span, #template .photoGallery .galleryContainer .albumTitle > span em { color: #ffffff; } /* - Informative Animations - */ #theme .featureTitle, #theme div[id*="Wrapper"] .featureTitle { background-color: #124312; } #theme .featureTitle h2, #theme div[id*="Wrapper"] .featureTitle h2 { font-family: "Catamaran", sans-serif; color: #e4b447 !important; font-weight: 700; } #theme .titleRow { background: rgba(59, 81, 59, 0.15); } #theme .titleRow h3 { font-family: "Catamaran", sans-serif; color: #bcbcbc !important; font-weight: 700; } #theme .titleRow a[class*="MobileMenu"] { border-color: #ff9596; font-family: "Merriweather Sans", sans-serif; color: #ff9596; font-weight: 700; } #theme .titleRow a[class*="MobileMenu"]:hover, #theme .titleRow a[class*="MobileMenu"]:focus { background-color: #FF4143; border-color: #FF4143; color: #210909; } #theme .body > ul.buttonCol, #theme .body > ul[class*="ButtonCol"] { background-color: #FF4143; } #theme .body > ul.buttonCol li[class*="Button"], #theme .body > ul[class*="ButtonCol"] li[class*="Button"] { border-color: #124312; } #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: #e4b447; } #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: #57461c; } #theme .body > ul.buttonCol li[class*="Button"] span, #theme .body > ul[class*="ButtonCol"] li[class*="Button"] span { font-family: "Merriweather Sans", sans-serif; color: #210909; font-weight: 700; } #theme .body .rightCol .contentWrapper p { font-family: "Merriweather Sans", sans-serif; color: #0a250a; font-weight: 300; } #theme #footer, #theme .footer { background: rgba(59, 81, 59, 0.15); border-color: rgba(59, 81, 59, 0.5); } #theme #footer a, #theme .footer a { font-family: "Merriweather Sans", sans-serif; color: #ff9596 !important; font-weight: 700; } #theme div[id*="Wrapper"].border { border-color: rgba(255, 255, 255, 0.35); } #theme div[class*="modal-content"] .close { font-family: "Merriweather Sans", sans-serif; color: #c03132; font-weight: 700; } #theme div[class*="modal-content"] .close:hover, #theme div[class*="modal-content"] .close:focus { color: #806629; } #theme div[class*="modal-content"] p { font-family: "Merriweather Sans", sans-serif; color: #0a250a; font-weight: 300; } #theme .contentText { background: rgba(59, 81, 59, 0.1); } #theme .contentText .featureFooter a { font-family: "Merriweather Sans", sans-serif; color: #D60004 !important; font-weight: 700; } #theme #cycleButtons { border-top: #124312 1px solid; } #theme #cycleButtons li { background-color: #FF4143; border-color: #124312; font-family: "Merriweather Sans", sans-serif; color: #210909; font-weight: 700; } #theme #cycleButtons li:hover, #theme #cycleButtons li:focus { background-color: #e4b447; color: #57461c; } #theme #cycleButtons li.activeTab { background-color: #a3221d !important; color: #ffffff; } #theme .wisdomTeethAudio { border-top-color: #124312; } /* === Responsive === */ /* Mobile Menu Button */ @media screen and (min-width: 990px) and (max-width: 1100px) { a.mobileMenu, a.mobileMenu:hover, a.mobileMenu:focus { /*color: #0a4742;*/ } } @media screen and (min-width: 1100px) { header { background-color: rgba(28, 99, 5, 0.65); } } #logo a img {max-height:150px;} .promo {padding:0;} .RadMenu {text-align:center !important;} svg.H_icon_ex {display: inline-block; margin:auto; width: 24px; height: 24px; padding-top:10px; fill:#fff; } .interior #content aside#sidePanel #inside-nav { margin-bottom: 21px; } .offScreen { position: fixed; top: -1000000px; left: -1000000px; } /*! 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) } /* 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; padding:0; } .mm-list > li.mobilePublishLink { margin-top: 20px; } .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 3px 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); } /*cache version*/