/********************************************* VARIABLES **********************************************/ /*Breakpoints*/ /*Spacing*/ /*Nav Top Positioning*/ /*Mobile Menu Button styling*/ /*40px*/ /*17px*/ /*1em*/ /*0.7em*/ /* 0.4em*/ /*0.25em*/ /*1.6em*/ /*0.2em*/ /* The width of the button area*/ /* The height of the button area */ /* The thickness of the button bars */ /* The left/right padding between button area and bars */ /* The spacing between button bars */ /* The transition duration */ /* Colours */ /*Search icon Positioning*/ /*Mobile Side Menu styling*/ /*Mobile Side Menu Content styling*/ /*Colours*/ /* $currentAccordionButtonBackgroundColor: #CADEB6; */ /* $currentSubButtonBackgroundColor: #E3EDD8; */ /*Image Links*/ /*Font Styles*/ /*@import 'reset';*/ /*@import 'normalize';*/ /*Responsive TopNav and Menu*/ /********************************************* ********************************************** _mobileTopTDSBnav.scss ********************************************** **********************************************/ @media screen and (max-width: 1000px) { /*#TDSBpageFrame { background-position: $pageFrameMobile-BackgroundPosition; }*/ .TDSBtopBannerBox { /* width: 100%; */ } .TDSBtopBannerBoxLeft { width: 100%; height: auto; max-width: 325px; max-height: 105px; margin-left: 0.55em; } .TDSBtopBannerBoxLeft img { width:100%; height:auto; max-width: 325px; max-height: 105px; } .TDSBtopBannerBoxLeft a { float: left; } .TDSBtopBannerBox > .TDSBtopBannerBoxRight { margin: -15px 0px 20px 15px; width: 100%; min-height: 60px; height: auto; background-image: url("/images/TDSB/grey_gradient_on.jpg"); background-repeat: repeat-x no-repeat; display:none!important; } .TDSBtopBannerBoxRight > div { margin: 8px; } .TDSBtopBannerBoxRight .TBBR1 { display: inline-block; margin: 6px 75px 6px 6px; } .TDSBtopBannerBoxRight .TBBR2 { display: none; } .TDSBtopBannerBoxRightMobile, .mobileHideTopNav { display: none; } } @media screen and (max-width: 635px) { .TDSBtopBannerBoxRight .TDSBtopBannerBoxRight { width: 50px; margin: 0; position: absolute; top: 122px; right: 2%; } .TDSBtopBannerBoxRight .TDSBtopBannerBoxRight > a, .TDSBtopBannerBoxRight .TDSBtopBannerBoxRight > span { display: none; } #languageImageBox { margin: 0; position: absolute; top: 0; left: 0; } #languageImageBox a { margin: 0; } } /********************************************* ********************************************** _mobileMenuButton.scss ********************************************** **********************************************/ #menu-trigger-button, #menu-trigger-button img { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 40px !important; height: 40px !important; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer !important; } #menu-trigger-button:hover, #menu-trigger-button img:hover { cursor: pointer !important; } /*Base/unclicked hamburger icon*/ /*#menu-trigger-button { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: $button-width; height: $button-height; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background $button-transistion-duration; } #menu-trigger-button:focus { outline: none; } #menu-trigger-button span { display: block; position: absolute; top: $button-width * 0.45833333; left: $button-pad; right: $button-pad; height: $bar-thickness; background: $c-hamburger-line-color; } #menu-trigger-button span::before, #menu-trigger-button span::after { position: absolute; display: block; left: 0; width: 100%; height: $bar-thickness; background-color: $c-hamburger-line-color; content: ""; } #menu-trigger-button span::before { top: (-1) * $button-width * 0.2083333333; } #menu-trigger-button span::after { bottom: (-1) * $button-width * 0.2083333333; }*/ /*X (with hover colours) hamburger style and animation*/ /*#menu-trigger-button { background-color: $c-hamburger--x-bgcolor; } #menu-trigger-button:hover { background-color: $c-hamburger--x-bgcolor-hover; } #menu-trigger-button span { transition: background 0s $button-transistion-duration; } #menu-trigger-button span::before, #menu-trigger-button span::after { transition-duration: $button-transistion-duration, $button-transistion-duration; transition-delay: $button-transistion-duration, 0s; } #menu-trigger-button span::before { transition-property: top, transform; } #menu-trigger-button span::after { transition-property: bottom, transform; }*/ /* active state, i.e. menu open */ /*.dl-active #menu-trigger-button { background-color: $c-hamburger--x-active-bgcolor; } .dl-active #menu-trigger-button:hover { background-color: $c-hamburger--x-active-bgcolor-hover; } .dl-active #menu-trigger-button span { background: none; } .dl-active #menu-trigger-button span::before { top: 0; transform: rotate(45deg); } .dl-active #menu-trigger-button span::after { bottom: 0; transform: rotate(-45deg); } .dl-active #menu-trigger-button span::before, .dl-active #menu-trigger-button span::after { transition-delay: 0s, $button-transistion-duration; }*/ #openMenuButton { display: none !important; float: left; margin: 10px 20px; } @media screen and (max-width: 1000px) { .TDSBtopBannerBox #menu-trigger-button.dl-trigger { display: inline-block; } .TDSBtopBannerBox #openMenuButton { display: inline-block !important; float: left; } } /********************************************* ********************************************** _mobileSearchOption.scss ********************************************** **********************************************/ #dnn_tdsbWwwTopMenu_avtSearchHeader_pnlInputMobile { display: none; float: right; width: 50px; height: 50px; background-image: url("/images/TDSB/icons/magnifyingGlass_on.png"); -ms-background-size: contain; background-size: contain; background-repeat: no-repeat; margin: 20px; } #dnn_tdsbWwwTopMenu_avtSearchHeader_pnlInputMobile:hover { cursor: pointer; } #dnn_tdsbWwwTopMenu_avtSearchHeader_pnlInput .searchBox { height: 23px; } @media screen and (max-width: 1000px) { #dnn_tdsbWwwTopMenu_avtSearchHeader_pnlInputMobile { display: none!important; /* display: block; */ float: none; position: absolute; top: 37px; right: -5px; } #dnn_tdsbWwwTopMenu_divSearchBoot { display: none; position: absolute; top: 60px; right: -10px; margin: 0; } #dnn_tdsbWwwTopMenu_avtSearchHeader_pnlInput .searchBox { position: absolute; top: 5px; left: auto; right: 105px; } #dnn_tdsbWwwTopMenu_avtSearchHeader_pnlInput .sbInp .searchBtn { margin: 0; padding: 5px; z-index: 1000; width: 63px; height: 12px; position: absolute; top: 8px; left: auto; right: 30px; } #dnn_tdsbWwwTopMenu_avtSearchHeader_pnlInput .searchManageBtn { width: 100px; position: absolute; top: 0px; left: auto; right: 16px; } } @media screen and (max-width: 635px) { #dnn_tdsbWwwTopMenu_avtSearchHeader_pnlInputMobile { top: 100px; left: 40%; } #dnn_tdsbWwwTopMenu_divSearchBoot { top: 190px; right: auto; left: -72px; } #dnn_tdsbWwwTopMenu_divSearchBoot { width: 100%; margin-right: -5px; } #dnn_tdsbWwwTopMenu_avtSearchHeader_pnlInput .searchBox { position: absolute; left: 92px; right: auto; } #dnn_tdsbWwwTopMenu_avtSearchHeader_pnlInput .sbInp .searchBtn { margin: 0; padding: 5px; z-index: 1000; width: 63px; height: 12px; position: absolute; top: 8px; left: 300px; right: auto; } #dnn_tdsbWwwTopMenu_avtSearchHeader_pnlInput .searchManageBtn { position: absolute; top: 30px; left: 297px; right: auto; width: 100px; } } /********************************************* ********************************************** _desktopNavSize.scss ********************************************** **********************************************/ #desktopNavSize { display: block; } #desktopNavSize .showMore, #desktopNavSize .showMore2, #desktopNavSize .showMoreDiv, #desktopNavSize .showMoreDiv2 { display: none; } #desktopNavSize #topnavMobileSecondColumn { display: none; } #desktopNavSize ul#topnav li ul.menuCol .level2menu a, #desktopNavSize ul#topnav li ul.menuCol .level2menu a:hover { height: 20px; padding-top: 5px; padding-bottom: 5px; } /********************************************* ********************************************** _mobileNavSize.scss ********************************************** **********************************************/ .mobileHandheld { display: none; } #mobileNavSize.mobileHideTopNav { display: none; position: absolute; left: 0px; top: 185px; z-index: 9999; max-width: 400px; width: 100%; /*height: 100%;*/ } #mobileNavSize.mobileHideTopNav .TDSBwwwNavBarBox.TDSBwwwNavBarBoxMobile { height: 100%; width: 100%; margin: 0; padding: 0; border: 0; } #mobileNavSize.mobileHideTopNav #dl-menu.dl-menuwrapper { height: 100%; width: 100%; z-index: 9999; background-color: #FCDFA7; display: block; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; } #mobileNavSize.mobileHideTopNav #topnav, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn { /*height: 100%;*/ } #mobileNavSize.mobileHideTopNav #topnav { position: relative; top: 0; left: 0; width: 50%; padding: 5px 0 0 0; margin: 0 0 0 5px; background-color: #FFF6ED; text-decoration: none; list-style-type: none; } #mobileNavSize.mobileHideTopNav #topnav ul { text-decoration: none; list-style-type: none; } #mobileNavSize.mobileHideTopNav #topnav li { width: 100%; text-decoration: none; list-style-type: none; border-bottom: 1px solid #B3B3B3; position: relative; padding: 5px 0; min-height: 20px; } #mobileNavSize.mobileHideTopNav #topnav > li { margin: 0; padding-right: 20px; padding-left: 5px; background-color: #FFF6ED !important; } #mobileNavSize.mobileHideTopNav #topnav a { width: 100%; } #mobileNavSize.mobileHideTopNav #topnav li a { padding: 0; } #mobileNavSize.mobileHideTopNav #topnav a:link, #mobileNavSize.mobileHideTopNav #topnav a:visited { color: #43347b !important; text-decoration: none; } #mobileNavSize.mobileHideTopNav #topnav li:hover, #mobileNavSize.mobileHideTopNav #topnav a:hover { background: none; } #mobileNavSize.mobileHideTopNav #topnav .menuTitle { display: none; } #mobileNavSize.mobileHideTopNav #topnav .dl-submenu { display: none; top: 0; left: 0; padding: 0; margin: 0; width: 100%; } #mobileNavSize.mobileHideTopNav #topnav .dl-submenu .subMenuBoxLeft { width: 100%; margin-left: -5px; } #mobileNavSize.mobileHideTopNav #topnav .dl-submenu li { width: 100%; } #mobileNavSize.mobileHideTopNav #topnav .dl-submenu .menuCol { margin: 5px 0 -5px 0 !important; } #mobileNavSize.mobileHideTopNav #topnav .dl-submenu .menuCol > li { padding-left: 12.5%; padding-right: 15.625%; width: 75%; } #mobileNavSize.mobileHideTopNav #topnav .dl-submenu .menuCol > li > a { line-height: 1em; } #mobileNavSize.mobileHideTopNav #topnav .dl-submenu > li { margin: 0; max-width: 75%; } #mobileNavSize.mobileHideTopNav #topnav .dl-submenu .menuCol .dropdownSubHead a { background-image: none; display: inline-block; position: relative; top: 0px !important; } #mobileNavSize.mobileHideTopNav #topnav .dl-submenu .menuCol li { min-height: 20px; } #mobileNavSize.mobileHideTopNav #topnav .dl-subsubmenu { display: none; } #mobileNavSize.mobileHideTopNav #topnav .dropdownMobileOverviewHead { width: 100%; border-bottom: 1px solid #B3B3B3 !important; } #mobileNavSize.mobileHideTopNav #topnav .dropdownMobileOverviewHead > a { color: #43347b; font-weight: bold !important; } #mobileNavSize.mobileHideTopNav #topnav .showMore, #mobileNavSize.mobileHideTopNav #topnav .showMore2 { display: inline-block; position: absolute; top: 3px; right: 0px; left: auto; float: right; width: 25px; height: 25px; cursor: pointer; z-index: 2000; } #mobileNavSize.mobileHideTopNav #topnav .showMore .showMoreDiv, #mobileNavSize.mobileHideTopNav #topnav .showMore2 .showMoreDiv2 { width: 25px; height: 25px; cursor: pointer; z-index: 2000; } #mobileNavSize.mobileHideTopNav #topnav .showMore .showMoreDiv { background-image: url("/images/TDSB/arrow_main.png"); } #mobileNavSize.mobileHideTopNav #topnav .showMore:hover .showMoreDiv { background-image: url("/images/TDSB//arrow_mainOn.png"); } #mobileNavSize.mobileHideTopNav #topnav .showMore2 .showMoreDiv2 { background-image: url("/images/TDSB//arrow_sub.png"); } #mobileNavSize.mobileHideTopNav #topnav .showMore2:hover .showMoreDiv2 { background-image: url("/images/TDSB//arrow_subOn.png"); } #mobileNavSize.mobileHideTopNav #topnav li:hover .showMoreDiv, #mobileNavSize.mobileHideTopNav #topnav a:hover .showMoreDiv { background-image: url("/images/TDSB//arrow_mainOn.png"); } #mobileNavSize.mobileHideTopNav #topnav .dl-submenu li:hover .showMoreDiv2, #mobileNavSize.mobileHideTopNav #topnav .dl-submenu a:hover .showMoreDiv2 { background-image: url("/images/TDSB//arrow_subOn.png"); } #mobileNavSize.mobileHideTopNav #topnav .selectedMenuItem { background: none; background-color: #627FB9 !important; } #mobileNavSize.mobileHideTopNav #topnav .selectedMenuItem > a { background-color: #627FB9; color: white !important; } #mobileNavSize.mobileHideTopNav #topnav .selectedMenuItem ul, #mobileNavSize.mobileHideTopNav #topnav .selectedMenuItem li { background-color: #EFEAE7; } #mobileNavSize.mobileHideTopNav #topnav .selectedMenuItem > .showMore .showMoreDiv { background-image: url("/images/TDSB//arrow_mainOn.png"); } #mobileNavSize.mobileHideTopNav #topnav .selectedSubMenuItem { background: none; background-color: #F49213 !important; } #mobileNavSize.mobileHideTopNav #topnav .selectedSubMenuItem ul, #mobileNavSize.mobileHideTopNav #topnav .selectedSubMenuItem li, #mobileNavSize.mobileHideTopNav #topnav .selectedSubMenuItem div { background-color: transparent; } #mobileNavSize.mobileHideTopNav #topnav .selectedSubMenuItem > .showMore2 .showMoreDiv2 { background-image: url("/images/TDSB//arrow_subOn.png"); } #mobileNavSize.mobileHideTopNav #topnav .selectedSubSubMenuItem ul { display: none; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn { display: block; position: relative; width: 47.25%; top: 0; left: -5px; float: left; padding: 5px 0 0 0; margin: 0 0 0 1.25%; /*min-height: $sidemenu-MinHeight;*/ text-decoration: none; list-style-type: none; height: 100%; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer { display: block; width: 103%; padding: 0; border: none; margin: 0; margin-left: 1%; background: none; text-decoration: none; list-style-type: none; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer .dropdownSubHead { width: 100%; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer .dropdownSubHead .dl-subsubmenu { text-decoration: none; list-style-type: none; padding: 0; width: 92.30769%; z-index: 3000; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer .dropdownSubHead li { width: 100%; text-decoration: none; list-style-type: none; border-bottom: 1px solid #B3B3B3; position: relative; min-height: 20px; margin: 0 0 0 -0.5%; padding: 5px 2.6% 5px 5.12821%; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer li a { padding: 0; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer a:link, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer a:visited { color: #43347b !important; text-decoration: none; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer li:hover, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer a:hover { background: none; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer .dropdownflyOutHead { display: none; border-bottom: 1px solid #B3B3B3 !important; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer .dropdownMobileflyOutHead { border-bottom: 1px solid #B3B3B3 !important; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer .dropdownMobileflyOutHead > a { font-weight: bold !important; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #subSubMenuItemContainer .selectedSubSubMenuItem { background-color: #F49213 !important; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn li { display: none; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navHomeSecondColumn, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navEYSecondColumn, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navESSecondColumn, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navHSSecondColumn, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navALSecondColumn, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navCommunitySecondColumn, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent { /*min-height: $sidemenu-MinHeight;*/ height: 100%; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navHomeSecondColumn, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navEYSecondColumn, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navESSecondColumn, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navHSSecondColumn, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navALSecondColumn, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn #navCommunitySecondColumn { z-index: -999; /*cursor: default !important;*/ } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent { background-image: none; width: 100%; height: 100%; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfTBBR1 a { display: block; padding: 5px 2.6455%; border-bottom: 1px solid #B3B3B3; width: 97.8836%; min-height: 20px; font-family: Arial, Helvetica, sans-serif; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfTBBR1 span, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfTBBR1 br, #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfTBBR1 #languageImageBox { display: none; margin: 0; padding: 0; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfContentBottom { /*position: absolute;*/ bottom: 0; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfContentBottom .copyOfAccessibilityAndMissionContent { padding: 5px 2.6455%; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfContentBottom .copyOfAccessibilityAndMissionContent .copyOfAccessibilityLink a { font-size: 1.2em; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfContentBottom .copyOfAccessibilityAndMissionContent .copyOfAccessibilityLink img { width: 60px; height: 60px; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfContentBottom .copyOfAccessibilityAndMissionContent .copyOfMissionHeading .headingMain { font-size: 1em; line-height: 2em; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfContentBottom .footerImage div { width: 103.1746%; padding: 0; height: 20px; background-image: url("/images/TDSB/people.png"); } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .copyOfContent .copyOfContentBottom .footerImageFooter { width: 103.1746%; background-image: url("/images/TDSB/colour_bars_elementary_on.jpg"); background-repeat: repeat-x; height: 11px; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .promoMenuImage { height: auto; /*width: $sidemenu-PromoMenuImage-Width;*/ width: 100%; z-index: -999; position: absolute; bottom: 0; /*right: 0;*/ left: 0; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .promoMenuImage > a:first-child { display: none; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .promoMenuImage .promoImageButton { position: absolute; bottom: 11px; z-index: 999; width: 103%; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .promoMenuImage img { width: 100%; height: auto; } #mobileNavSize.mobileHideTopNav #topnavMobileSecondColumn .promoMenuImage .promoMenuImageFooter { width: 103%; background-image: url("/images/TDSB/colour_bars_adultLearners_on.jpg"); background-repeat: repeat-x; height: 11px; position: absolute; bottom: 0; z-index: 999; } @media screen and (max-width: 1000px) { #desktopNavSize { display: none; } #mobileNavSize #topnav .copyOfTBBR1 { display: none; } .TDSBtopBannerBoxRight .TBBR1 { border-right: 1.5px solid #DBD0BC; } } @media screen and (max-width: 635px) { .TDSBtopBannerBoxRight .TBBR1 { border-right-width: 0px !important; } #mobileNavSize #topnav .copyOfTBBR1 { display: block; } } @media screen and (max-width: 420px) { .TDSBtopBannerBoxRight .TBBR1 { border-right-width: 0px !important; } #mobileNavSize { left: 0px; width: 100%; } #mobileNavSize #topnav { margin: 0 0 0 1.25%; height: 100%; } #mobileNavSize #topnav > li > a, #mobileNavSize #topnav .selectedMenuItem > a { padding-left: 2.5%; } #mobileNavSize #topnavMobileSecondColumn .copyOfContent .copyOfAccessibilityAndMissionContent { padding-top: 4%; } } @media screen and (max-width: 1000px) { /********************************************* ********************************************** _accordion.scss ********************************************** **********************************************/ .leftMenuAccordion, .leftMenuSubAccordion { float: left; width: 95%; } .accordion_rMenu { /* accordion all headers */ /* accordion arrows */ /* accordion main content */ /* accordion sub headers */ /* currently active main headers */ /*.homeContentPaneBottomRight { float: right; }*/ } .accordion_rMenu .rpItem .rpItem { width: 100%; } .accordion_rMenu .rpItem .openSubMenu { position: absolute; right: 3px; top: 3px; } .accordion_rMenu .rpItem a, .accordion_rMenu .rpItem ul, .accordion_rMenu .rpItem .rpItem { border-bottom: none !important; } .accordion_rMenu .rpItem .rpExpandable { display: block; height:35px; min-height:33px!important; } .accordion_rMenu .rpItem a { padding: 0 65px 0 0px; } .accordion_rMenu .rpExpandable .rpText { padding-top:5px; } .accordion_rMenu .rpItem { border-bottom: 1px dotted #C9CDCD; padding: 1px 0 2px 30px; width: 97%; height: auto; } .accordion_rMenu .rpExpandable .rpExpandHandle { left:15px; margin-top:9px; } .accordion_rMenu .rpItem .openSubMenu { display: none; cursor: pointer; position: absolute; right: 0; top: 0; width: 1.8em; height: 1.8em; margin: 4px 3px 3px 3px; box-shadow: #888888 1px 1px 5px 0; background: #E3EDD8; border: 1px solid #BD831F; border-radius: 5px 5px 5px 5px; color: #949494; } .accordion_rMenu .subAccordion { display: block; padding: 1px -10px 2px 10px; } .accordion_rMenu .accordionTitle { display: none; font-size: 0.78rem; box-shadow: #888888 1px 1px 9px 0; background: #95B275; border: 1px solid #BD831F; border-radius: 4px 4px 4px 4px; font: normal normal bold normal 0.78rem/1.4rem Verdana, Geneva, sans-serif; color: white; margin: 15px 0px 7px 0; padding: 2px 12px 2px 30px; cursor: pointer; min-height: 1.4em; font-weight: bold; } h2.accordionTitle, h2.accordionTitle current { font-size: 0.98rem!important; padding: 5px 12px 7px 30px!important; } .accordion_rMenu .accordionTitle img, .accordion_rMenu .openSubMenu img { font-size: 1.4rem; line-height: 1rem; margin: 0 10px; width: 20px; } .accordion_rMenu .accordionTitle img { margin-top:-3px; margin-bottom: -1px; padding-right: 5px; } .accordion_rMenu .openSubMenu img { padding-top: 0px; padding-left: 0px; width:10px; } .accordion_rMenu .pane { display: block; } .accordion_rMenu .subAccordion .pane { display: block; } .accordion_rMenu .pane .accordionTitle { margin: 5px 5px 5px 0; padding: 9px 12px 10px 10px; background: #E3EDD8; color: #949494; } .accordion_rMenu .current { border: 3px dotted #1F86BD; color: white; } .accordion_rMenu .openSubMenu.current { border: 2px dotted #1F86BD; color: #ADADAD; } .accordion_rMenu .TDSBrightADs img { padding-right: 10px; } .featuredItemsAccordion { margin-top: 0; } } @media screen and (max-width: 780px) { .featuredItemsAccordion { float: left; width: 100%; } .featuredItemsAccordion { margin-top: 0; } .featuredItemsAccordion .pane { margin-top: 50px; } } /*Clearfix*/ .clearfix:after { content: "\00A0"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .clearfix { display: block; }