Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
0d127ad1 by Jeff Balicki
Options

qa 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent c736a733
Inline Side-by-side
Showing 1 changed file with 367 additions and 371 deletions
@media only screen and (min-width: 1000px) {
#mega-menu-wrap-primary{
width: 100%;
}
#mega-menu-primary{
width: 100%;
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
width: 24%;
color:#fff;
background-color: #EE0000;
border-radius: 1.25rem;
text-align: center;
height: 2.5rem;
margin-top: 0rem;
font-size: 18px;
position: relative;
font-family: "PT Sans",sans-serif;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
width: 100%;
text-align: center;
font-family: "PT Sans",sans-serif;
font-size: 18px;
height: 2.5rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before{
content: "";
width: 13px;
height: 0.4831rem;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
margin-left: -30px;
margin-top: 15px;
display: inline-block;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.742" height="7.726" viewBox="0 0 12.742 7.726"><path id="Path_1491" data-name="Path 1491" d="M6.383,4.709c.442-.447.875-.89,1.313-1.328Q9.274,1.8,10.855.231a.708.708,0,0,1,1.047,0c.2.206.405.407.608.61a.694.694,0,0,1,0,1.038L9.667,4.721,6.913,7.48a.768.768,0,0,1-.515.246.734.734,0,0,1-.567-.245Q4.769,6.415,3.706,5.349L.812,2.454c-.2-.2-.395-.393-.591-.591A.69.69,0,0,1,.228.844l.6-.6a.708.708,0,0,1,1.062,0L4.456,2.792,6.311,4.64Z" transform="translate(0 0)" fill="%23fff"/></svg>');
}
.mega-indicator{
display: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
background-color: #669999;
border-radius: 1.25rem 1.25rem 0rem 0rem;
height: 3.75rem;
margin-top: 0rem;
margin-bottom: -1.25rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
margin-top: 17px;
padding: 20px 28px 20px 20px;
background-color: #f0f0f0;
border-radius: 0rem 0rem 1.25rem 1.25rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu{
left: unset !important;;
}
.mega-sub-menu:has(.mega-menu-columns-4-of-12){
width: 75% !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu{
left: unset !important;
right: 0px !important;
}
.mega-menu-row .mega-sub-menu,
.mega-menu-column .mega-sub-menu{
width: 100% !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
//width: 320px;
//min-width: 320px;
//max-width: 320px;
margin: 0;
padding: 0px 15px 18px 10px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
margin:0;
color:#000;
text-decoration: none;
white-space: break-spaces;
font-size: 18px;
font-weight: 400;
font-family: "PT Sans",sans-serif;
font-weight:bold
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-menu-title {
text-decoration: underline;
font-weight:bold;
color:#000;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-menu-description {
color:#000;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.break-here > a.mega-menu-link {
font-size:20px;
font-family: "PT Sans",sans-serif;
}
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description{
font-style: normal;
font-size: 16px;
line-height: 20px;
font-family: "PT Sans",sans-serif;
}
.list-wrapper2,
.list-wrapper3 {
display: none;
}
}
@media only screen and (max-width: 1000px) {
#mega-menu-wrap-primary{
width: 100%;
}
#mega-menu-primary{
padding-top: 20px !important;
padding-bottom: 130px !important;
height: calc(100vh - 80px) !important;
}
.admin-bar #mega-menu-primary{
margin-top: 140px !important;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after{
display: none !important;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
width: 100vw;
max-width:100vw;
padding: 0px 34px;
margin: auto;
left: -100%;
margin-top: 10px;
min-height: 100vh;
background-color: #F0F0F0;
position: relative;
overflow: hidden !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
margin-top: 0px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
content:"";
width: 20px;
height: 15px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>');
display: inline-block;
position: relative;
top: 12px;
}
.back-one-level{
background-color: #EE0000;
position: fixed;
left: 0px;
top: 130px;
width: 40px;
height: 41px;
border: 0px solid #EE0000;
border-radius: 0px 50% 50% 0px;
display: none;
span{
color: #fff;
text-indent: -9999px;
display: block;
width: 100%;
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
&:before{
content:"";
width: 11px;
height: 18px;
background-repeat: no-repeat;
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
width: 24%;
color:#fff;
background-color: #EE0000;
border-radius: 1.25rem;
text-align: center;
height: 2.5rem;
margin-top: 0rem;
font-size: 18px;
position: relative;
font-family: "PT Sans",sans-serif;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
width: 100%;
text-align: center;
font-family: "PT Sans",sans-serif;
font-size: 18px;
height: 2.5rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before{
content: "";
width: 13px;
height: 0.4831rem;
position: absolute;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>');
background-repeat: no-repeat;
margin-left: -30px;
margin-top: 15px;
display: inline-block;
position: absolute;
top: 10px;
left: 13px;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.742" height="7.726" viewBox="0 0 12.742 7.726"><path id="Path_1491" data-name="Path 1491" d="M6.383,4.709c.442-.447.875-.89,1.313-1.328Q9.274,1.8,10.855.231a.708.708,0,0,1,1.047,0c.2.206.405.407.608.61a.694.694,0,0,1,0,1.038L9.667,4.721,6.913,7.48a.768.768,0,0,1-.515.246.734.734,0,0,1-.567-.245Q4.769,6.415,3.706,5.349L.812,2.454c-.2-.2-.395-.393-.591-.591A.69.69,0,0,1,.228.844l.6-.6a.708.708,0,0,1,1.062,0L4.456,2.792,6.311,4.64Z" transform="translate(0 0)" fill="%23fff"/></svg>');
}
}
.is-visible{
.back-one-level{
display: block !important;
}
}
.mega-sub-menu{
.mega-indicator{
display: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
background-color: #669999;
border-radius: 1.25rem 1.25rem 0rem 0rem;
height: 3.75rem;
margin-top: 0rem;
margin-bottom: -1.25rem;
}
.mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title{
position: relative;
display: inline-block;
&:after{
content:"";
width: 20px;
height: 22px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23000"/></svg>') !important;
display: inline-block;
position: relative;
top: 8px;
right: -10px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
margin-top: 17px;
padding: 20px 28px 20px 20px;
background-color: #f0f0f0;
border-radius: 0rem 0rem 1.25rem 1.25rem;
}
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
margin-left: 20px;
color: #555;
font-family: inherit;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
text-align: left;
vertical-align: top;
display: block;
border: 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
width: 100%;
margin: 10px auto 0px auto;
color:#fff;
background-color: #EE0000;
border-radius: 1.25rem;
text-align: left;
height: 2.5rem;
margin-top: 0rem;
font-size: 18px;
position: relative;
font-family: "PT Sans",sans-serif;
font-weight: 700;
padding-left: 40px;
margin-bottom: 14px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:hover{
background-color: #669999;
}
.sub-menu-wrapper{
background-color: #F0F0F0;
width: 100% !important;
height: auto;
padding: 0px 10% !important;
margin-bottom: 200px;
float: none !important;
}
}
@media only screen and (max-width: 1000px) {
#mega-menu-wrap-primary{
width: 100%;
height: auto;
top: 55px;
right: 0px;
position:absolute;
background: transparent;
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu{
left: unset !important;;
}
#mega-menu-wrap-primary .mega-menu-toggle{
background: transparent;
.mega-sub-menu:has(.mega-menu-columns-4-of-12){
width: 75% !important;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{
background-color: #EE0000;
border-radius: 50%;
width: 40px;
height: 40px;
margin-right: 15px;
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu{
left: unset !important;
right: 0px !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu{
display: none !important;
.mega-menu-row .mega-sub-menu,
.mega-menu-column .mega-sub-menu{
width: 100% !important;
}
.sub-mobile-menu .mega-sub-menu{
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 100vh !important;
transform: translateX(200%) !important;
backface-visibility: hidden !important;
transition: transform 0.5s !important;
background-color: #F0F0F0;
padding: 40px 40px 60px 40px;
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
//width: 320px;
//min-width: 320px;
//max-width: 320px;
margin: 0;
padding: 0px 15px 18px 10px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
margin:0;
color:#000;
text-decoration: none;
white-space: break-spaces;
font-size: 18px;
font-weight: 400;
font-family: "PT Sans",sans-serif;
font-weight:bold
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-menu-title {
text-decoration: underline;
font-weight:bold;
color:#000;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-menu-description {
color:#000;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.break-here > a.mega-menu-link {
font-size:20px;
font-family: "PT Sans",sans-serif;
}
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description{
font-style: normal;
font-size: 16px;
line-height: 20px;
font-family: "PT Sans",sans-serif;
}
.list-wrapper2,
.list-wrapper3 {
position: absolute !important;
top: 0 ;
left: 0 ;
right: 0 ;
height: 100%;
min-height: unset;
transform: translateX(100%) !important;
backface-visibility: hidden !important;
transition: transform 0.5s !important;
background-color: #F0F0F0;
padding: 20px 40px 50px 40px;
max-width: 100%;
overflow-y: scroll;
overflow-x: hidden;
ul.mega-sub-menu{
display: block !important;
display: none;
}
}
@media only screen and (max-width: 1000px) {
#mega-menu-primary{
padding-top: 20px !important;
padding-bottom: 130px !important;
height: calc(100vh - 80px) !important;
}
.admin-bar #mega-menu-primary{
margin-top: 140px !important;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after{
display: none !important;
}
.list-wrapper2.is-visible,
.list-wrapper3.is-visible {
transform: none !important;
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
width: 100vw;
max-width:100vw;
padding: 0px 34px;
margin: auto;
left: -100%;
margin-top: 10px;
min-height: 100vh;
background-color: #F0F0F0;
position: relative;
overflow: hidden !important;
}
.mega-menu-item .list-wrapper:nth-child(1) > ul > li > .sub-menu{
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
margin-top: 0px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
content:"";
width: 20px;
height: 15px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>');
display: inline-block;
position: relative;
top: 12px;
}
.back-one-level{
background-color: #EE0000;
position: fixed;
left: 0px;
top: 130px;
width: 40px;
height: 41px;
border: 0px solid #EE0000;
border-radius: 0px 50% 50% 0px;
display: none;
span{
color: #fff;
text-indent: -9999px;
display: block;
}
&:before{
content:"";
width: 11px;
height: 18px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>');
display: inline-block;
position: absolute;
top: 10px;
left: 13px;
}
}
.mega-sub-menu .mega-menu-item{
margin-top: 14px !important;
.is-visible{
.back-one-level{
display: block !important;
}
}
.mega-sub-menu{
.mega-indicator{
display: none !important;
}
.mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title{
position: relative;
display: inline-block;
&:after{
content:"";
width: 20px;
height: 22px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23000"/></svg>') !important;
display: inline-block;
position: relative;
top: 8px;
right: -10px;
}
}
}
.mega-menu-title{
color: #000;
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
margin-left: 20px;
color: #555;
font-family: inherit;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size:20px !important;;
line-height: 23px !important;;
margin-bottom: 5px;
text-align: left;
vertical-align: top;
display: block;
border: 0;
}
.mega-menu-description{
color: #000;
font-style: normal !important;
font-size:16px !important;;
line-height: 20px !important;;
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
width: 100%;
margin: 10px auto 0px auto;
color:#fff;
background-color: #EE0000;
border-radius: 1.25rem;
text-align: left;
height: 2.5rem;
margin-top: 0rem;
font-size: 18px;
position: relative;
font-family: "PT Sans",sans-serif;
font-weight: 700;
padding-left: 40px;
margin-bottom: 14px;
}
.list-wrapper3 .mega-sub-menu .mega-menu-item a{
color: #000 !important;
font-style: normal !important;
font-size:16px !important;;
line-height: 20px !important;;
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:hover{
background-color: #669999;
}
.sub-menu-wrapper{
background-color: #F0F0F0;
width: 100% !important;
height: auto;
padding: 0px 10% !important;
margin-bottom: 200px;
float: none !important;
}
#mega-menu-wrap-primary{
width: 100%;
height: auto;
top: 55px;
right: 0px;
position:absolute;
background: transparent;
}
#mega-menu-wrap-primary .mega-menu-toggle{
background: transparent;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{
background-color: #EE0000;
border-radius: 50%;
width: 40px;
height: 40px;
margin-right: 15px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu{
display: none !important;
}
.sub-mobile-menu .mega-sub-menu{
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 100vh !important;
transform: translateX(200%) !important;
backface-visibility: hidden !important;
transition: transform 0.5s !important;
background-color: #F0F0F0;
padding: 40px 40px 60px 40px;
}
.list-wrapper2,
.list-wrapper3 {
position: absolute !important;
top: 0 ;
left: 0 ;
right: 0 ;
height: 100%;
min-height: unset;
transform: translateX(100%) !important;
backface-visibility: hidden !important;
transition: transform 0.5s !important;
background-color: #F0F0F0;
padding: 20px 40px 50px 40px;
max-width: 100%;
overflow-y: scroll;
overflow-x: hidden;
ul.mega-sub-menu{
display: block !important;
}
}
.list-wrapper2.is-visible,
.list-wrapper3.is-visible {
transform: none !important;
}
.mega-menu-item .list-wrapper:nth-child(1) > ul > li > .sub-menu{
display: none;
}
.mega-sub-menu .mega-menu-item{
margin-top: 14px !important;
}
.mega-menu-title{
color: #000;
font-weight: bold;
font-size:20px !important;;
line-height: 23px !important;;
margin-bottom: 5px;
}
.mega-menu-description{
color: #000;
font-style: normal !important;
font-size:16px !important;;
line-height: 20px !important;;
}
.list-wrapper3 .mega-sub-menu .mega-menu-item a{
color: #000 !important;
font-style: normal !important;
font-size:16px !important;;
line-height: 20px !important;;
}
.list-wrapper3 .mega-sub-menu .mega-menu-item:first-of-type a{
color: #000 !important;
font-weight: bold;
font-size:20px !important;;
line-height: 23px !important;
}
}
.list-wrapper3 .mega-sub-menu .mega-menu-item:first-of-type a{
color: #000 !important;
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3:after{
content: "\00d7";
font-size: 34px;
font-weight: bold;
font-size:20px !important;;
line-height: 23px !important;
color: #fff;
margin: 0 0 0 10px;
line-height: 25px;
}
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3:after{
content: "\00d7";
font-size: 34px;
font-weight: bold;
color: #fff;
margin: 0 0 0 10px;
line-height: 25px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
content: "\f333";
font-family: dashicons;
font-weight: 500;
font-size: 27px;
color: #fff;
margin: 0px 0 0 6.1px;
line-height: 40px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
content: "\f333";
font-family: dashicons;
font-weight: 500;
font-size: 27px;
color: #fff;
margin: 0px 0 0 6.1px;
line-height: 40px;
}
\ No newline at end of file
......