Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
10ed1d22 by Jeff Balicki
Options

text size 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 8a3c64fb
Inline Side-by-side
Showing 24 changed files with 2187 additions and 1244 deletions
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -18,7 +18,7 @@
padding-bottom:1.563rem;
}
border-bottom:#BEBEBE solid 1px;
border-bottom:#BEBEBE solid 0.0625rem;
//This was seen to be the correct spacing in page #49 in the accordion with the download cards
& > h1, h2, h3, h4, h5 {
......@@ -32,7 +32,7 @@
}
}
&.first-accordion {
border-top: #bebebe solid 1px;
border-top: #bebebe solid 0.0625rem;
}
&.job-app-accordion {
......@@ -46,9 +46,9 @@
text-transform: uppercase;
margin-top:1.563rem !important;
&:after {
width: 19px;
height: 12px;
left:-30px;
width: 1.1875rem;
height: 0.75rem;
left:-1.875rem;
}
}
}
......@@ -86,10 +86,10 @@
font-weight: 300;
position: absolute;
right: unset;
left: -40px;
left: -2.5rem;
top: 50%;
width: 25px;
height: 15px;
width: 1.5625rem;
height: 0.9375rem;
background-image:url("./../img/down-arrow.png") ;
background-size: contain;
background-repeat: no-repeat;
......@@ -101,8 +101,8 @@
}
.c-accordion__title{
font-size: 20px !important;
line-height: 25px !important;
font-size: 1.25rem !important;
line-height: 1.5625rem !important;
}
.c-accordion__title.js-accordion-controller{
......
.call-out-block{
background-size: cover;
min-height: 300px;
min-height: 18.75rem;
position: relative;
overflow: hidden;
text-align: center;
......@@ -10,18 +10,18 @@
color:#fff;
margin-left:-50%;
margin-right:-50%;
margin-bottom: -25px;
margin-top: 25px;
margin-bottom: -1.5625rem;
margin-top: 1.5625rem;
padding-left:50%;
padding-right:50%;
background-color: #000;
box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
@media screen and (max-width: 768px) {
min-height: 250px;
box-shadow: inset 0 0 0 125rem rgba(0, 0, 0, 0.3);
@media screen and (max-width: 48rem) {
min-height: 15.625rem;
}
h2{
@media screen and (max-width: 768px) {
font-size: 24px;
@media screen and (max-width: 48rem) {
font-size: 1.5rem;
}
}
......@@ -30,7 +30,7 @@
.side-menu-page{
.call-out-block{
margin-left:-75%;
@media(max-width: 1000px) {
@media(max-width: 62.5rem) {
padding-left:75%;
}
}
......@@ -47,20 +47,20 @@
background-color: #EE0000;
color: #fff;
border: none;
font-size: 19px;
font-size: 1.1875rem;
font-weight: 500;
margin: 10px 0 0px 0;
padding: 15px 60px;
line-height: 26px;
margin: 0.625rem 0 0rem 0;
padding: 0.9375rem 3.75rem;
line-height: 1.625rem;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
width: unset;
border-radius: 40px !important;
border-radius: 2.5rem !important;
@media screen and (max-width: 768px) {
font-size: 16px;
padding: 15px 30px;
@media screen and (max-width: 48rem) {
font-size: 1rem;
padding: 0.9375rem 1.875rem;
}
}
......
.swiper-pagination-bullet {
background: #fff !important;
border: 2px solid #2c2c2c !important;
height: 10px !important;
width: 10px !important;
border: 0.125rem solid #2c2c2c !important;
height: 0.625rem !important;
width: 0.625rem !important;
border-radius: 0% !important;
background-color: #666666 !important;
border: 1px solid #666666 !important;
border: 0.0625rem solid #666666 !important;
opacity: 0.25 !important;
}
.swiper-pagination-bullet-active {
......@@ -13,35 +13,35 @@
}
.swiper-pagination{
bottom: -40px !important;
bottom: -2.5rem !important;
}
// carousel css
.carousel:not(.is-admin) {
background-color: transparent !important;
left: -20px;
left: -1.25rem;
width: 100vw;
margin-top: 30px;
margin-bottom: 30px;
padding: 0px 50px;
margin-top: 1.875rem;
margin-bottom: 1.875rem;
padding: 0rem 3.125rem;
}
.carousel-items {
text-align: center;
font-size: 18px;
font-size: 1.125rem;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
max-width: 1200px;
max-width: 75rem;
margin: 0 auto;
overflow: hidden;
}
.carousel-content{
padding: 0px 50px;
@media only screen and (max-width: 782px) {
padding: 0px 10px;
padding: 0rem 3.125rem;
@media only screen and (max-width: 48.875rem) {
padding: 0rem 0.625rem;
}
}
.promo-image{
......@@ -51,20 +51,20 @@ padding: 0px 50px;
}
.promo-carousel{
h2{
font-size: 24px;
line-height: 30px;
font-size: 1.5rem;
line-height: 1.875rem;
text-align: left;
}
p{
font-size: 16px;
line-height: 24px;
font-size: 1rem;
line-height: 1.5rem;
text-align: left;
}
.promo-text{
margin-left: 20px;
@media only screen and (max-width: 1000px) {
margin-left: 0px;
margin-top: 20px;
margin-left: 1.25rem;
@media only screen and (max-width: 62.5rem) {
margin-left: 0rem;
margin-top: 1.25rem;
}
}
}
......@@ -75,7 +75,7 @@ padding: 0px 50px;
}
.carousel-items.slick-initialized.slick-slider {
margin-right: 15px; //for the scroll bar
margin-right: 0.9375rem; //for the scroll bar
}
......@@ -83,23 +83,23 @@ padding: 0px 50px;
.swiper-button-prev{
background-color: #EE0000;
width:35px !important;
height:35px !important;
border: 0px solid #EE0000;
border-radius: 0px 20px 20px 0px;
width:2.1875rem !important;
height:2.1875rem !important;
border: 0rem solid #EE0000;
border-radius: 0rem 1.25rem 1.25rem 0rem;
display: none;
&:after{
content:"" !important;
width: 11px;
height: 18px;
width: 0.6875rem;
height: 1.125rem;
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: 8px;
left: 13px;
top: 0.5rem;
left: 0.8125rem;
}
}
......@@ -107,28 +107,28 @@ padding: 0px 50px;
.swiper-button-next{
background-color: #EE0000;
right: 0px !important;
@media only screen and (max-width:400px) {
right: -10px !important;
right: 0rem !important;
@media only screen and (max-width:25rem) {
right: -0.625rem !important;
}
width:35px !important;
height:35px !important;
border: 0px solid #EE0000;
border-radius: 20px 0px 0px 20px;
width:2.1875rem !important;
height:2.1875rem !important;
border: 0rem solid #EE0000;
border-radius: 1.25rem 0rem 0rem 1.25rem;
display: none;
&:after{
content:"" !important;
width: 11px;
height: 18px;
width: 0.6875rem;
height: 1.125rem;
background-repeat: no-repeat;
background-size: contain;
transform: rotate(180deg);
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: 8px;
left: 13px;
top: 0.5rem;
left: 0.8125rem;
}
}
......
......@@ -2,7 +2,7 @@ body{
font-family: "PT Sans",sans-serif;
}
@import "mega_menu";
@import "menu";
@import "header";
@import "custom_select";
......@@ -15,9 +15,9 @@ body{
@import "footer";
@import "accordion";
@import "call_out";
@import "pojo_a11";
@import "g_translate";
@import "text_size_increased";
@import "promo_area";
@import "project_lead";
@import "carousel";
@import "pojo_a11";
@import "text_size_increased";
\ No newline at end of file
......
......@@ -19,44 +19,44 @@ a.skip-link {
}
p{
font-size: 16px;
line-height: 20px;
font-size: 1rem;
line-height: 1.25rem;
}
.entry-content{
h1, h2, h3, h4, h5, h6 {
font-family: "PT Sans",sans-serif;
font-weight: 700;
margin: 0 0 10px;
margin: 0 0 0.625rem;
padding: 0;
}
h1 {
font-size: 45px;
line-height: 52px;
margin-bottom: 24px;
font-size: 2.8125rem;
line-height: 3.25rem;
margin-bottom: 1.5rem;
}
h2{
font-size: 35px;
line-height: 42px;
font-size: 2.1875rem;
line-height: 2.625rem;
}
h3 {
font-size: 24px;
line-height: 30px;
font-size: 1.5rem;
line-height: 1.875rem;
}
h4 {
font-size: 20px;
line-height: 25px;
font-size: 1.25rem;
line-height: 1.5625rem;
}
ul:not(.side-menu):not(.children){
li{
color: #4D4D4D;
margin-bottom: 8px;
padding: 3px 0 2px 10px;
margin-bottom: 0.5rem;
padding: 0.1875rem 0 0.125rem 0.625rem;
ul:not(.side-menu):not(.children){
list-style: none;
margin-top: 8px;
margin-top: 0.5rem;
li:before{
content: "-";
color: #4D4D4D;
......@@ -72,8 +72,8 @@ ul:not(.side-menu):not(.children){
ol{
li{
color: #4D4D4D;
margin-bottom: 8px;
padding: 3px 0 2px 10px;
margin-bottom: 0.5rem;
padding: 0.1875rem 0 0.125rem 0.625rem;
}
}
......@@ -81,73 +81,73 @@ ol{
.wp-block-pullquote{
padding: 2em 0;
margin-bottom:80px;
margin-bottom:5rem;
}
blockquote{
border-left: 1px solid #EE0000;
border-right: 1px solid #EE0000;
margin: 0 70px 80px 70px;
@media only screen and (max-width: 782px) {
margin: 0 20px;
border-left: 0.0625rem solid #EE0000;
border-right: 0.0625rem solid #EE0000;
margin: 0 4.375rem 5rem 4.375rem;
@media only screen and (max-width: 48.875rem) {
margin: 0 1.25rem;
}
position: relative;
p{
font-size: 20px;
line-height: 26px;
font-size: 1.25rem;
line-height: 1.625rem;
font-style: italic;
margin: 0 0 20px;
padding: 0px 25px ;
margin: 0 0 1.25rem;
padding: 0rem 1.5625rem ;
color: #4D4D4D;
text-align: left;
margin-bottom: -20px;
margin-bottom: -1.25rem;
&::before{
content: "“";
display: block;
position: absolute;
top: 0px;
padding-top: 10px;
left: -20px;
font-size: 80px;
line-height: 55px;
top: 0rem;
padding-top: 0.625rem;
left: -1.25rem;
font-size: 5rem;
line-height: 3.4375rem;
color: #e00;
height: 30px;
width: 30px;
height: 1.875rem;
width: 1.875rem;
background-color: #fff;
}
&::after{
content: "”";
display: block;
position: absolute;
bottom: 0px;
right: -7px;
font-size: 80px;
line-height: 55px;
padding-top: 10px;
bottom: 0rem;
right: -0.4375rem;
font-size: 5rem;
line-height: 3.4375rem;
padding-top: 0.625rem;
color: #e00;
height: 20px;
height: 1.25rem;
background-color: #fff;
}
}
cite{
font-size: 16px;
line-height: 20px;
font-size: 1rem;
line-height: 1.25rem;
display: block;
color: #4D4D4D;
font-weight: bold;
font-style: normal;
text-align: right;
position: absolute;
right: 30px;
bottom: -40px;
@media only screen and (max-width: 782px) {
right: 1.875rem;
bottom: -2.5rem;
@media only screen and (max-width: 48.875rem) {
max-width: 50%;
bottom: -80px;
bottom: -5rem;
}
@media only screen and (max-width: 400px) {
bottom: -80px;
@media only screen and (max-width: 25rem) {
bottom: -5rem;
max-width: 70%;
}
float: right;
......@@ -160,7 +160,7 @@ blockquote{
overflow: hidden;
.cap-wrapper {
position: relative;
max-height: 750px;
max-height: 46.875rem;
}
figcaption {
position: absolute;
......@@ -176,7 +176,7 @@ blockquote{
padding: 1rem 2rem;
font-size: .75rem;
max-width: 65%;
@media only screen and (max-width: 782px) {
@media only screen and (max-width: 48.875rem) {
max-width: 100%;
background: rgba(0,0,0,1);
}
......@@ -204,7 +204,7 @@ blockquote{
}
}
figure.wp-block-image img{
margin-bottom: 0px;
margin-bottom: 0rem;
}
}
......@@ -214,27 +214,27 @@ blockquote{
.badge{
position: absolute;
right: 0%;
top: -50px;
box-shadow: 0px 3px 6px #0000003D;
border-radius: 20px;
top: -3.125rem;
box-shadow: 0rem 0.1875rem 0.375rem #0000003D;
border-radius: 1.25rem;
width: auto;
text-align: left;
z-index: 99;
padding: 10px 20px;
padding: 0.625rem 1.25rem;
background-color: #fff;
@media only screen and (max-width: 782px) {
padding: 10px 20px;
@media only screen and (max-width: 48.875rem) {
padding: 0.625rem 1.25rem;
}
.badge-title{
color: #000000;
font-size: 16px;
line-height: 30px;
font-size: 1rem;
line-height: 1.875rem;
font-weight: bold;
position: relative;
display: inline-block;
@media only screen and (max-width: 782px) {
font-size: 0px;
line-height: 0px;
@media only screen and (max-width: 48.875rem) {
font-size: 0rem;
line-height: 0rem;
}
&:after{
content: "";
......@@ -242,20 +242,20 @@ blockquote{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20"><defs><clipPath id="clip-path"><rect id="Rectangle_249" data-name="Rectangle 249" width="4.525" height="13.303" fill="%23fff"/></clipPath></defs><g id="Group_1856" data-name="Group 1856" transform="translate(-1152 -683)"><circle id="Ellipse_2" data-name="Ellipse 2" cx="10" cy="10" r="10" transform="translate(1152 683)" fill="%234d4d4d"/><g id="Group_1855" data-name="Group 1855" transform="translate(1160.196 686.107)"><g id="Group_1854" data-name="Group 1854" transform="translate(0 0)" clip-path="url(%23clip-path)"><path id="Path_1493" data-name="Path 1493" d="M.308,5.032V4.579q.271-.109.615-.226t.706-.208q.362-.09.688-.154A3.073,3.073,0,0,1,2.9,3.928l.326.217-1.7,8.036H2.86v.471a3.262,3.262,0,0,1-.887.471,2.948,2.948,0,0,1-1,.181,1.009,1.009,0,0,1-.751-.235A.76.76,0,0,1,0,12.525a4.52,4.52,0,0,1,.054-.706q.054-.344.145-.76L1.466,5.213ZM1.774,1.014a.968.968,0,0,1,.29-.742A1.066,1.066,0,0,1,2.824,0a1.118,1.118,0,0,1,.8.271.968.968,0,0,1,.29.742.889.889,0,0,1-.29.706,1.168,1.168,0,0,1-.8.253,1.113,1.113,0,0,1-.76-.253.889.889,0,0,1-.29-.706" transform="translate(0 0)" fill="%23fff"/></g></g></g></svg>');
background-repeat: no-repeat;
background-size: contain;
width: 20px;
height: 20px;
margin-left: 10px;
top: 4px;
width: 1.25rem;
height: 1.25rem;
margin-left: 0.625rem;
top: 0.25rem;
position: relative;
@media only screen and (max-width: 782px) {
margin-left: 0px;
top: 2px;
@media only screen and (max-width: 48.875rem) {
margin-left: 0rem;
top: 0.125rem;
}
}
}
p{
font-size: 14px;
line-height: 18px;
font-size: 0.875rem;
line-height: 1.125rem;
font-weight: normal;
color: #000000;
display: none;
......@@ -271,25 +271,25 @@ blockquote{
width: auto;
height: auto;
overflow: hidden;
@media only screen and (max-width: 782px) {
padding: 10px 20px;
@media only screen and (max-width: 48.875rem) {
padding: 0.625rem 1.25rem;
}
.badge-title{
display:block;
@media only screen and (max-width: 782px) {
font-size:16px;
line-height: 30px;
@media only screen and (max-width: 48.875rem) {
font-size:1rem;
line-height: 1.875rem;
}
&:after{
float: right;
@media only screen and (max-width: 782px) {
margin-left: 10px;
top: 4px;
@media only screen and (max-width: 48.875rem) {
margin-left: 0.625rem;
top: 0.25rem;
}
}
}
p{
max-width: 270px;
max-width: 16.875rem;
width: auto;
height: auto;
display: block;
......@@ -302,8 +302,8 @@ blockquote{
table {
margin: 40px 0px;
border: 4px solid #fff!important;
margin: 2.5rem 0rem;
border: 0.25rem solid #fff!important;
background-color: #EAEDF1 !important;
width: 100%;
text-align: left;
......@@ -311,29 +311,29 @@ table {
overflow-x: scroll;
}
table td, table th {
border: 4px solid #FFFFFF !important;
padding: 7px 7px;
border: 0.25rem solid #FFFFFF !important;
padding: 0.4375rem 0.4375rem;
}
table tbody td {
font-size: 16px;
line-height: 20px;
padding: 10px 15px !important;
font-size: 1rem;
line-height: 1.25rem;
padding: 0.625rem 0.9375rem !important;
}
table tr:nth-child(even) {
background: #FFFFFF !important;
}
table thead {
background: #FFFFFF !important;
border: 4px solid #fff!important;
border: 0.25rem solid #fff!important;
}
table thead th {
font-size: 16px;
line-height: 20px;
font-size: 1rem;
line-height: 1.25rem;
font-weight: bold;
color: #000000;
border: 4px solid #fff!important;
padding: 10px 15px !important;
border: 0.25rem solid #fff!important;
padding: 0.625rem 0.9375rem !important;
}
table thead th:first-child {
border-left: none;
......
#wrapper-footer{
background-color: #F0F0F0;
padding: 33px 40px;
padding: 2.0625rem 2.5rem;
.appArea{
h2{
margin-left: -15px;
margin-left: -0.9375rem;
}
}
.site-info-menu{
padding-left: 0px;
margin-left: 0px;
padding-left: 0rem;
margin-left: 0rem;
}
}
.chw-title{
font-size: 20px;
font-size: 1.25rem;
font-weight: bold;
margin-bottom: 10px;
margin-bottom: 0.625rem;
text-transform: uppercase;
text-align: left;
}
.chw-widget h2{
font-size: 20px;
font-size: 1.25rem;
font-weight: bold;
margin-bottom: 10px;
margin-bottom: 0.625rem;
text-transform: uppercase;
text-align: left;
......@@ -31,16 +31,16 @@
#menu-footer{
list-style: none;
margin-left: 0px;
padding-left: 0px;
margin-left: 0rem;
padding-left: 0rem;
li{
margin-bottom: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-bottom: 0rem;
padding-bottom: 0rem;
padding-left: 0rem;
a{
color: #000;
font-size: 16px;
line-height: 22px;
font-size: 1rem;
line-height: 1.375rem;
font-weight: 400;
text-decoration: none;
&:hover{
......
input:not(.search-field):not(.sf-input-text), optgroup, select, textarea {
border:1px solid #707070 !important;
border:0.0625rem solid #707070 !important;
}
button, input, optgroup, select, textarea{
border-radius: 0;
border-style: solid;
border-width: 1px;
border-width: 0.0625rem;
}
.html-form {
......@@ -72,10 +72,10 @@ button, input, optgroup, select, textarea{
input, select {
border:0;
height: 2.188rem;
padding:0 12px;
padding:0 0.75rem;
background:white;
margin-right: 20px;
margin-bottom: 5px;
margin-right: 1.25rem;
margin-bottom: 0.3125rem;
&[multiple="multiple"] {
height: 5.5rem;
}
......@@ -88,7 +88,7 @@ button, input, optgroup, select, textarea{
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: 10px 16px;
background-size: 0.625rem 1rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.175' height='9.808' viewBox='0 0 16.175 9.808'%3E%3Cpath id='Path_1396' data-name='Path 1396' d='M19.409 190.005c.561-.568 1.11-1.13 1.667-1.686q2-2 4.01-4a.9.9 0 0 1 1.329 0c.254.261.515.516.772.774a.881.881 0 0 1-.005 1.318q-1.8 1.8-3.605 3.606-1.748 1.75-3.495 3.5a.975.975 0 0 1-.654.312.931.931 0 0 1-.719-.31q-1.349-1.354-2.7-2.706-1.836-1.838-3.674-3.675c-.25-.25-.5-.5-.75-.75A.876.876 0 0 1 11.6 185.1l.766-.766a.9.9 0 0 1 1.348 0l3.252 3.24 2.355 2.345C19.339 189.941 19.363 189.962 19.409 190.005Z' transform='translate(-11.305 -184.028)'/%3E%3C/svg%3E")!important;
pointer-events: none;
}
......@@ -109,9 +109,9 @@ button, input, optgroup, select, textarea{
.appArea.responsive {
.row{
padding-right: 10px;
@media only screen and (max-width: 782px) {
padding-right: 0px;
padding-right: 0.625rem;
@media only screen and (max-width: 48.875rem) {
padding-right: 0rem;
}
}
......@@ -192,7 +192,7 @@ button, input, optgroup, select, textarea{
//The newsletter signup on homepage
#cons_info_component_container {
max-width: 100%;
width: 1068px;
width: 66.75rem;
}
.input-label {
......@@ -237,21 +237,21 @@ button, input, optgroup, select, textarea{
}
label {
padding-left: 0px !important;
padding-left: 0rem !important;
}
input[type="submit"] {
margin-top: 10px;
margin-top: 0.625rem;
color:white !important;
padding: 7px 30px 10px 30px!important;
padding: 0.4375rem 1.875rem 0.625rem 1.875rem!important;
width: auto !important;
font-size: 14px !important;
line-height: 19px;
font-size: 0.875rem !important;
line-height: 1.1875rem;
font-family: "PT Sans",sans-serif;
font-weight: 700;
border-radius: 25px !important;
border-radius: 1.5625rem !important;
background-color: #e00 !important;
margin-right: 0px;
margin-right: 0rem;
&:hover {
background:#669999 !important;
}
......@@ -331,7 +331,7 @@ button, input, optgroup, select, textarea{
input {
border-radius: 0 !important;
height:2.188rem !important;
min-width: 200px;
min-width: 12.5rem;
}
label {
......@@ -343,7 +343,7 @@ button, input, optgroup, select, textarea{
}
}
@media(max-width:1156px) {
@media(max-width:72.25rem) {
#cons_info_component_container {
row-gap: 0;
}
......@@ -472,7 +472,7 @@ transform-origin: bottom left;
//transition: 120ms transform ease-in-out;
}
.sf-label-checkbox {
font-size: 16px !important;
font-size: 1rem !important;
color: #4d4d4d !important;
font-weight: 300 !important;
}
......@@ -482,8 +482,8 @@ transform: scale(1);
}
input[type="checkbox"]:focus {
outline: max(2px, 0.15em) solid currentColor;
outline-offset: max(2px, 0.15em);
outline: max(0.125rem, 0.15em) solid currentColor;
outline-offset: max(0.125rem, 0.15em);
}
......@@ -491,7 +491,7 @@ outline-offset: max(2px, 0.15em);
.ui-datepicker {
padding: 0;
border: 1px solid #ddd;
border: 0.0625rem solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
......@@ -504,7 +504,7 @@ outline-offset: max(2px, 0.15em);
border-radius: 0;
}
.ui-datepicker table {
font-size: 13px;
font-size: 0.8125rem;
margin: 0;
}
.ui-datepicker .ui-datepicker-header {
......@@ -529,7 +529,7 @@ outline-offset: max(2px, 0.15em);
margin-top: 0.4em;
margin-bottom: 0.3em;
color: #fff !important;
font-size: 14px;
font-size: 0.875rem;
}
.ui-datepicker .ui-datepicker-title span {
color: #fff !important;
......@@ -546,28 +546,28 @@ outline-offset: max(2px, 0.15em);
border: none;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 2px;
left: 0.125rem;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 2px;
right: 0.125rem;
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
background-image: url("data:image/png;base64,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");
background-position: -32px 0;
background-position: -2rem 0;
margin-top: 0;
top: 0;
font-weight: normal;
}
.ui-datepicker .ui-datepicker-prev span {
background-position: -96px 0;
background-position: -6rem 0;
}
.ui-datepicker th {
padding: 0.75em 0;
color: #fff !important;
font-weight: normal;
border: none;
border-top: 1px solid #333;
border-top: 0.0625rem solid #333;
}
.ui-datepicker td {
background: #f1f1f1;
......@@ -612,7 +612,7 @@ outline-offset: max(2px, 0.15em);
select {
border: 0px solid #707070 !important;
border: 0rem solid #707070 !important;
background-color: transparent;
min-width: unset !important;
}
......@@ -628,7 +628,7 @@ select {
cursor: pointer;
line-height: 1.1;
background-color: #fff;
border: 1px solid #bebebe;
border: 0.0625rem solid #bebebe;
}
[data-sf-field-input-type="select"] label {
&:after {
......
......@@ -2,7 +2,7 @@
position: relative;
height: 100%;
overflow: hidden;
min-height: 600px;
min-height: 37.5rem;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
......@@ -16,26 +16,26 @@
margin: auto;
text-align: center;
display: flex;
font-size: 32px;
line-height:36px ;
margin-bottom: 40px;
font-size: 2rem;
line-height:2.25rem ;
margin-bottom: 2.5rem;
width: 100%;
max-width: 720px;
max-width: 45rem;
font-weight: bold;
@media only screen and (max-width: 782px) {
font-size: 18px;
line-height:22px ;
@media only screen and (max-width: 48.875rem) {
font-size: 1.125rem;
line-height:1.375rem ;
}
}
.content-container{
position: absolute;
bottom: 0px;
bottom: 0rem;
width: 100%;
display: flex;
flex-direction: column;
height: 90%;
max-height: 600px;
max-height: 37.5rem;
justify-content: center;
.fx-style{
display: flex;
......@@ -47,47 +47,47 @@
.search-box{
background-color: #fff;
border-radius: 1.25rem ;
max-width: 720px;
max-width: 45rem;
margin: auto;
padding: 42px 50px ;
@media only screen and (max-width: 782px) {
padding: 28px 48px ;
padding: 2.625rem 3.125rem ;
@media only screen and (max-width: 48.875rem) {
padding: 1.75rem 3rem ;
}
h4{
font-size: 45px !important;
line-height: 53px;
font-size: 2.8125rem !important;
line-height: 3.3125rem;
text-align: center;
font-weight: lighter;
font-family: "PT Sans",sans-serif;
@media only screen and (max-width: 782px) {
font-size: 35px !important;
line-height: 40px;
@media only screen and (max-width: 48.875rem) {
font-size: 2.1875rem !important;
line-height: 2.5rem;
}
}
.searchandfilter{
width: calc(100% - 50px);
@media only screen and (max-width: 782px) {
width: calc(100% - 35px);
width: calc(100% - 3.125rem);
@media only screen and (max-width: 48.875rem) {
width: calc(100% - 2.1875rem);
}
display: inline-block;
}
.searchandfilter ul{
padding-left: 0px;
padding-left: 0rem;
}
.searchandfilter h4{
font-size: 45px !important;
line-height: 53px;
font-size: 2.8125rem !important;
line-height: 3.3125rem;
text-align: center;
font-weight: lighter;
font-family: "PT Sans",sans-serif;
}
.sf-field-search{
display: inline-block;
width: calc(100% - 60px);
@media screen and (max-width: 900px) {
width: calc(100% - 56px);
width: calc(100% - 3.75rem);
@media screen and (max-width: 56.25rem) {
width: calc(100% - 3.5rem);
}
label{
width: 90%;
......@@ -95,7 +95,7 @@
display: inline-block !important;
margin: auto;
margin-left: 10%;
@media screen and (max-width: 900px) {
@media screen and (max-width: 56.25rem) {
width: 100%;
margin-left: 5%;
}
......@@ -114,7 +114,7 @@
input[name="_sf_search[]"]{
width: 100%;
border: 0;
border-bottom: 1px solid #707070;
border-bottom: 0.0625rem solid #707070;
border-radius: 0;
font-size: 1.75rem;
font-weight: 400;
......@@ -127,14 +127,14 @@
.sf-field-submit{
display: inline-block !important;
@media screen and (max-width: 900px) {
margin-left:0px;
@media screen and (max-width: 56.25rem) {
margin-left:0rem;
}
input[name="_sf_submit"]{
border-radius: 50%;
padding: 0;
height: 40px;
width:40px;
height: 2.5rem;
width:2.5rem;
margin-top: -0.6rem;
margin-left: 1rem;
font-size: 1.125rem;
......@@ -146,9 +146,9 @@
text-transform: uppercase;
transition: none;
display: inline-block !important;
@media screen and (max-width: 900px) {
height: 40px;
width:40px;
@media screen and (max-width: 56.25rem) {
height: 2.5rem;
width:2.5rem;
}
&:hover {
......@@ -182,7 +182,7 @@
.side-caption {
max-width: 30%;
@media screen and (max-width: 768px) {
@media screen and (max-width: 48rem) {
max-width: 100%;
}
}
......@@ -199,13 +199,13 @@
.image-side-caption {
background: rgba(0,0,0,0.7);
@media screen and (max-width: 768px) {
@media screen and (max-width: 48rem) {
background: rgba(0,0,0,1);
}
display: block;
color:white;
padding: 1rem 2rem;
font-size:14px;
font-size:0.875rem;
// max-width: 30%; // need to get rid of this for job profiles
margin-top:0;
.cap, .copyright {
......
#gt_float_wrapper{
right: 0px !important;
@media screen and (max-width: 1000px){
top: 0px !important;
right: 0rem !important;
@media screen and (max-width: 62.5rem){
top: 0rem !important;
}
.gt_float_switcher{
box-shadow: none !important;
border-radius: 0px 0px 10px 10px;
border-radius: 0rem 0rem 0.625rem 0.625rem;
}
.gt_float_switcher .gt_options.gt-open{
max-height: unset !important;
border-radius: 0px 0px 10px 10px;
border-radius: 0rem 0rem 0.625rem 0.625rem;
}
.gt-current-lang{
......@@ -22,8 +22,8 @@
}
.nturl{
font-size: 16px;
line-height: 18px;
font-size: 1rem;
line-height: 1.125rem;
img{
display: none;
}
......@@ -36,14 +36,14 @@
}
.gt_options{
background-color: #fff !important;
padding: 10px 0;
padding: 0.625rem 0;
}
.admin-bar{
#gt_float_wrapper{
top: 40px !important;
top: 2.5rem !important;
}
}
.gt_float_switcher .gt_options a{
......
......@@ -18,54 +18,54 @@
.branding{
display: flex;
margin-bottom: 0px;
margin-top: 15px;
margin-bottom: 0rem;
margin-top: 0.9375rem;
}
#main-nav{
box-shadow: 0px 3px 6px #00000029;
box-shadow: 0rem 0.1875rem 0.375rem #00000029;
//z-index: 9999;
}
#main-nav .container{
flex-direction: column;
align-items: flex-start;
margin-bottom: 10px;
@media only screen and (max-width: 1000px) {
height: 90px;
padding-top: 25px;
margin-bottom: 0px;
margin-bottom: 0.625rem;
@media only screen and (max-width: 62.5rem) {
height: 5.625rem;
padding-top: 1.5625rem;
margin-bottom: 0rem;
}
}
@media only screen and (max-width: 1000px) {
@media only screen and (max-width: 62.5rem) {
.branding{
margin-top: 0px;
margin-top: 0rem;
}
.site-title{
font-size: 20px;
line-height: 24px;
margin-left: 0px;
font-size: 1.25rem;
line-height: 1.5rem;
margin-left: 0rem;
}
.navbar-brand{
width:130px;
width:8.125rem;
}
}
@media only screen and (max-width: 400px) {
@media only screen and (max-width: 25rem) {
.site-title{
font-size: 18px;
line-height: 24px;
margin-left: 0px;
padding-left: 15px;
font-size: 1.125rem;
line-height: 1.5rem;
margin-left: 0rem;
padding-left: 0.9375rem;
}
}
.site{
margin-top: 170px;
margin-top: 10.625rem;
max-width: 100%;
overflow-x: hidden;
@media only screen and (max-width: 1000px) {
margin-top: 80px;
@media only screen and (max-width: 62.5rem) {
margin-top: 5rem;
}
}
......@@ -74,17 +74,17 @@
width: 100%;
background-color: #fff;
z-index: 999;
top: 0px;
top: 0rem;
}
.admin-bar #wrapper-navbar {
top: 32px;
top: 2rem;
}
@media only screen and (max-width: 782px) {
@media only screen and (max-width: 48.875rem) {
.admin-bar #wrapper-navbar {
top: 46px;
top: 2.875rem;
}
}
\ No newline at end of file
......
/** Wednesday 26th July 2023 02:16:49 UTC (core) **/
/** THIS FILE IS AUTOMATICALLY GENERATED - DO NOT MAKE MANUAL EDITS! **/
/** Custom CSS should be added to Mega Menu > Menu Themes > Custom Styling **/
.mega-menu-last-modified-1690337809 { content: 'Wednesday 26th July 2023 02:16:49 UTC'; }
#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge {
transition: none;
border-radius: 0;
box-shadow: none;
background: none;
border: 0;
bottom: auto;
box-sizing: border-box;
clip: auto;
color: #666;
display: block;
float: none;
font-family: inherit;
font-size: 0.875rem;
height: auto;
left: auto;
line-height: 1.7;
list-style-type: none;
margin: 0;
min-height: auto;
max-height: none;
min-width: auto;
max-width: none;
opacity: 1;
outline: none;
overflow: visible;
padding: 0;
position: relative;
pointer-events: auto;
right: auto;
text-align: left;
text-decoration: none;
text-indent: 0;
text-transform: none;
transform: none;
top: auto;
vertical-align: baseline;
visibility: inherit;
width: auto;
word-wrap: break-word;
white-space: normal;
}
#mega-menu-wrap-primary:before, #mega-menu-wrap-primary #mega-menu-primary:before, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu:before, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:before, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row:before, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column:before, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:before, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge:before, #mega-menu-wrap-primary:after, #mega-menu-wrap-primary #mega-menu-primary:after, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column:after, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge:after {
display: none;
}
#mega-menu-wrap-primary {
border-radius: 0;
}
@media only screen and (min-width: 62.5625rem) {
#mega-menu-wrap-primary {
background: rgba(0, 0, 0, 0);
}
}
#mega-menu-wrap-primary.mega-keyboard-navigation .mega-menu-toggle:focus, #mega-menu-wrap-primary.mega-keyboard-navigation .mega-toggle-block:focus, #mega-menu-wrap-primary.mega-keyboard-navigation .mega-toggle-block a:focus, #mega-menu-wrap-primary.mega-keyboard-navigation .mega-toggle-block .mega-search input[type=text]:focus, #mega-menu-wrap-primary.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary a:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary span:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary input:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary li.mega-menu-item a.mega-menu-link:focus {
outline: 0.1875rem solid #109cde;
outline-offset: -0.1875rem;
}
#mega-menu-wrap-primary.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus {
outline-offset: 0.125rem;
}
#mega-menu-wrap-primary.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
background: #e00;
color: #fff;
font-weight: normal;
text-decoration: none;
border-color: #fff;
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
color: #fff;
background: #333;
}
}
#mega-menu-wrap-primary #mega-menu-primary {
visibility: visible;
text-align: center;
padding: 1.25rem 0rem 0rem 0rem;
}
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
cursor: pointer;
display: inline;
}
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group {
vertical-align: middle;
display: inline-block;
transition: none;
}
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-title, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description {
transition: none;
line-height: 1.5;
display: block;
}
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description {
font-style: italic;
font-size: 0.8em;
text-transform: none;
font-weight: normal;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
display: flex;
align-items: center;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link:before {
flex: 0 0 auto;
align-self: flex-start;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
display: block;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link {
display: table-cell;
vertical-align: middle;
line-height: initial;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
display: block;
margin: 0 0 0.375rem 0;
text-align: center;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link > span.mega-title-below {
display: inline-block;
transition: none;
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-icon-top > a.mega-menu-link {
display: block;
line-height: 2.5rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
display: inline-block;
margin: 0 0.375rem 0 0;
text-align: left;
}
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-right > a.mega-menu-link:before {
float: right;
margin: 0 0 0 0.375rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-animating > ul.mega-sub-menu {
pointer-events: none;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu li.mega-disable-link > a.mega-menu-link {
cursor: inherit;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {
cursor: pointer;
}
#mega-menu-wrap-primary #mega-menu-primary p {
margin-bottom: 0.625rem;
}
#mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img {
max-width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
display: block;
visibility: hidden;
opacity: 1;
pointer-events: auto;
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
display: none;
visibility: visible;
opacity: 1;
}
#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: block;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on li.mega-hide-sub-menu-on-mobile > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-hide-sub-menu-on-mobile > ul.mega-sub-menu {
display: none;
}
}
@media only screen and (min-width: 62.5625rem) {
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"] li.mega-menu-item > ul.mega-sub-menu {
opacity: 0;
transition: opacity 200ms ease-in, visibility 200ms ease-in;
}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
opacity: 1;
}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
opacity: 0;
transform: translate(0, 0.625rem);
transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
opacity: 1;
transform: translate(0, 0);
}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
transform: translate(0, 0.625rem);
transition: transform 200ms ease-in, visibility 200ms ease-in;
}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
transform: translate(0, 0);
}
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children > ul.mega-sub-menu {
display: none;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children.mega-toggle-on > ul.mega-sub-menu {
display: block;
}
#mega-menu-wrap-primary #mega-menu-primary.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
visibility: visible;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
visibility: inherit;
opacity: 1;
display: block;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-1-columns > ul.mega-sub-menu > li.mega-menu-item {
float: left;
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns > ul.mega-sub-menu > li.mega-menu-item {
float: left;
width: 50%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-3-columns > ul.mega-sub-menu > li.mega-menu-item {
float: left;
width: 33.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item {
float: left;
width: 25%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-5-columns > ul.mega-sub-menu > li.mega-menu-item {
float: left;
width: 20%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-6-columns > ul.mega-sub-menu > li.mega-menu-item {
float: left;
width: 16.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a[class^='dashicons']:before {
font-family: dashicons;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link:before {
display: inline-block;
font: inherit;
font-family: dashicons;
position: static;
margin: 0 0.375rem 0 0rem;
vertical-align: top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: inherit;
background: transparent;
height: auto;
width: auto;
top: auto;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-hide-text a.mega-menu-link:before {
margin: 0;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-hide-text li.mega-menu-item a.mega-menu-link:before {
margin: 0 0.375rem 0 0;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-left.mega-toggle-on > a.mega-menu-link {
border-radius: 1.5625rem 1.5625rem 0rem 0rem;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-right > ul.mega-sub-menu {
right: 0;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-right.mega-toggle-on > a.mega-menu-link {
border-radius: 1.5625rem 1.5625rem 0rem 0rem;
}
@media only screen and (min-width: 62.5625rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item {
position: static;
}
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
margin: 0 0rem 0 0;
display: inline-block;
height: auto;
vertical-align: middle;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right {
float: right;
}
@media only screen and (min-width: 62.5625rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right {
margin: 0 0 0 0rem;
}
}
@media only screen and (min-width: 62.5625rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-float-left {
float: left;
}
}
@media only screen and (min-width: 62.5625rem) {
#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 > a.mega-menu-link:focus {
background: #e00;
color: #fff;
font-weight: normal;
text-decoration: none;
border-color: #fff;
}
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
background: #e00;
color: #fff;
font-weight: normal;
text-decoration: none;
border-color: #fff;
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
color: #fff;
background: #333;
}
}
#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 {
background: #e00;
color: #fff;
font-weight: normal;
text-decoration: none;
border-color: #fff;
}
@media only screen and (max-width: 62.5rem) {
#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 {
color: #fff;
background: #333;
}
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
line-height: 2.5rem;
height: 2.5rem;
padding: 0rem 0.625rem 0rem 0.625rem;
vertical-align: baseline;
width: auto;
display: block;
color: #fff;
text-transform: none;
text-decoration: none;
text-align: left;
background: #e00;
border: 0;
border-radius: 1.5625rem 1.5625rem 1.5625rem 1.5625rem;
font-family: inherit;
font-size: 0.875rem;
font-weight: normal;
outline: none;
}
@media only screen and (min-width: 62.5625rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-multi-line > a.mega-menu-link {
line-height: inherit;
display: table-cell;
vertical-align: middle;
}
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-multi-line > a.mega-menu-link br {
display: none;
}
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
display: list-item;
margin: 0;
clear: both;
border: 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right {
float: none;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
border-radius: 0;
border: 0;
margin: 0;
line-height: 2.5rem;
height: 2.5rem;
padding: 0 0.625rem;
background: transparent;
text-align: left;
color: #fff;
font-size: 0.875rem;
}
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
width: 100%;
float: left;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
float: left;
min-height: 0.0625rem;
}
@media only screen and (min-width: 62.5625rem) {
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-1 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-2 {
width: 50%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-2 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-3 {
width: 33.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-3 {
width: 66.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-3 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-4 {
width: 25%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-4 {
width: 50%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-4 {
width: 75%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-4 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-5 {
width: 20%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-5 {
width: 40%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-5 {
width: 60%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-5 {
width: 80%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-5 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-6 {
width: 16.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-6 {
width: 33.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-6 {
width: 50%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-6 {
width: 66.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-6 {
width: 83.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-6 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-7 {
width: 14.28571%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-7 {
width: 28.57143%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-7 {
width: 42.85714%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-7 {
width: 57.14286%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-7 {
width: 71.42857%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-7 {
width: 85.71429%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-7 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-8 {
width: 12.5%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-8 {
width: 25%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-8 {
width: 37.5%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-8 {
width: 50%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-8 {
width: 62.5%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-8 {
width: 75%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-8 {
width: 87.5%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-8 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-9 {
width: 11.11111%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-9 {
width: 22.22222%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-9 {
width: 33.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-9 {
width: 44.44444%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-9 {
width: 55.55556%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-9 {
width: 66.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-9 {
width: 77.77778%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-9 {
width: 88.88889%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-9 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-10 {
width: 10%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-10 {
width: 20%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-10 {
width: 30%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-10 {
width: 40%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-10 {
width: 50%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-10 {
width: 60%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-10 {
width: 70%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-10 {
width: 80%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-10 {
width: 90%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-10 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-11 {
width: 9.09091%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-11 {
width: 18.18182%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-11 {
width: 27.27273%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-11 {
width: 36.36364%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-11 {
width: 45.45455%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-11 {
width: 54.54545%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-11 {
width: 63.63636%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-11 {
width: 72.72727%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-11 {
width: 81.81818%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-11 {
width: 90.90909%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-11-of-11 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-12 {
width: 8.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12 {
width: 16.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 {
width: 25%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12 {
width: 33.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-12 {
width: 41.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-12 {
width: 50%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-12 {
width: 58.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-12 {
width: 66.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-12 {
width: 75%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-12 {
width: 83.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-11-of-12 {
width: 91.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-12-of-12 {
width: 100%;
}
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
width: 100%;
clear: both;
}
}
#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 {
padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
z-index: 999;
border-radius: 0;
background: #f1f1f1;
border: 0;
padding: 0rem 0rem 0rem 0rem;
position: absolute;
width: 100%;
max-width: none;
left: 0;
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
float: left;
position: static;
width: 100%;
}
}
@media only screen and (min-width: 62.5625rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-1 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-2 {
width: 50%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-2 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-3 {
width: 33.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-3 {
width: 66.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-3 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-4 {
width: 25%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-4 {
width: 50%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-4 {
width: 75%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-4 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-5 {
width: 20%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-5 {
width: 40%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-5 {
width: 60%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-5 {
width: 80%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-5 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-6 {
width: 16.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-6 {
width: 33.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-6 {
width: 50%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-6 {
width: 66.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-6 {
width: 83.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-6 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-7 {
width: 14.28571%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-7 {
width: 28.57143%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-7 {
width: 42.85714%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-7 {
width: 57.14286%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-7 {
width: 71.42857%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-7 {
width: 85.71429%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-7 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-8 {
width: 12.5%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-8 {
width: 25%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-8 {
width: 37.5%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-8 {
width: 50%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-8 {
width: 62.5%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-8 {
width: 75%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-8 {
width: 87.5%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-8 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-9 {
width: 11.11111%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-9 {
width: 22.22222%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-9 {
width: 33.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-9 {
width: 44.44444%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-9 {
width: 55.55556%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-9 {
width: 66.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-9 {
width: 77.77778%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-9 {
width: 88.88889%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-9 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-10 {
width: 10%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-10 {
width: 20%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-10 {
width: 30%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-10 {
width: 40%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-10 {
width: 50%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-10 {
width: 60%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-10 {
width: 70%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-10 {
width: 80%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-10 {
width: 90%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-10 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-11 {
width: 9.09091%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-11 {
width: 18.18182%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-11 {
width: 27.27273%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-11 {
width: 36.36364%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-11 {
width: 45.45455%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-11 {
width: 54.54545%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-11 {
width: 63.63636%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-11 {
width: 72.72727%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-11 {
width: 81.81818%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-11 {
width: 90.90909%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-11-of-11 {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-12 {
width: 8.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-12 {
width: 16.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-12 {
width: 25%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-12 {
width: 33.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-12 {
width: 41.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-12 {
width: 50%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-12 {
width: 58.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-12 {
width: 66.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-12 {
width: 75%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-12 {
width: 83.33333%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-11-of-12 {
width: 91.66667%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-12-of-12 {
width: 100%;
}
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description {
margin: 0.3125rem 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu {
clear: both;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
margin-left: 0.625rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu {
margin-left: 0.625rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #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 {
color: #666;
font-family: inherit;
font-size: 0.875rem;
display: block;
float: left;
clear: none;
padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
vertical-align: top;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear, #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.mega-menu-clear {
clear: left;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #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 h4.mega-block-title {
color: #555;
font-family: inherit;
font-size: 1rem;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
text-align: left;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0.3125rem 0rem;
vertical-align: top;
display: block;
visibility: inherit;
border: 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:hover, #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 h4.mega-block-title:hover {
border-color: rgba(0, 0, 0, 0);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > 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 > a.mega-menu-link {
/* Mega Menu > Menu Themes > Mega Menus > Second Level Menu Items */
color: #555;
font-family: inherit;
font-size: 1rem;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
text-align: left;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
vertical-align: top;
display: block;
border: 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #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 {
border-color: rgba(0, 0, 0, 0);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #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-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #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:focus {
/* Mega Menu > Menu Themes > Mega Menus > Second Level Menu Items (Hover) */
color: #555;
font-weight: bold;
text-decoration: none;
background: rgba(0, 0, 0, 0);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover > span.mega-title-below, #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 > span.mega-title-below, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus > span.mega-title-below, #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:focus > span.mega-title-below {
text-decoration: none;
}
#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 {
/* Mega Menu > Menu Themes > Mega Menus > Third Level Menu Items */
color: #666;
font-family: inherit;
font-size: 0.875rem;
text-transform: none;
text-decoration: none;
font-weight: normal;
text-align: left;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
vertical-align: top;
display: block;
border: 0;
}
#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:hover, #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:hover {
border-color: rgba(0, 0, 0, 0);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > 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.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
display: flex;
}
#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:hover, #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:hover, #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:focus, #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:focus {
/* Mega Menu > Menu Themes > Mega Menus > Third Level Menu Items (Hover) */
color: #666;
font-weight: normal;
text-decoration: none;
background: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
border: 0;
padding: 0.625rem;
border-radius: 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
width: 100%;
clear: both;
}
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
color: #666;
font-family: inherit;
font-size: 0.875rem;
text-transform: none;
text-decoration: none;
font-weight: normal;
margin: 0;
border: 0;
padding: 0rem 0rem 0rem 0rem;
vertical-align: top;
display: block;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
color: #666;
font-weight: normal;
text-decoration: none;
background: rgba(0, 0, 0, 0);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
z-index: 999;
position: absolute;
width: 15.625rem;
max-width: none;
padding: 0rem 0rem 0rem 0rem;
border: 0;
background: #f1f1f1;
border-radius: 0;
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
float: left;
position: static;
width: 100%;
padding: 0;
border: 0;
border-radius: 0;
}
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
clear: both;
}
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
display: block;
background: #f1f1f1;
color: #666;
font-family: inherit;
font-size: 0.875rem;
font-weight: normal;
padding: 0rem 0.625rem 0rem 0.625rem;
line-height: 2.1875rem;
text-decoration: none;
text-transform: none;
vertical-align: baseline;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
border-top-left-radius: 0rem;
border-top-right-radius: 0rem;
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
border-bottom-right-radius: 0rem;
border-bottom-left-radius: 0rem;
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
background: #ddd;
font-weight: normal;
text-decoration: none;
color: #666;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
position: absolute;
left: 100%;
top: 0;
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
position: static;
left: 0;
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
padding-left: 1.25rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu ul.mega-sub-menu a.mega-menu-link {
padding-left: 1.875rem;
}
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
display: inline-block;
width: auto;
background: transparent;
position: relative;
pointer-events: auto;
left: auto;
min-width: auto;
font-size: inherit;
padding: 0;
margin: 0 0 0 0.375rem;
height: auto;
line-height: inherit;
color: inherit;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
content: '\f347';
font-family: dashicons;
font-weight: normal;
display: inline-block;
margin: 0;
vertical-align: top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: rotate(0);
color: inherit;
position: relative;
background: transparent;
height: auto;
width: auto;
right: auto;
line-height: inherit;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
float: right;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-collapse-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
content: '\f343';
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
float: right;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
content: '\f343';
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-hide-sub-menu-on-mobile > a.mega-menu-link > span.mega-indicator {
display: none;
}
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children:not(.mega-collapse-children) > a.mega-menu-link > span.mega-indicator, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-hide-arrow > a.mega-menu-link > span.mega-indicator {
display: none;
}
@media only screen and (min-width: 62.5625rem) {
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
content: '\f139';
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link {
text-align: right;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link > span.mega-indicator {
float: left;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
content: '\f141';
margin: 0 0.375rem 0 0;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link:before {
float: right;
margin: 0 0 0 0.375rem;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
left: -100%;
top: 0;
}
}
#mega-menu-wrap-primary #mega-menu-primary li[class^='mega-lang-item'] > a.mega-menu-link > img {
display: inline;
}
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link > img.wpml-ls-flag, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link > img.iclflag {
display: inline;
margin-right: 0.5rem;
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary #mega-menu-primary li.mega-hide-on-mobile, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-mobile, #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.mega-hide-on-mobile {
display: none;
}
}
@media only screen and (min-width: 62.5625rem) {
#mega-menu-wrap-primary #mega-menu-primary li.mega-hide-on-desktop, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-desktop, #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.mega-hide-on-desktop {
display: none;
}
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary:after {
content: "";
display: table;
clear: both;
}
}
#mega-menu-wrap-primary .mega-menu-toggle {
display: none;
z-index: 1;
cursor: pointer;
background: #fff;
border-radius: 0.125rem 0.125rem 0.125rem 0.125rem;
line-height: 2.5rem;
height: 2.5rem;
text-align: left;
user-select: none;
-webkit-tap-highlight-color: transparent;
outline: none;
white-space: nowrap;
}
#mega-menu-wrap-primary .mega-menu-toggle img {
max-width: 100%;
padding: 0;
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary .mega-menu-toggle {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-preferred-size: 33.33%;
-webkit-flex-basis: 33.33%;
flex-basis: 33.33%;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left {
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
margin-left: 0.375rem;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block:only-child {
margin-right: 0.375rem;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center .mega-toggle-block {
margin-left: 0.1875rem;
margin-right: 0.1875rem;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
margin-right: 0.375rem;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
margin-left: 0.375rem;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 100%;
outline: 0;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
background: #fff;
padding: 0rem 0rem 0rem 0rem;
display: none;
position: absolute;
width: 100%;
z-index: 9999999;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
display: block;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
position: fixed;
display: block;
width: 18.75rem;
max-width: 90%;
height: 100vh;
max-height: 100vh;
top: 0;
box-sizing: border-box;
transition: left 200ms ease-in-out, right 200ms ease-in-out;
overflow: auto;
z-index: 9999999999;
overscroll-behavior: contain;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
left: -18.75rem;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
left: 0;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {
position: fixed;
width: 100%;
height: 6249.9375rem;
content: "";
top: 0;
left: 0;
opacity: 0.5;
background: black;
cursor: pointer;
z-index: 9999999998;
}
}
html.mega-menu-primary-off-canvas-open {
overflow: hidden;
height: auto;
}
html.mega-menu-primary-off-canvas-open body {
overflow: hidden;
height: auto;
}
html.mega-menu-primary-off-canvas-open #wpadminbar {
z-index: 0;
}
#mega-menu-wrap-primary .mega-menu-toggle {
/** Push menu onto new line **/
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3 {
cursor: pointer;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
content: '\f333';
font-family: 'dashicons';
font-size: 1.5rem;
color: #ddd;
margin: 0 0 0 0.3125rem;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-label {
color: #ddd;
font-size: 0.875rem;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-label .mega-toggle-label-open {
display: none;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-label .mega-toggle-label-closed {
display: inline;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3:after {
content: '\f153';
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3 .mega-toggle-label-open {
display: inline;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3 .mega-toggle-label-closed {
display: none;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 {
width: 100%;
margin: 0;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-2 {
width: 100%;
margin: 0;
}
#mega-menu-wrap-primary {
clear: both;
}
.wp-block {}
\ No newline at end of file
@media only screen and (min-width: 1000px) {
@media only screen and (min-width: 62.5rem) {
#mega-menu-wrap-primary{
width: 100%;
......@@ -18,7 +18,7 @@
text-align: center;
height: 2.5rem;
margin-top: 0rem;
font-size: 18px;
font-size: 1.125rem;
position: relative;
font-family: "PT Sans",sans-serif;
......@@ -28,19 +28,19 @@
text-align: center;
font-family: "PT Sans",sans-serif;
font-weight: bold !important;
font-size: 18px;
font-size: 1.125rem;
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;
width: 0.8125rem;
height: 0.4831rem;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
margin-left: -30px;
margin-top: 15px;
margin-left: -1.875rem;
margin-top: 0.9375rem;
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>');
}
......@@ -57,8 +57,8 @@
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
margin-top: 17px;
padding: 20px 28px 20px 20px;
margin-top: 1.0625rem;
padding: 1.25rem 1.75rem 1.25rem 1.25rem;
background-color: #f0f0f0;
border-radius: 0rem 0rem 1.25rem 1.25rem;
}
......@@ -72,7 +72,7 @@
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu{
left: unset !important;
right: 0px !important;
right: 0rem !important;
}
.mega-menu-row .mega-sub-menu,
......@@ -81,18 +81,18 @@
}
#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;
//width: 20rem;
//min-width: 20rem;
//max-width: 20rem;
margin: 0;
padding: 0px 15px 18px 10px;
padding: 0rem 0.9375rem 1.125rem 0.625rem;
}
#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-size: 1.125rem;
font-weight: 400;
font-family: "PT Sans",sans-serif;
font-weight:bold
......@@ -107,14 +107,14 @@
}
#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-size:1.25rem;
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-size: 1rem;
line-height: 1.25rem;
font-family: "PT Sans",sans-serif;
}
.list-wrapper2,
......@@ -124,7 +124,7 @@
}
@media only screen and (max-width: 1000px) {
@media only screen and (max-width: 62.5rem) {
.mega-indicator{
display: none !important;
......@@ -134,13 +134,13 @@
}
#mega-menu-primary{
padding-top: 20px !important;
padding-bottom: 130px !important;
padding-top: 1.25rem !important;
padding-bottom: 8.125rem !important;
height: calc(100vh - 80px) !important;
height: calc(100vh - 5rem) !important;
}
.admin-bar #mega-menu-primary{
margin-top: 10px !important;
margin-top: 0.625rem !important;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after{
display: none !important;
......@@ -148,10 +148,10 @@
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
width: 100vw;
max-width:100vw;
padding: 0px 34px;
padding: 0rem 2.125rem;
margin: auto;
left: calc(-100% - 34px);
margin-top: 10px;
left: calc(-100% - 2.125rem);
margin-top: 0.625rem;
min-height: 100vh;
background-color: #F0F0F0;
position: relative;
......@@ -160,50 +160,50 @@
}
#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;
margin-top: 0rem;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after ,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after {
content:"";
width: 20px;
height: 15px;
width: 1.25rem;
height: 0.9375rem;
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: absolute;
top: 12px;
right: 0px;
top: 0.75rem;
right: 0rem;
}
.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;
left: 0rem;
top: 8.125rem;
width: 2.5rem;
height: 2.5625rem;
border: 0rem solid #EE0000;
border-radius: 0rem 50% 50% 0rem;
display: none;
span{
color: #fff;
text-indent: -9999px;
text-indent: -624.9375rem;
display: block;
}
&:before{
content:"";
width: 11px;
height: 18px;
width: 0.6875rem;
height: 1.125rem;
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;
top: 0.625rem;
left: 0.8125rem;
}
}
......@@ -232,25 +232,25 @@
display: inline-block;
&:after{
content:"";
width: 20px;
height: 22px;
width: 1.25rem;
height: 1.375rem;
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;
top: 0.5rem;
right: -0.625rem;
}
}
}
#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;
margin-left: 1.25rem;
color: #555;
font-family: inherit;
font-size: 14px;
font-size: 0.875rem;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
......@@ -263,19 +263,19 @@
#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;
margin: 0.625rem auto 0rem auto;
color:#fff;
background-color: #EE0000;
border-radius: 1.25rem;
text-align: left;
height: 2.5rem;
margin-top: 0rem;
font-size: 18px;
font-size: 1.125rem;
position: relative;
font-family: "PT Sans",sans-serif;
font-weight: 700;
padding-left: 40px;
margin-bottom: 14px;
padding-left: 2.5rem;
margin-bottom: 0.875rem;
}
#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,
......@@ -288,8 +288,8 @@
background-color: #F0F0F0;
width: 100% !important;
height: auto;
padding: 0px 7% !important;
margin-bottom: 200px;
padding: 0rem 7% !important;
margin-bottom: 12.5rem;
float: none !important;
}
......@@ -297,9 +297,9 @@
#mega-menu-wrap-primary{
width: 100%;
height: 30px;
top: 55px;
right: 0px;
height: 1.875rem;
top: 3.4375rem;
right: 0rem;
position:absolute;
background: transparent;
}
......@@ -309,9 +309,9 @@
#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;
width: 2.5rem;
height: 2.5rem;
margin-right: 0.9375rem;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:active:only-child{
background-color: #669999;
......@@ -331,7 +331,7 @@
backface-visibility: hidden !important;
transition: transform 0.5s !important;
background-color: #F0F0F0;
padding: 40px 40px 60px 40px;
padding: 2.5rem 2.5rem 3.75rem 2.5rem;
}
.list-wrapper2,
......@@ -346,7 +346,7 @@
backface-visibility: hidden !important;
transition: transform 0.5s !important;
background-color: #F0F0F0;
padding: 20px 40px 50px 40px;
padding: 1.25rem 2.5rem 3.125rem 2.5rem;
max-width: 100%;
overflow-y: scroll;
overflow-x: hidden;
......@@ -369,7 +369,7 @@
display: none;
}
.mega-sub-menu .mega-menu-item{
margin-top: 14px !important;
margin-top: 0.875rem !important;
}
.mega-sub-menu .mega-current_page_item a .mega-menu-title,
.mega-sub-menu .mega-menu-item a:hover .mega-menu-title,
......@@ -381,49 +381,51 @@
.mega-menu-title{
color: #000;
font-weight: bold;
font-size:20px !important;;
line-height: 23px !important;;
margin-bottom: 5px;
font-size:1.25rem !important;;
line-height: 1.4375rem !important;;
margin-bottom: 0.3125rem;
}
.mega-menu-description{
color: #000;
font-style: normal !important;
font-size:16px !important;;
line-height: 20px !important;;
font-size:1rem !important;;
line-height: 1.25rem !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;;
font-size:1rem !important;;
line-height: 1.25rem !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;
font-size:1.25rem !important;;
line-height: 1.4375rem !important;
}
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3:after{
content: "\00d7";
font-size: 34px;
font-size: 2.125rem;
font-weight: bold;
color: #fff;
margin: 0 0 0 10px;
line-height: 25px;
margin: 0 0 0 0.625rem;
line-height: 1.5625rem;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
content: "\f333";
font-family: dashicons;
font-weight: 500;
font-size: 27px;
font-size: 1.6875rem;
color: #fff;
margin: 0px 0 0 6.1px;
line-height: 40px;
margin: 0rem 0 0 0.3813rem;
line-height: 2.5rem;
}
\ No newline at end of file
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a{
background-color: #669999 !important;
}
\ No newline at end of file
......
......@@ -12,15 +12,15 @@
.side-menu-page{
#page-sidebar{
min-width: 320px;
@media screen and (max-width: 1000px){
min-width: 320px;
min-width: 20rem;
@media screen and (max-width: 62.5rem){
min-width: 20rem;
width:100%;
}
}
#main{
width: calc(100% - 340px);
@media screen and (max-width: 1000px){
width: calc(100% - 21.25rem);
@media screen and (max-width: 62.5rem){
width:100%;
}
}
......@@ -35,7 +35,7 @@
position: relative;
height: 100%;
overflow: hidden;
min-height: 600px;
min-height: 37.5rem;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
......@@ -56,7 +56,7 @@
}
.advance-search-button{
@media only screen and (max-width: 782px) {
@media only screen and (max-width: 48.875rem) {
display: none;
}
......@@ -69,32 +69,32 @@
border-radius: 1.25rem ;
max-width: 90%;
margin: auto;
margin-top: 40px;
padding: 0px 100px ;
margin-top: 2.5rem;
padding: 0rem 6.25rem ;
position: relative;
@media only screen and (max-width: 782px) {
padding: 0px 10px ;
@media only screen and (max-width: 48.875rem) {
padding: 0rem 0.625rem ;
}
.search-button{
height: 64px;
width: 64px;
text-indent: -9999px;
height: 4rem;
width: 4rem;
text-indent: -624.9375rem;
position: absolute;
right: 0px;
top: 20px;
right: 0rem;
top: 1.25rem;
background-color: #fff;
border-radius: 10px;
border-radius: 0.625rem;
&:after {
content: "";
position: absolute;
left: 0rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.157' height='34.157' viewBox='0 0 34.157 34.157'%3E%3Cg id='Group_1039' data-name='Group 1039' transform='translate(-919.807 -2612.691)'%3E%3Cline id='Line_1' data-name='Line 1' x2='14.277' y2='14.277' transform='translate(938.626 2631.511)' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(919.807 2612.691)' fill='%23fff' stroke='%23000' stroke-width='3'%3E%3Ccircle cx='13.235' cy='13.235' r='13.235' stroke='none'/%3E%3Ccircle cx='13.235' cy='13.235' r='11.735' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: contain;
width: 36px;
height:36px;
top: 13px;
left: 12px;
width: 2.25rem;
height:2.25rem;
top: 0.8125rem;
left: 0.75rem;
}
}
......@@ -109,39 +109,39 @@
h4{
font-size: 45px !important;
line-height: 53px;
font-size: 2.8125rem !important;
line-height: 3.3125rem;
text-align: center;
font-weight: lighter;
font-family: "PT Sans",sans-serif;
@media only screen and (max-width: 782px) {
font-size: 35px !important;
line-height: 40px;
@media only screen and (max-width: 48.875rem) {
font-size: 2.1875rem !important;
line-height: 2.5rem;
}
}
.searchandfilter{
width: calc(100% - 100px);
@media only screen and (max-width: 782px) {
width: calc(100% - 0px);
padding-left: 40px;
width: calc(100% - 6.25rem);
@media only screen and (max-width: 48.875rem) {
width: calc(100% - 0rem);
padding-left: 2.5rem;
}
display: inline-block;
}
.searchandfilter ul{
padding-left: 0px;
padding-left: 0rem;
}
.searchandfilter h4{
font-size: 45px !important;
line-height: 53px;
font-size: 2.8125rem !important;
line-height: 3.3125rem;
text-align: center;
font-weight: lighter;
font-family: "PT Sans",sans-serif;
}
.sf-field-search{
display: inline-block;
width: calc(100% - 80px);
padding: 18px 0 27px 0;
width: calc(100% - 5rem);
padding: 1.125rem 0 1.6875rem 0;
label{
width: 90%;
position: relative;
......@@ -163,7 +163,7 @@
input[name="_sf_search[]"]{
width: 100%;
border: 0;
border-bottom: 1px solid #707070;
border-bottom: 0.0625rem solid #707070;
border-radius: 0;
font-size: 1.75rem;
font-weight: 400;
......@@ -179,8 +179,8 @@
input[name="_sf_submit"]{
border-radius: 50%;
padding: 0;
height:40px;
width: 40px;
height:2.5rem;
width: 2.5rem;
margin-top: -0.6rem;
margin-left: 1rem;
font-size: 1.125rem;
......@@ -199,30 +199,30 @@
}
}
.advance-search-button{
right: 10px;
right: 0.625rem;
}
}
#page-wrapper{
margin: 10px 30px 0 30px;
@media(max-width: 768px) {
// margin: 40px 40px 0 40px;
margin: 0.625rem 1.875rem 0 1.875rem;
@media(max-width: 48rem) {
// margin: 2.5rem 2.5rem 0 2.5rem;
}
.breadcrumb{
font-size: 12px;
margin-bottom: 20px;
font-size: 0.75rem;
margin-bottom: 1.25rem;
a{
text-decoration: none;
text-transform: capitalize;
}
span{
margin: 0px 10px;
margin: 0rem 0.625rem;
}
}
h1{
font-size: 45px;
line-height: 52px;
font-size: 2.8125rem;
line-height: 3.25rem;
font-weight: bold;
}
h1+p {
......@@ -231,23 +231,23 @@ h1+p {
}
.top_parent{
font-weight: bold;
font-size: 20px;
line-height: 25px;
font-size: 1.25rem;
line-height: 1.5625rem;
text-decoration: none;
}
.side-menu{
list-style: none;
margin-top: 0px;
padding-left: 15px;
margin-top: 0rem;
padding-left: 0.9375rem;
li{
margin-bottom: 14px;
margin-bottom: 0.875rem;
a{
text-decoration: none;
font-size: 20px;
line-height: 25px;
font-size: 1.25rem;
line-height: 1.5625rem;
}
a:hover{
text-decoration: underline;
......@@ -255,11 +255,11 @@ h1+p {
&:before{
content: "";
position: absolute;
left: -15px;
top: 8px;
left: -0.9375rem;
top: 0.5rem;
border-radius: 50%;
width: 9px;
height: 9px;
width: 0.5625rem;
height: 0.5625rem;
background: #EE0000 0% 0% no-repeat padding-box;
}
......@@ -273,16 +273,16 @@ h1+p {
&:after{
position: absolute;
content: "";
width: 14px;
height: 9px;
top: 10px;
margin-left: 10px;
width: 0.875rem;
height: 0.5625rem;
top: 0.625rem;
margin-left: 0.625rem;
transform: rotateX(180deg);
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14.462" height="8.769" viewBox="0 0 14.462 8.769"><path id="Path_1387" data-name="Path 1387" d="M18.55,187.453c.5.507.993,1.01,1.49,1.508q1.791,1.789,3.585,3.575a.8.8,0,0,0,1.188,0c.227-.234.46-.462.691-.692a.787.787,0,0,0,0-1.179l-3.223-3.224q-1.563-1.565-3.125-3.131a.872.872,0,0,0-.585-.279.833.833,0,0,0-.643.278q-1.206,1.21-2.413,2.42l-3.285,3.286c-.224.224-.448.446-.67.671a.783.783,0,0,0,.008,1.157l.685.684a.8.8,0,0,0,1.206,0l2.908-2.9,2.106-2.1Z" transform="translate(-11.305 -184.028)"/></svg>');
}
}
.children{
padding-left: 20px;
padding-left: 1.25rem;
display: none;
}
.children:has(.current_page_item){
......@@ -296,8 +296,8 @@ h1+p {
}
ul{
list-style: none;
margin-top: 14px;
padding-left: 15px;
margin-top: 0.875rem;
padding-left: 0.9375rem;
li{
}
......@@ -320,7 +320,7 @@ h1+p {
}
@media only screen and (max-width: 1000px) {
@media only screen and (max-width: 62.5rem) {
#page-sidebar{
display: none;
}
......@@ -333,9 +333,9 @@ h1+p {
.pi {
min-height:150px;
@media(min-width: 1024px) {
min-height:200px;
min-height:9.375rem;
@media(min-width: 64rem) {
min-height:12.5rem;
text-align: center;
justify-content: center;
width: 100%;
......@@ -351,21 +351,21 @@ h1+p {
margin:0;
}
svg {
height:200px;
height:12.5rem;
overflow: visible;
}
svg:lang(en) {
height:300px;
height:18.75rem;
}
@media(max-width: 768px) {
@media(max-width: 48rem) {
h3 {
text-align:center;
}
svg {
height:200px;
height:12.5rem;
}
svg:lang(en) {
height:200px;
height:12.5rem;
}
}
}
\ No newline at end of file
......
.pojo-a11y-grayscale{
position: absolute !important;
width: 100vw !important;
......@@ -5,34 +10,34 @@
#pojo-a11y-toolbar{
position: absolute;
top: 20px;
@media screen and (max-width: 1000px){
top: 0px;
top: 1.25rem;
@media screen and (max-width: 62.5rem){
top: 0rem;
}
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right{
right: 0px !important;
right: 0rem !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle{
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
width: 200px;
width: 12.5rem;
box-shadow:none !important;
position: absolute;
right: -270px!important;
right: -16.875rem!important;
}
.pojo-a11y-toolbar-overlay {
position: absolute;
top: 50px;
right: 0px;
top: 3.125rem;
right: 0rem;
display: none;
border-radius: 0px 0px 10px 10px;
border-radius: 0rem 0rem 0.625rem 0.625rem;
svg{
border: 0px #669999 solid !important;
border: 0rem #669999 solid !important;
}
......@@ -41,17 +46,17 @@
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg {
max-width: inherit;
border: 2px #000 solid;
border: 0.125rem #000 solid;
border-radius: 50%;
padding: 3px;
height: 28px;
width: 28px;
padding: 0.1875rem;
height: 1.75rem;
width: 1.75rem;
}
.pojo-a11y-toolbar-open{
z-index: 99999;
.pojo-a11y-toolbar-toggle svg {
border: 2px #669999 solid !important;
border: 0.125rem #669999 solid !important;
color: #669999;
}
.pojo-a11y-toolbar-toggle a{
......@@ -60,8 +65,8 @@
}
.pojo-a11y-toolbar-overlay {
position: absolute;
top: 50px;
right: 0px;
top: 3.125rem;
right: 0rem;
display:block;
}
......@@ -72,16 +77,16 @@
[lang="zh-CN"]{
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
right: -240px!important;
right: -15rem!important;
}
}
.pojo-a11y-toolbar-text{
font-size: 16px;
font-size: 1rem;
}
.admin-bar{
#pojo-a11y-toolbar{
top: 40px !important;
top: 2.5rem !important;
}
}
......@@ -94,10 +99,12 @@
.pojo-a11y-toolbar-toggle-link:hover{
color: #669999 !important;
svg {
border: 2px #669999 solid !important;
border: 0.125rem #669999 solid !important;
}
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title{
text-decoration: none;
}
......
.project-lead{
width: 100%;
display: flex;
min-height: 200px;
min-height: 12.5rem;
background-color: #F0F0F0;
color: #000;
flex-direction: row;
border-radius: 10px;
margin:40px 0px;
padding: 20px;
border-radius: 0.625rem;
margin:2.5rem 0rem;
padding: 1.25rem;
overflow: hidden;
@media screen and (max-width: 900px) {
@media screen and (max-width: 56.25rem) {
flex-direction: column;
border-radius: 20px;
border-radius: 1.25rem;
}
.image{
display: flex;
flex-wrap: wrap;
img{
height: 200px;
height: 12.5rem;
}
}
......@@ -27,24 +27,24 @@
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-left: 20px;
@media screen and (max-width: 900px) {
padding-left: 1.25rem;
@media screen and (max-width: 56.25rem) {
width: 100%;
padding-left: 0px;
padding-top: 20px;
padding-left: 0rem;
padding-top: 1.25rem;
}
h2{
font-size: 25px;
line-height: 30px;
font-size: 1.5625rem;
line-height: 1.875rem;
font-weight: 700;
margin-bottom: 20px;
@media screen and (max-width: 900px) {
font-size: 24px;
margin-bottom: 1.25rem;
@media screen and (max-width: 56.25rem) {
font-size: 1.5rem;
}
}
p{
font-size: 16px;
line-height: 20px;
font-size: 1rem;
line-height: 1.25rem;
}
}
......
.promo-area{
width: 100%;
display: flex;
min-height: 250px;
min-height: 15.625rem;
background-color: #000;
color: #fff;
flex-direction: row;
border-radius: 10px;
margin:40px 0px;
border-radius: 0.625rem;
margin:2.5rem 0rem;
overflow: hidden;
@media screen and (max-width: 900px) {
@media screen and (max-width: 56.25rem) {
flex-direction: column-reverse;
border-radius: 20px;
border-radius: 1.25rem;
}
.content{
......@@ -18,8 +18,8 @@
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 30px;
@media screen and (max-width: 900px) {
padding: 1.875rem;
@media screen and (max-width: 56.25rem) {
width: 100%;
}
}
......@@ -27,12 +27,12 @@
background-size: cover;
width: 50%;
overflow: hidden;
border-radius: 0px 0px 20px 20px;
border-radius: 0rem 0rem 1.25rem 1.25rem;
position: relative;
@media screen and (max-width: 900px) {
@media screen and (max-width: 56.25rem) {
width: 100%;
min-height: 300px;
border-radius: 20px 20px 0px 0px;
min-height: 18.75rem;
border-radius: 1.25rem 1.25rem 0rem 0rem;
}
.side-caption {
max-width: 100%;
......
#search-sidebar{
min-width: 320px;
@media screen and (max-width: 768px){
min-width: 320px;
min-width: 20rem;
@media screen and (max-width: 48rem){
min-width: 20rem;
width:100%;
}
}
.search-result{
width: calc(100% - 340px);
@media screen and (max-width: 768px){
width: calc(100% - 21.25rem);
@media screen and (max-width: 48rem){
width:100%;
}
}
......@@ -16,14 +16,14 @@
.sh1 {
font-weight: 700;
line-height: 24px !important;
font-size: 30px !important;
line-height: 1.5rem !important;
font-size: 1.875rem !important;
text-transform: none;
@media screen and (max-width: 768px) {
@media screen and (max-width: 48rem) {
font-size: 2.188rem !important;
line-height: 40px !important;
padding-bottom: 32px !important;
line-height: 2.5rem !important;
padding-bottom: 2rem !important;
}
}
......@@ -31,13 +31,13 @@
.searchandfilter {
width: calc(100% - 50px);
width: calc(100% - 3.125rem);
display: inline-block;
}
.search-field {
border: 0;
border-bottom: 1px solid #707070;
border-bottom: 0.0625rem solid #707070;
border-radius: 0;
}
......@@ -45,12 +45,12 @@
position: relative;
visibility: visible;
display: block;
margin-bottom: 30px;
padding-left: 36px;
margin-bottom: 1.875rem;
padding-left: 2.25rem;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
border: 1px solid #bebebe !important;
border: 0.0625rem solid #bebebe !important;
background-color: #f0f0f0;
border-radius: 0;
color: #000;
......@@ -61,11 +61,11 @@
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.933" height="17.634" viewBox="0 0 18.933 17.634"><path id="Path_1507" data-name="Path 1507" d="M-10822-8422.516h16.932l-7.086,7.086v8.548l-3.128-2.567v-5.98Z" transform="translate(10823.001 8423.516)" fill="none" stroke="%23000" stroke-linejoin="round" stroke-width="2"/></svg>');
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
width: 1rem;
height: 1rem;
position: absolute;
left: 10px;
top: 10px;
left: 0.625rem;
top: 0.625rem;
content: "";
display: block;
}
......@@ -74,10 +74,10 @@
.btn.filter.apply-filters {
color: #fff;
background-color: red;
padding: 12px 45px 11px 45px;
padding: 0.75rem 2.8125rem 0.6875rem 2.8125rem;
margin: auto;
margin-top: 28px;
border-radius: 40px !important;
margin-top: 1.75rem;
border-radius: 2.5rem !important;
&:after {
display: none;
}
......@@ -88,7 +88,7 @@
color: #fff;
}
@media screen and (min-width: 1000px) {
@media screen and (min-width: 62.5rem) {
.btn.filter {
visibility: hidden;
display: none;
......@@ -96,18 +96,18 @@
}
.search-form {
margin-left: 50px;
margin-left: 3.125rem;
}
#search-sidebar {
flex-direction: column;
margin-bottom: 50px;
margin-bottom: 3.125rem;
@media screen and (max-width: 950px) {
@media screen and (max-width: 59.375rem) {
width: 100%;
}
// min-width: 320px;
// min-width: 20rem;
.sf-field-search {
display: none !important;
}
......@@ -122,7 +122,7 @@
.sf_date_field {
li {
.sf-date-prefix {
@media screen and (max-width: 1450px) {
@media screen and (max-width: 90.625rem) {
display: block;
}
}
......@@ -131,7 +131,7 @@
}
}
@media screen and (min-width: 1000px) {
@media screen and (min-width: 62.5rem) {
.collapse:not(.show) {
display: block;
height: auto !important;
......@@ -148,31 +148,31 @@
.searchandfilter {
ul {
padding-left: 0px;
padding-left: 0rem;
}
}
.searchandfilter .sf-date-prefix {
width: 50px;
width: 3.125rem;
}
.search-filter-reset {
-webkit-appearance: none;
appearance: none;
background-color: transparent;
border: 1px solid #bebebe !important;
width: 110px;
height: 30px;
border: 0.0625rem solid #bebebe !important;
width: 6.875rem;
height: 1.875rem;
display: inline-block;
font-size: 12px;
font-size: 0.75rem;
float: right;
color: #000;
padding: 5px 14px;
padding: 0.3125rem 0.875rem;
text-decoration: none;
margin-top: 2px;
@media screen and (max-width: 1450px) {
margin-top: 0.125rem;
@media screen and (max-width: 90.625rem) {
width: 40%;
line-height: 20px;
line-height: 1.25rem;
overflow: hidden;
text-align: center;
}
......@@ -190,7 +190,7 @@
}
.searchandfilter h4 {
font-size: 16px !important;
font-size: 1rem !important;
color: #000 !important;
font-weight: 700 !important;
}
......@@ -203,8 +203,8 @@
.sf-field-sort_order h4,
.sf-field-reset h4 {
width: 110px;
font-size: 24px !important;
width: 6.875rem;
font-size: 1.5rem !important;
display: inline-block;
color: #000 !important;
font-weight: 700 !important;
......@@ -214,17 +214,17 @@
}
.sf-field-search {
width: calc(100% - 120px);
width: calc(100% - 7.5rem);
margin: 0 auto;
margin-bottom: 60px;
margin-bottom: 3.75rem;
position: relative;
flex-wrap: nowrap;
display: inline-block !important;
margin-left: 50px;
@media screen and (max-width: 900px) {
margin-bottom: 30px;
width: calc(100% - 80px);
margin-left: 20px;
margin-left: 3.125rem;
@media screen and (max-width: 56.25rem) {
margin-bottom: 1.875rem;
width: calc(100% - 5rem);
margin-left: 1.25rem;
}
......@@ -241,11 +241,11 @@
width: 2.063rem;
height: 2.063rem;
top: 1.2rem;
@media screen and (max-width: 900px) {
width: 20px;
height: 20px;
left: -25px;
top: 25px;
@media screen and (max-width: 56.25rem) {
width: 1.25rem;
height: 1.25rem;
left: -1.5625rem;
top: 1.5625rem;
}
......@@ -255,16 +255,16 @@
input[name="_sf_search[]"] {
width: 100%;
border: 0;
border-bottom: 1px solid #707070;
border-bottom: 0.0625rem solid #707070;
border-radius: 0;
font-size: 1.75rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
padding: 0.375rem 0.75rem;
@media screen and (max-width: 900px) {
@media screen and (max-width: 56.25rem) {
padding: 0;
font-size: 24px;
font-size: 1.5rem;
}
}
}
......@@ -275,8 +275,8 @@
input[name="_sf_submit"] {
border-radius: 50% !important;
padding: 0;
height: 40px;
width: 40px;
height: 2.5rem;
width: 2.5rem;
margin-top: -0.6rem;
margin-left: 1rem;
font-size: 1.125rem;
......@@ -289,9 +289,9 @@
transition: none;
display: inline-block !important;
@media screen and (max-width: 900px) {
height: 40px;
width:40px;
@media screen and (max-width: 56.25rem) {
height: 2.5rem;
width:2.5rem;
}
&:hover {
......@@ -301,9 +301,9 @@
}
ul.sf_date_field label::after {
height: 28px;
width: 28px;
background-size: 16px;
height: 1.75rem;
width: 1.75rem;
background-size: 1rem;
}
}
......@@ -331,12 +331,12 @@ ul.sf_date_field {
label::after {
vertical-align: bottom;
height: 36px;
width: 36px;
padding: 7px;
height: 2.25rem;
width: 2.25rem;
padding: 0.4375rem;
content: '';
display: block;
background-size: 20px;
background-size: 1.25rem;
background-color: #000;
background-repeat: no-repeat;
background-position: center;
......@@ -349,16 +349,16 @@ ul.sf_date_field {
}
.sf-datepicker {
border: 1px solid #bebebe;
width: 90px;
border: 0.0625rem solid #bebebe;
width: 5.625rem;
}
}
.search-result {
padding-left: 0px;
padding-left: 0rem;
@media screen and (min-width: 768px) {
padding-left: 45px;
@media screen and (min-width: 48rem) {
padding-left: 2.8125rem;
}
}
......@@ -369,30 +369,30 @@ ul.sf_date_field {
.advance-search-button {
position: relative;
height: 40px;
width: 40px;
text-indent: -9999px;
right:-10px ;
height: 2.5rem;
width: 2.5rem;
text-indent: -624.9375rem;
right:-0.625rem ;
display: inline-block;
@media screen and (max-width: 900px) {
height: 30px;
width: 30px;
@media screen and (max-width: 56.25rem) {
height: 1.875rem;
width: 1.875rem;
}
}
.advance-search-button::after {
position: absolute;
left: 0;
top: -5px;
top: -0.3125rem;
content: "";
display: inline-block;
height: 30px;
width: 30px;
height: 1.875rem;
width: 1.875rem;
background-size: contain;
@media screen and (max-width: 768px) {
top: -5px;
height: 30px;
width: 30px;
@media screen and (max-width: 48rem) {
top: -0.3125rem;
height: 1.875rem;
width: 1.875rem;
}
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.954" height="27.484" viewBox="0 0 26.954 27.484"><g id="Group_722" data-name="Group 722" transform="translate(0 1.5)"><line id="Line_15" data-name="Line 15" x2="26.954" transform="translate(0 3.254)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_16" data-name="Line 16" x2="26.954" transform="translate(0 12.401)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_17" data-name="Line 17" x2="26.954" transform="translate(0 21.565)" fill="none" stroke="%23000" stroke-width="3"/><circle id="Ellipse_13" data-name="Ellipse 13" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_14" data-name="Ellipse 14" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369 18.109)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_15" data-name="Ellipse 15" cx="3.188" cy="3.188" r="3.188" transform="translate(4.054 9.022)" fill="%23fff" stroke="%23000" stroke-width="3"/></g></svg>');
......@@ -413,31 +413,31 @@ ul.sf_date_field {
z-index: 999;
position: fixed;
margin-top: 1%;
@media screen and (max-width: 900px) {
margin-top: 0px;
@media screen and (max-width: 56.25rem) {
margin-top: 0rem;
}
@media screen and (max-width: 786px) {
margin-top: 80px;
@media screen and (max-width: 49.125rem) {
margin-top: 5rem;
z-index: 99;
}
@media screen and (min-height: 810px) {
@media screen and (min-height: 50.625rem) {
z-index: 99;
margin-top: 80px;
margin-top: 5rem;
}
.btn-close {
opacity: 1;
@media screen and (max-width: 900px) {
@media screen and (max-width: 56.25rem) {
float: left;
margin: unset;
background-color: #e00;
background-image: none;
position: absolute;
left: 0;
top: 40px;
width: 40px;
height: 41px;
top: 2.5rem;
width: 2.5rem;
height: 2.5625rem;
border: 0 solid #e00;
border-radius: 0 50% 50% 0;
padding: 0;
......@@ -445,31 +445,31 @@ ul.sf_date_field {
}
&:after{
@media screen and (max-width: 900px) {
@media screen and (max-width: 56.25rem) {
content:"";
width: 11px;
height: 18px;
width: 0.6875rem;
height: 1.125rem;
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: 12px;
left: 13px;
top: 0.75rem;
left: 0.8125rem;
}
}
}
.btn-close:active,
.btn-close:hover {
opacity: 0.5;
@media screen and (max-width: 900px) {
@media screen and (max-width: 56.25rem) {
background-color: #669999;
opacity: 1;
}
}
.modal-content {
border: 0px solid #707070;
border: 0rem solid #707070;
}
.modal-header {
......@@ -480,39 +480,39 @@ ul.sf_date_field {
.modal-header,
.modal-body {
background: #f0f0f0 0% 0% no-repeat padding-box;
border-top: 0px solid #707070;
border-bottom: 0px solid #707070;
border-top: 0rem solid #707070;
border-bottom: 0rem solid #707070;
}
.modal-body {
padding: 0px 35px 35px 35px;
@media screen and (max-width: 900px) {
padding: 5px 60px;
padding-bottom: 200px;
padding: 0rem 2.1875rem 2.1875rem 2.1875rem;
@media screen and (max-width: 56.25rem) {
padding: 0.3125rem 3.75rem;
padding-bottom: 12.5rem;
}
}
.modal-dialog {
width: 80%;
max-width: 1066px;
max-width: 66.625rem;
@media screen and (max-width: 900px) {
@media screen and (max-width: 56.25rem) {
width: 100%;
margin: 0px;
margin: 0rem;
height: 100vh;
padding-top: 80px;
padding-top: 5rem;
}
@media screen and (max-width: 768px) {
padding-top: 0px;
@media screen and (max-width: 48rem) {
padding-top: 0rem;
}
.searchandfilter {
@media screen and (max-width: 900px) {
@media screen and (max-width: 56.25rem) {
width: 100%;
}
h4 {
font-size: 24px !important;
line-height: 30px;
font-size: 1.5rem !important;
line-height: 1.875rem;
text-align: left;
font-weight: lighter;
font-family: "PT Sans", sans-serif;
......@@ -520,21 +520,21 @@ ul.sf_date_field {
}
.sf-field-search {
margin-left: 0px;
margin-bottom: 0px;
@media screen and (max-width: 900px) {
margin-left: 0rem;
margin-bottom: 0rem;
@media screen and (max-width: 56.25rem) {
width: 90%;
}
h4 {
font-size: 45px !important;
line-height: 57px;
margin-top: -20px;
font-size: 2.8125rem !important;
line-height: 3.5625rem;
margin-top: -1.25rem;
font-weight: bold;
display: block !important;
@media screen and (max-width: 900px) {
font-size: 35px !important;
line-height: 40px;
margin-top: -10px;
@media screen and (max-width: 56.25rem) {
font-size: 2.1875rem !important;
line-height: 2.5rem;
margin-top: -0.625rem;
}
}
......@@ -543,16 +543,16 @@ ul.sf_date_field {
}
label {
margin-left: 50px !important;
margin-left: 3.125rem !important;
width: 95% !important;
position: relative;
@media screen and (max-width: 900px) {
margin-left: 20px!important;
@media screen and (max-width: 56.25rem) {
margin-left: 1.25rem!important;
}
width: 100%;
&:after {
@media screen and (max-width: 900px) {
top: 10px;
@media screen and (max-width: 56.25rem) {
top: 0.625rem;
}
}
......@@ -566,7 +566,7 @@ ul.sf_date_field {
.sf-field-reset,
.sf-field-submit {
display: inline-block;
@media screen and (max-width: 768px) {
@media screen and (max-width: 48rem) {
width: 100%;
}
......@@ -575,16 +575,16 @@ ul.sf_date_field {
input[name="_sf_submit"] {
background: #ee0000 0% 0% no-repeat padding-box;
color: #fff;
border-radius: 40px !important;
height: 44px;
width: 182px;
@media screen and (max-width: 768px) {
margin-top:35px;
border-radius: 2.5rem !important;
height: 2.75rem;
width: 11.375rem;
@media screen and (max-width: 48rem) {
margin-top:2.1875rem;
width: 100%;
}
border: 0 !important;
margin-right: 24px;
margin-left: 0px;
margin-right: 1.5rem;
margin-left: 0rem;
&:hover {
background: #669999;
......@@ -594,11 +594,11 @@ ul.sf_date_field {
.search-filter-reset-custom {
background: #000000 0% 0% no-repeat padding-box;
color: #fff;
border-radius: 40px !important;
border-radius: 2.5rem !important;
;
height: 44px;
width: 182px;
@media screen and (max-width: 768px) {
height: 2.75rem;
width: 11.375rem;
@media screen and (max-width: 48rem) {
width: 100%;
}
border: 0 !important;
......@@ -614,29 +614,29 @@ ul.sf_date_field {
ul.sf_date_field {
label::after {
height: 36px;
width: 36px;
padding: 7px;
background-size: 20px;
height: 2.25rem;
width: 2.25rem;
padding: 0.4375rem;
background-size: 1.25rem;
}
}
.sf-datepicker {
width: 200px;
height: 36px;
width: 12.5rem;
height: 2.25rem;
}
.sf_date_field {
max-width: 750px;
max-width: 46.875rem;
.sf-date-prefix {
width: 50px !important;
width: 3.125rem !important;
}
}
}
}
}
@media screen and (max-width: 900px) {
@media screen and (max-width: 56.25rem) {
.modal.left .modal-dialog,
.modal.right .modal-dialog {
position: fixed;
......@@ -657,7 +657,7 @@ ul.sf_date_field {
.modal.left .modal-body,
.modal.right .modal-body {
padding: 15px 15px 80px;
padding: 0.9375rem 0.9375rem 5rem;
}
.modal.left.fade .modal-dialog{
......@@ -689,7 +689,7 @@ ul.sf_date_field {
.sf-field-post-meta-file_type{
width: 33%;
display: inline-block !important;
@media screen and (max-width: 900px) {
@media screen and (max-width: 56.25rem) {
width: 100%;
}
}
......
......@@ -2,7 +2,7 @@
.search-results {
.search-field {
border: 0;
border-bottom: 1px solid #707070;
border-bottom: 0.0625rem solid #707070;
border-radius: 0;
}
......@@ -18,20 +18,20 @@
margin-top: 1rem;
padding-top: 3rem;
display: flex;
@media screen and (max-width: 950px) {
@media screen and (max-width: 59.375rem) {
margin-top: 2rem;
padding: 0rem 40px;
padding: 0rem 2.5rem;
}
#main {
display: flex;
flex-direction: column;
@media screen and (max-width: 950px) {
margin: 0px 10px;
@media screen and (max-width: 59.375rem) {
margin: 0rem 0.625rem;
}
&>article {
padding: 2rem 0;
border-top: 1px solid #bebebe;
border-top: 0.0625rem solid #bebebe;
display: flex;
.photo {
......@@ -55,7 +55,7 @@
text-decoration: none;
flex-direction: row;
word-break: break-all;
@media screen and (max-width: 950px) {
@media screen and (max-width: 59.375rem) {
flex-direction: column;
}
......@@ -75,9 +75,9 @@
background-size: contain;
display: inline-block;
position: relative;
top: 5px;
top: 0.3125rem;
left:-0.2rem;
margin-right: 5px;
margin-right: 0.3125rem;
}
}
}
......@@ -93,9 +93,9 @@
background-size: contain;
display: inline-block;
position: relative;
top: 5px;
top: 0.3125rem;
left:-0.2rem;
margin-right: 5px;
margin-right: 0.3125rem;
}
}
}
......@@ -111,9 +111,9 @@
background-image: url('data:image/svg+xml,<svg id="Group_1924" data-name="Group 1924" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.95" height="20.264" viewBox="0 0 17.95 20.264"><defs><clipPath id="clip-path"><rect id="Rectangle_269" data-name="Rectangle 269" width="17.95" height="20.264" fill="none"/></clipPath></defs><g id="Group_1924-2" data-name="Group 1924" clip-path="url(%23clip-path)"><path id="Path_1522" data-name="Path 1522" d="M17.95,8.4a1.085,1.085,0,0,0-.094-.492,1.112,1.112,0,0,0-1.014-.667c-.138-.006-.276,0-.414,0h-.093V5c0-.025,0-.051,0-.076a.56.56,0,0,0-.154-.4Q14.293,2.377,12.41.222c-.026-.03-.051-.06-.078-.088A.392.392,0,0,0,12.025,0H2.487a.909.909,0,0,0-.34.049.8.8,0,0,0-.51.729c0,.042,0,.084,0,.127V7.237c-.03,0-.052.006-.073.006-.132,0-.265,0-.4,0A1.134,1.134,0,0,0,.03,8.2a.628.628,0,0,1-.03.1v6.078a.824.824,0,0,1,.032.1,1.135,1.135,0,0,0,1.1.942c.138,0,.276,0,.414,0h.094v.113q0,1.946,0,3.891a.845.845,0,0,0,.048.306.791.791,0,0,0,.551.5c.032.009.063.022.094.033h13.3c.034-.011.068-.024.1-.033a.794.794,0,0,0,.593-.7c0-.053.006-.107.006-.16q0-1.916,0-3.832v-.115c.03,0,.055,0,.079,0h.414a1.132,1.132,0,0,0,1.11-.937,1.447,1.447,0,0,0,.011-.244q0-1.211,0-2.423,0-1.705,0-3.41M15.534,19.241H2.435V15.423h13.1ZM2.6,8.458H3.9l.852,1.594.189.56.181-.56.891-1.594H7.188L5.594,11.117,7.267,13.98H5.981l-.97-1.7L4.8,11.693l-.205.584-.978,1.7H2.438l1.7-2.809Zm8.725,4.56v.962H7.827V8.458H8.908v4.56Zm2.757-.931a2.045,2.045,0,0,0-.465-.288q-.28-.13-.607-.268a3.1,3.1,0,0,1-.607-.339,1.726,1.726,0,0,1-.465-.5,1.433,1.433,0,0,1-.185-.765,1.678,1.678,0,0,1,.134-.7,1.31,1.31,0,0,1,.383-.493,1.646,1.646,0,0,1,.588-.292,2.816,2.816,0,0,1,.757-.095,4.75,4.75,0,0,1,.907.083,2.308,2.308,0,0,1,.7.241l-.339.907a1.9,1.9,0,0,0-.521-.2,2.961,2.961,0,0,0-.749-.091.959.959,0,0,0-.58.15.476.476,0,0,0-.2.4.5.5,0,0,0,.185.394,2.138,2.138,0,0,0,.466.292q.28.134.607.276a3.263,3.263,0,0,1,.607.343,1.752,1.752,0,0,1,.465.5,1.366,1.366,0,0,1,.185.738,1.821,1.821,0,0,1-.146.761,1.444,1.444,0,0,1-.41.533,1.735,1.735,0,0,1-.639.316,3.122,3.122,0,0,1-.824.1,4.392,4.392,0,0,1-1.041-.111,3.18,3.18,0,0,1-.663-.221l.347-.923a2.123,2.123,0,0,0,.225.1,2.866,2.866,0,0,0,.312.1,3.571,3.571,0,0,0,.367.079,2.466,2.466,0,0,0,.4.032,1.389,1.389,0,0,0,.738-.162.543.543,0,0,0,.256-.493.514.514,0,0,0-.185-.41m1.449-4.848H2.437V.8h9.2V.9q0,1.941,0,3.883a.792.792,0,0,0,.005.126.4.4,0,0,0,.385.339c.031,0,.062,0,.093,0h3.407c.02.067.024,1.9,0,1.986" transform="translate(0 0.001)" fill="%231a1818"/></g></svg>');
display: inline-block;
position: relative;
top: 5px;
top: 0.3125rem;
left:-0.2rem;
margin-right: 5px;
margin-right: 0.3125rem;
}
}
}
......@@ -124,14 +124,14 @@
}
h2.entry-title {
margin-top: 0 !important;
font-size: 1.25rem !important;
margin-top: 0;
font-size: 1.25rem;
font-family: "PT Sans", sans-serif;
font-weight: bold;
@media screen and (max-width: 768px) {
font-size: 1rem !important;
line-height: 1.25rem !important;
@media screen and (max-width: 48rem) {
font-size: 1rem ;
line-height: 1.25rem;
}
}
......
$aaa_compliance:2.75rem;
body.pojo-a11y-light-background, body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) {
&.donation-amounts .container input:checked+.amount+.checked-fill:after {
border-top:.6em solid black !important;
.pojo-a11y-resize-font-130{
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row{
height: 80vh;
overflow: scroll;
padding-bottom: 50px;
}
& > p a.pdf {
&:before {
filter:brightness(0) !important;
top: 5px;
left: -0.5rem;
}
}
&.copy-link {
background: url("../img/caption.svg") !important;
background-repeat: no-repeat !important;
}
&.download .download-text:after {
filter: brightness(0);
}
&.nf-form-content .list-select-wrap .nf-field-element>div, &.nf-form-content input:not([type=button]), &.nf-form-content textarea {
border:1px solid black !important;
}
&.nf-form-content button, &.nf-form-content input[type=button], &.nf-form-content input[type=submit] {
border:1px solid black !important;
}
&.wp-block-button__link {
border:1px solid black !important;
}
&.checkmark{
border:1px solid black;
}
&.more-link {
background-image: url("../img/more.svg") !important;
background-repeat: no-repeat !important;
color: transparent !important;
}
input::placeholder {
color:black !important;
}
.c-accordion__title:after {
filter: contrast(0.1);
}
&.search-btn {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.712' height='20.712' viewBox='0 0 20.712 20.712'%3E%3Cg id='Group_797' data-name='Group 797' transform='translate(-1339 -132.497)'%3E%3Cline id='Line_1' data-name='Line 1' x2='8.63' y2='8.63' transform='translate(1350.375 143.873)' fill='none' stroke='black' stroke-width='2'/%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(1339 132.497)' fill='white' stroke='black' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='8' stroke='none'/%3E%3Ccircle cx='8' cy='8' r='7' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
a.pdf:before {
filter: brightness(15);
}
&.btn, .download-text, .call-out-block a, .buttons a {
border:1px solid black !important;
}
&.menu-item.twit > a {
color:transparent !important;
background-image: url("data:image/svg+xml,%3Csvg id='Component_134_1' data-name='Component 134 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cpath id='Path_910' data-name='Path 910' d='M504.682 522.589a7.779 7.779 0 0 1-2.22.609 3.866 3.866 0 0 0 1.7-2.139 7.712 7.712 0 0 1-2.455.941 3.871 3.871 0 0 0-6.585 3.527 10.965 10.965 0 0 1-7.968-4.04 3.873 3.873 0 0 0 1.2 5.164 3.871 3.871 0 0 1-1.752-.483v.047a3.865 3.865 0 0 0 3.1 3.791 3.7 3.7 0 0 1-1.02.137 3.85 3.85 0 0 1-.726-.068 3.865 3.865 0 0 0 3.611 2.684 7.768 7.768 0 0 1-4.8 1.655 8.126 8.126 0 0 1-.923-.053 11 11 0 0 0 16.926-9.265c0-.168 0-.335-.011-.5a7.835 7.835 0 0 0 1.929-2' transform='translate(-475.261 -508.433)' fill='%23fff'/%3E%3C/svg%3E") !important;
&:hover {
background-image: url("data:image/svg+xml,%3Csvg id='Component_134_1' data-name='Component 134 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='20' cy='20' r='20' fill='%23699'/%3E%3Cpath id='Path_910' data-name='Path 910' d='M504.682 522.589a7.779 7.779 0 0 1-2.22.609 3.866 3.866 0 0 0 1.7-2.139 7.712 7.712 0 0 1-2.455.941 3.871 3.871 0 0 0-6.585 3.527 10.965 10.965 0 0 1-7.968-4.04 3.873 3.873 0 0 0 1.2 5.164 3.871 3.871 0 0 1-1.752-.483v.047a3.865 3.865 0 0 0 3.1 3.791 3.7 3.7 0 0 1-1.02.137 3.85 3.85 0 0 1-.726-.068 3.865 3.865 0 0 0 3.611 2.684 7.768 7.768 0 0 1-4.8 1.655 8.126 8.126 0 0 1-.923-.053 11 11 0 0 0 16.926-9.265c0-.168 0-.335-.011-.5a7.835 7.835 0 0 0 1.929-2' transform='translate(-475.261 -508.433)' fill='%23fff'/%3E%3C/svg%3E") !important;
}
}
&.menu-item.face > a {
color:transparent !important;
background-image: url("data:image/svg+xml,%3Csvg id='Ellipse_12' data-name='Ellipse 12' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_12-2' data-name='Ellipse 12' cx='20' cy='20' r='20' fill='%23666'/%3E%3C/svg%3E") !important;
&:hover {
background-image: url("data:image/svg+xml,%3Csvg id='Ellipse_12' data-name='Ellipse 12' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_12-2' data-name='Ellipse 12' cx='20' cy='20' r='20' fill='%23699'/%3E%3C/svg%3E") !important;
}
}
&.menu-item.linked > a {
color:transparent !important;
background-image: url("data:image/svg+xml,%3Csvg id='Component_131_1' data-name='Component 131 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cpath id='Path_913' data-name='Path 913' d='M331.3 532.285h-3.673V520.549H331.3Zm-1.929-13.206h-.026a2.033 2.033 0 0 1-2.181-1.875c0-.052-.006-.1-.006-.157a2.234 2.234 0 1 1 2.427 2.023A1.891 1.891 0 0 1 329.372 519.079Zm16.6 13.206h-4.158v-6.074c0-1.589-.649-2.674-2.08-2.674a2.1 2.1 0 0 0-1.985 1.438 2.7 2.7 0 0 0-.089.959v6.35h-4.116s.053-10.759 0-11.736h4.116v1.842a3.761 3.761 0 0 1 3.659-1.956c2.606 0 4.653 1.689 4.653 5.325Z' transform='translate(-314.832 -504.941)' fill='%23fff'/%3E%3C/svg%3E") !important;
&:hover {
background-image: url("data:image/svg+xml,%3Csvg id='Component_131_1' data-name='Component 131 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='20' cy='20' r='20' fill='%23699'/%3E%3Cpath id='Path_913' data-name='Path 913' d='M331.3 532.285h-3.673V520.549H331.3Zm-1.929-13.206h-.026a2.033 2.033 0 0 1-2.181-1.875c0-.052-.006-.1-.006-.157a2.234 2.234 0 1 1 2.427 2.023A1.891 1.891 0 0 1 329.372 519.079Zm16.6 13.206h-4.158v-6.074c0-1.589-.649-2.674-2.08-2.674a2.1 2.1 0 0 0-1.985 1.438 2.7 2.7 0 0 0-.089.959v6.35h-4.116s.053-10.759 0-11.736h4.116v1.842a3.761 3.761 0 0 1 3.659-1.956c2.606 0 4.653 1.689 4.653 5.325Z' transform='translate(-314.832 -504.941)' fill='%23fff'/%3E%3C/svg%3E") !important;
}
}
&.menu-item.insta > a {
color:transparent !important;
background-image: url("data:image/svg+xml,%3Csvg id='Component_130_1' data-name='Component 130 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_11' data-name='Ellipse 11' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cg id='Group_290' data-name='Group 290' transform='translate(-264.021 -505.354)'%3E%3Cpath id='Path_914' data-name='Path 914' d='M288.408 535.248h-8.776a5.512 5.512 0 0 1-5.506-5.506v-8.775a5.512 5.512 0 0 1 5.506-5.506h8.776a5.513 5.513 0 0 1 5.507 5.506v8.775A5.513 5.513 0 0 1 288.408 535.248Zm-8.776-17.532a3.256 3.256 0 0 0-3.253 3.252v8.775A3.257 3.257 0 0 0 279.632 533h8.776a3.258 3.258 0 0 0 3.254-3.254v-8.775a3.257 3.257 0 0 0-3.254-3.252Z' fill='%23fff'/%3E%3Cpath id='Path_915' data-name='Path 915' d='M284.021 530.687a5.333 5.333 0 1 1 5.332-5.334v0A5.339 5.339 0 0 1 284.021 530.687Zm0-8.411a3.078 3.078 0 1 0 3.078 3.08 3.079 3.079 0 0 0-3.078-3.08Z' fill='%23fff'/%3E%3Ccircle id='Ellipse_14' data-name='Ellipse 14' cx='0.95' cy='0.95' r='0.95' transform='translate(288.226 519.248)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
&:hover {
background-image: url("data:image/svg+xml,%3Csvg id='Component_130_1' data-name='Component 130 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_11' data-name='Ellipse 11' cx='20' cy='20' r='20' fill='%23699'/%3E%3Cg id='Group_290' data-name='Group 290' transform='translate(-264.021 -505.354)'%3E%3Cpath id='Path_914' data-name='Path 914' d='M288.408 535.248h-8.776a5.512 5.512 0 0 1-5.506-5.506v-8.775a5.512 5.512 0 0 1 5.506-5.506h8.776a5.513 5.513 0 0 1 5.507 5.506v8.775A5.513 5.513 0 0 1 288.408 535.248Zm-8.776-17.532a3.256 3.256 0 0 0-3.253 3.252v8.775A3.257 3.257 0 0 0 279.632 533h8.776a3.258 3.258 0 0 0 3.254-3.254v-8.775a3.257 3.257 0 0 0-3.254-3.252Z' fill='%23fff'/%3E%3Cpath id='Path_915' data-name='Path 915' d='M284.021 530.687a5.333 5.333 0 1 1 5.332-5.334v0A5.339 5.339 0 0 1 284.021 530.687Zm0-8.411a3.078 3.078 0 1 0 3.078 3.08 3.079 3.079 0 0 0-3.078-3.08Z' fill='%23fff'/%3E%3Ccircle id='Ellipse_14' data-name='Ellipse 14' cx='0.95' cy='0.95' r='0.95' transform='translate(288.226 519.248)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
}
}
&.menu-item.snap > a {
color:transparent !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='Component_132_1' data-name='Component 132 %E2%80%93 1' transform='translate(0 0)'%3E%3Cpath id='Path_916' data-name='Path 916' d='M385.642 537.716a20 20 0 1 0-20-20v0a20 20 0 0 0 20 20' transform='translate(-365.643 -497.716)' fill='%23666'/%3E%3Cg id='Group_291' data-name='Group 291' transform='translate(-365.643 -497.716)'%3E%3Cpath id='Path_917' data-name='Path 917' d='M384.928 508.02h1.518c.256.06.515.112.769.179a5.021 5.021 0 0 1 4 4.024 14.38 14.38 0 0 1 .054 2.889c-.009 1.058.019 1.1 1.028.706a1.279 1.279 0 0 1 1.116.047.744.744 0 0 1 .141 1.332 5.168 5.168 0 0 1-.947.479c-.282.129-.588.218-.858.361a.6.6 0 0 0-.348.771.577.577 0 0 0 .041.087 5.91 5.91 0 0 0 3.942 3.587 3.979 3.979 0 0 1 .623.285v.353a4.239 4.239 0 0 1-.868.706 5.652 5.652 0 0 1-1.486.418.59.59 0 0 0-.571.538c-.2.886-.328.951-1.218.791a3.516 3.516 0 0 0-2.89.481 6.753 6.753 0 0 1-2.7 1.354h-1.251a2.541 2.541 0 0 1-.5-.15 23.018 23.018 0 0 1-2.092-1.144 3.441 3.441 0 0 0-2.482-.606c-.352.05-.705.1-1.058.133-.282.027-.554-.088-.563-.378-.027-.9-.64-1.052-1.339-1.159a2.28 2.28 0 0 1-.839-.271 7.426 7.426 0 0 1-.869-.714v-.353a1.672 1.672 0 0 1 .447-.257 5.7 5.7 0 0 0 3.936-3.208c.45-.837.3-1.17-.6-1.5-.139-.051-.29-.075-.423-.138a5.342 5.342 0 0 1-.9-.47.741.741 0 0 1 .138-1.33 1.134 1.134 0 0 1 1.027-.041 1.209 1.209 0 0 0 1.15.108c-.031-.588-.085-1.168-.083-1.746a9.554 9.554 0 0 1 .105-2 5.092 5.092 0 0 1 4-3.986C384.347 508.127 384.639 508.08 384.928 508.02Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
&:hover {
background-image: url("data:image/svg+xml,%3Csvg id='Component_132_1' data-name='Component 132 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath id='Path_916' data-name='Path 916' d='M385.642 537.716a20 20 0 1 0-20-20v0a20 20 0 0 0 20 20' transform='translate(-365.643 -497.716)' fill='%23699'/%3E%3Cg id='Group_291' data-name='Group 291' transform='translate(-365.643 -497.716)'%3E%3Cpath id='Path_917' data-name='Path 917' d='M384.928 508.02h1.518c.256.06.515.112.769.179a5.021 5.021 0 0 1 4 4.024 14.38 14.38 0 0 1 .054 2.889c-.009 1.058.019 1.1 1.028.706a1.279 1.279 0 0 1 1.116.047.744.744 0 0 1 .141 1.332 5.168 5.168 0 0 1-.947.479c-.282.129-.588.218-.858.361a.6.6 0 0 0-.348.771.577.577 0 0 0 .041.087 5.91 5.91 0 0 0 3.942 3.587 3.979 3.979 0 0 1 .623.285v.353a4.239 4.239 0 0 1-.868.706 5.652 5.652 0 0 1-1.486.418.59.59 0 0 0-.571.538c-.2.886-.328.951-1.218.791a3.516 3.516 0 0 0-2.89.481 6.753 6.753 0 0 1-2.7 1.354h-1.251a2.541 2.541 0 0 1-.5-.15 23.018 23.018 0 0 1-2.092-1.144 3.441 3.441 0 0 0-2.482-.606c-.352.05-.705.1-1.058.133-.282.027-.554-.088-.563-.378-.027-.9-.64-1.052-1.339-1.159a2.28 2.28 0 0 1-.839-.271 7.426 7.426 0 0 1-.869-.714v-.353a1.672 1.672 0 0 1 .447-.257 5.7 5.7 0 0 0 3.936-3.208c.45-.837.3-1.17-.6-1.5-.139-.051-.29-.075-.423-.138a5.342 5.342 0 0 1-.9-.47.741.741 0 0 1 .138-1.33 1.134 1.134 0 0 1 1.027-.041 1.209 1.209 0 0 0 1.15.108c-.031-.588-.085-1.168-.083-1.746a9.554 9.554 0 0 1 .105-2 5.092 5.092 0 0 1 4-3.986C384.347 508.127 384.639 508.08 384.928 508.02Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
}
}
&.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3Csvg id='Group_100' data-name='Group 100' xmlns='http://www.w3.org/2000/svg' width='25.333' height='24' viewBox='0 0 25.333 24'%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='25.333' height='5.333' rx='1' fill=' %23FFFF00'/%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='25.333' height='5.333' rx='1' fill=' %23FFFF00' transform='translate(0 9.333)'/%3E%3Cpath id='Path_1433' data-name='Path 1433' d='M1.333 0H24a1.333 1.333 0 0 1 1.333 1.333V4A1.333 1.333 0 0 1 24 5.333H1.333A1.333 1.333 0 0 1 0 4V1.333A1.333 1.333 0 0 1 1.333 0Z' transform='translate(0 18.667)' fill=' %23FFFF00' /%3E%3C/svg%3E") !important;
}
&.nav-link {
border:1px solid black;
}
button, .navbar-toggler {
border:1px solid black !important;
}
// &.navbar-brand.custom-logo-link > img {
// background:black !important;
// }
&.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
background:none !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background:black !important;
}
&.side-caption.header-caption {
background: none !important;
}
&.wp-block-ub-tabbed-content-accordion-toggle.active:before {
background-color: transparent !important;
border-bottom-color: transparent !important;
}
&.slider {
border:1px solid black;
&:before {
background-color: black;
}
}
&.donation-amounts .container input:checked+.amount {
color:black !important;
}
&.donation-amounts .container input:checked+.amount+.checked-fill {
border:1px solid black;
}
&.swiper-button-next {
background-image: url("data:image/svg+xml,%3Csvg id='Component_111_165' data-name='Component 111 %E2%80%93 165' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='35' height='35' fill='white'/%3E%3Cpath id='Path_734' data-name='Path 734' d='M9.41 6.941c.651-.659 1.289-1.312 1.936-1.958Q13.671 2.659 16 .34a1.044 1.044 0 0 1 1.543 0c.3.3.6.6.9.9a1.023 1.023 0 0 1-.006 1.531q-2.094 2.093-4.186 4.188-2.03 2.032-4.058 4.067a1.133 1.133 0 0 1-.759.362 1.081 1.081 0 0 1-.835-.36Q7.03 9.456 5.463 7.885 3.331 5.75 1.2 3.617c-.29-.29-.582-.58-.871-.871a1.017 1.017 0 0 1 .011-1.5L1.226.355a1.043 1.043 0 0 1 1.566 0L6.568 4.116 9.3 6.839C9.329 6.865 9.357 6.89 9.41 6.941Z' transform='translate(12.806 26.891) rotate(-90)' fill='black'/%3E%3C/svg%3E") !important;
border:1px solid black;
}
&.swiper-button-prev {
background-image: url("data:image/svg+xml,%3Csvg id='Component_112_165' data-name='Component 112 %E2%80%93 165' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='35' height='35' fill='white'/%3E%3Cpath id='Path_734' data-name='Path 734' d='M9.41 4.448c.651.659 1.289 1.312 1.936 1.958Q13.671 8.73 16 11.049a1.044 1.044 0 0 0 1.543 0c.3-.3.6-.6.9-.9a1.023 1.023 0 0 0-.006-1.531Q16.341 6.525 14.249 4.43 12.219 2.4 10.191.364A1.133 1.133 0 0 0 9.432 0 1.081 1.081 0 0 0 8.6.362Q7.03 1.933 5.463 3.5 3.331 5.639 1.2 7.772c-.29.29-.582.58-.871.871a1.017 1.017 0 0 0 .011 1.5l.889.889a1.043 1.043 0 0 0 1.566 0L6.568 7.273 9.3 4.55C9.329 4.524 9.357 4.5 9.41 4.448Z' transform='translate(10.805 26.891) rotate(-90)' fill='black'/%3E%3C/svg%3E") !important;
border:1px solid black;
}
.jssocials-share.jssocials-share-twitter a i {
background-image: url("data:image/svg+xml,%3Csvg id='Component_134_1' data-name='Component 134 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cpath id='Path_910' data-name='Path 910' d='M504.682 522.589a7.779 7.779 0 0 1-2.22.609 3.866 3.866 0 0 0 1.7-2.139 7.712 7.712 0 0 1-2.455.941 3.871 3.871 0 0 0-6.585 3.527 10.965 10.965 0 0 1-7.968-4.04 3.873 3.873 0 0 0 1.2 5.164 3.871 3.871 0 0 1-1.752-.483v.047a3.865 3.865 0 0 0 3.1 3.791 3.7 3.7 0 0 1-1.02.137 3.85 3.85 0 0 1-.726-.068 3.865 3.865 0 0 0 3.611 2.684 7.768 7.768 0 0 1-4.8 1.655 8.126 8.126 0 0 1-.923-.053 11 11 0 0 0 16.926-9.265c0-.168 0-.335-.011-.5a7.835 7.835 0 0 0 1.929-2' transform='translate(-475.261 -508.433)' fill='white'/%3E%3C/svg%3E") !important;
background-size: contain !important;
}
&.nf-multi-cell .nf-breadcrumbs li.errors a {
background: #e80000!important;
}
&.nf-multi-cell .nf-breadcrumbs:before {
color:black !important;
}
&.nf-breadcrumbs>li:nth-child(1) .nf-breadcrumb, &.nf-breadcrumbs>li:nth-child(2) .nf-breadcrumb {
color:transparent !important;
border: 1px solid black;
&:before {
color:black !important;
}
}
input::placeholder {
color:black !important;
}
}
p,h1,h2,h3,h4,h5,h6,span,li,ul,ol,blockquote,pre,code,abbr,acronym,address,cite,del,dfn,em,img,q,s,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
body.pojo-a11y-negative-contrast, body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) {
&.copy-link {
background: url("../img/caption.svg") !important;
background-repeat: no-repeat !important;
}
&.nf-multi-cell .nf-breadcrumbs li.errors a {
background: #e80000!important;
}
&.nf-multi-cell .nf-breadcrumbs:before {
color:yellow !important;
}
&.nf-breadcrumbs>li:nth-child(1) .nf-breadcrumb, &.nf-breadcrumbs>li:nth-child(2) .nf-breadcrumb {
color:transparent !important;
border: 1px solid white;
}
input::placeholder {
color:yellow !important;
}
.c-accordion__title:after {
filter: contrast(0.1);
}
&.search-btn {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.712' height='20.712' viewBox='0 0 20.712 20.712'%3E%3Cg id='Group_797' data-name='Group 797' transform='translate(-1339 -132.497)'%3E%3Cline id='Line_1' data-name='Line 1' x2='8.63' y2='8.63' transform='translate(1350.375 143.873)' fill='none' stroke='yellow' stroke-width='2'/%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(1339 132.497)' fill='black' stroke='yellow' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='8' stroke='none'/%3E%3Ccircle cx='8' cy='8' r='7' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
a.pdf:before {
filter: brightness(15);
}
&.btn, .download-text, .call-out-block a, .buttons a {
border:1px solid white !important;
}
&.menu-item.twit > a {
color:transparent !important;
background-image: url("data:image/svg+xml,%3Csvg id='Component_134_1' data-name='Component 134 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cpath id='Path_910' data-name='Path 910' d='M504.682 522.589a7.779 7.779 0 0 1-2.22.609 3.866 3.866 0 0 0 1.7-2.139 7.712 7.712 0 0 1-2.455.941 3.871 3.871 0 0 0-6.585 3.527 10.965 10.965 0 0 1-7.968-4.04 3.873 3.873 0 0 0 1.2 5.164 3.871 3.871 0 0 1-1.752-.483v.047a3.865 3.865 0 0 0 3.1 3.791 3.7 3.7 0 0 1-1.02.137 3.85 3.85 0 0 1-.726-.068 3.865 3.865 0 0 0 3.611 2.684 7.768 7.768 0 0 1-4.8 1.655 8.126 8.126 0 0 1-.923-.053 11 11 0 0 0 16.926-9.265c0-.168 0-.335-.011-.5a7.835 7.835 0 0 0 1.929-2' transform='translate(-475.261 -508.433)' fill='%23fff'/%3E%3C/svg%3E") !important;
&:hover {
background-image: url("data:image/svg+xml,%3Csvg id='Component_134_1' data-name='Component 134 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='20' cy='20' r='20' fill='%23699'/%3E%3Cpath id='Path_910' data-name='Path 910' d='M504.682 522.589a7.779 7.779 0 0 1-2.22.609 3.866 3.866 0 0 0 1.7-2.139 7.712 7.712 0 0 1-2.455.941 3.871 3.871 0 0 0-6.585 3.527 10.965 10.965 0 0 1-7.968-4.04 3.873 3.873 0 0 0 1.2 5.164 3.871 3.871 0 0 1-1.752-.483v.047a3.865 3.865 0 0 0 3.1 3.791 3.7 3.7 0 0 1-1.02.137 3.85 3.85 0 0 1-.726-.068 3.865 3.865 0 0 0 3.611 2.684 7.768 7.768 0 0 1-4.8 1.655 8.126 8.126 0 0 1-.923-.053 11 11 0 0 0 16.926-9.265c0-.168 0-.335-.011-.5a7.835 7.835 0 0 0 1.929-2' transform='translate(-475.261 -508.433)' fill='%23fff'/%3E%3C/svg%3E") !important;
}
}
&.menu-item.face > a {
color:transparent !important;
background-image: url("data:image/svg+xml,%3Csvg id='Ellipse_12' data-name='Ellipse 12' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_12-2' data-name='Ellipse 12' cx='20' cy='20' r='20' fill='%23666'/%3E%3C/svg%3E") !important;
&:hover {
background-image: url("data:image/svg+xml,%3Csvg id='Ellipse_12' data-name='Ellipse 12' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_12-2' data-name='Ellipse 12' cx='20' cy='20' r='20' fill='%23699'/%3E%3C/svg%3E") !important;
}
}
&.menu-item.linked > a {
color:transparent !important;
background-image: url("data:image/svg+xml,%3Csvg id='Component_131_1' data-name='Component 131 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cpath id='Path_913' data-name='Path 913' d='M331.3 532.285h-3.673V520.549H331.3Zm-1.929-13.206h-.026a2.033 2.033 0 0 1-2.181-1.875c0-.052-.006-.1-.006-.157a2.234 2.234 0 1 1 2.427 2.023A1.891 1.891 0 0 1 329.372 519.079Zm16.6 13.206h-4.158v-6.074c0-1.589-.649-2.674-2.08-2.674a2.1 2.1 0 0 0-1.985 1.438 2.7 2.7 0 0 0-.089.959v6.35h-4.116s.053-10.759 0-11.736h4.116v1.842a3.761 3.761 0 0 1 3.659-1.956c2.606 0 4.653 1.689 4.653 5.325Z' transform='translate(-314.832 -504.941)' fill='%23fff'/%3E%3C/svg%3E") !important;
&:hover {
background-image: url("data:image/svg+xml,%3Csvg id='Component_131_1' data-name='Component 131 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='20' cy='20' r='20' fill='%23699'/%3E%3Cpath id='Path_913' data-name='Path 913' d='M331.3 532.285h-3.673V520.549H331.3Zm-1.929-13.206h-.026a2.033 2.033 0 0 1-2.181-1.875c0-.052-.006-.1-.006-.157a2.234 2.234 0 1 1 2.427 2.023A1.891 1.891 0 0 1 329.372 519.079Zm16.6 13.206h-4.158v-6.074c0-1.589-.649-2.674-2.08-2.674a2.1 2.1 0 0 0-1.985 1.438 2.7 2.7 0 0 0-.089.959v6.35h-4.116s.053-10.759 0-11.736h4.116v1.842a3.761 3.761 0 0 1 3.659-1.956c2.606 0 4.653 1.689 4.653 5.325Z' transform='translate(-314.832 -504.941)' fill='%23fff'/%3E%3C/svg%3E") !important;
}
}
&.menu-item.insta > a {
color:transparent !important;
background-image: url("data:image/svg+xml,%3Csvg id='Component_130_1' data-name='Component 130 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_11' data-name='Ellipse 11' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cg id='Group_290' data-name='Group 290' transform='translate(-264.021 -505.354)'%3E%3Cpath id='Path_914' data-name='Path 914' d='M288.408 535.248h-8.776a5.512 5.512 0 0 1-5.506-5.506v-8.775a5.512 5.512 0 0 1 5.506-5.506h8.776a5.513 5.513 0 0 1 5.507 5.506v8.775A5.513 5.513 0 0 1 288.408 535.248Zm-8.776-17.532a3.256 3.256 0 0 0-3.253 3.252v8.775A3.257 3.257 0 0 0 279.632 533h8.776a3.258 3.258 0 0 0 3.254-3.254v-8.775a3.257 3.257 0 0 0-3.254-3.252Z' fill='%23fff'/%3E%3Cpath id='Path_915' data-name='Path 915' d='M284.021 530.687a5.333 5.333 0 1 1 5.332-5.334v0A5.339 5.339 0 0 1 284.021 530.687Zm0-8.411a3.078 3.078 0 1 0 3.078 3.08 3.079 3.079 0 0 0-3.078-3.08Z' fill='%23fff'/%3E%3Ccircle id='Ellipse_14' data-name='Ellipse 14' cx='0.95' cy='0.95' r='0.95' transform='translate(288.226 519.248)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
&:hover {
background-image: url("data:image/svg+xml,%3Csvg id='Component_130_1' data-name='Component 130 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_11' data-name='Ellipse 11' cx='20' cy='20' r='20' fill='%23699'/%3E%3Cg id='Group_290' data-name='Group 290' transform='translate(-264.021 -505.354)'%3E%3Cpath id='Path_914' data-name='Path 914' d='M288.408 535.248h-8.776a5.512 5.512 0 0 1-5.506-5.506v-8.775a5.512 5.512 0 0 1 5.506-5.506h8.776a5.513 5.513 0 0 1 5.507 5.506v8.775A5.513 5.513 0 0 1 288.408 535.248Zm-8.776-17.532a3.256 3.256 0 0 0-3.253 3.252v8.775A3.257 3.257 0 0 0 279.632 533h8.776a3.258 3.258 0 0 0 3.254-3.254v-8.775a3.257 3.257 0 0 0-3.254-3.252Z' fill='%23fff'/%3E%3Cpath id='Path_915' data-name='Path 915' d='M284.021 530.687a5.333 5.333 0 1 1 5.332-5.334v0A5.339 5.339 0 0 1 284.021 530.687Zm0-8.411a3.078 3.078 0 1 0 3.078 3.08 3.079 3.079 0 0 0-3.078-3.08Z' fill='%23fff'/%3E%3Ccircle id='Ellipse_14' data-name='Ellipse 14' cx='0.95' cy='0.95' r='0.95' transform='translate(288.226 519.248)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
}
}
&.menu-item.snap > a {
color:transparent !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='Component_132_1' data-name='Component 132 %E2%80%93 1' transform='translate(0 0)'%3E%3Cpath id='Path_916' data-name='Path 916' d='M385.642 537.716a20 20 0 1 0-20-20v0a20 20 0 0 0 20 20' transform='translate(-365.643 -497.716)' fill='%23666'/%3E%3Cg id='Group_291' data-name='Group 291' transform='translate(-365.643 -497.716)'%3E%3Cpath id='Path_917' data-name='Path 917' d='M384.928 508.02h1.518c.256.06.515.112.769.179a5.021 5.021 0 0 1 4 4.024 14.38 14.38 0 0 1 .054 2.889c-.009 1.058.019 1.1 1.028.706a1.279 1.279 0 0 1 1.116.047.744.744 0 0 1 .141 1.332 5.168 5.168 0 0 1-.947.479c-.282.129-.588.218-.858.361a.6.6 0 0 0-.348.771.577.577 0 0 0 .041.087 5.91 5.91 0 0 0 3.942 3.587 3.979 3.979 0 0 1 .623.285v.353a4.239 4.239 0 0 1-.868.706 5.652 5.652 0 0 1-1.486.418.59.59 0 0 0-.571.538c-.2.886-.328.951-1.218.791a3.516 3.516 0 0 0-2.89.481 6.753 6.753 0 0 1-2.7 1.354h-1.251a2.541 2.541 0 0 1-.5-.15 23.018 23.018 0 0 1-2.092-1.144 3.441 3.441 0 0 0-2.482-.606c-.352.05-.705.1-1.058.133-.282.027-.554-.088-.563-.378-.027-.9-.64-1.052-1.339-1.159a2.28 2.28 0 0 1-.839-.271 7.426 7.426 0 0 1-.869-.714v-.353a1.672 1.672 0 0 1 .447-.257 5.7 5.7 0 0 0 3.936-3.208c.45-.837.3-1.17-.6-1.5-.139-.051-.29-.075-.423-.138a5.342 5.342 0 0 1-.9-.47.741.741 0 0 1 .138-1.33 1.134 1.134 0 0 1 1.027-.041 1.209 1.209 0 0 0 1.15.108c-.031-.588-.085-1.168-.083-1.746a9.554 9.554 0 0 1 .105-2 5.092 5.092 0 0 1 4-3.986C384.347 508.127 384.639 508.08 384.928 508.02Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
&:hover {
background-image: url("data:image/svg+xml,%3Csvg id='Component_132_1' data-name='Component 132 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath id='Path_916' data-name='Path 916' d='M385.642 537.716a20 20 0 1 0-20-20v0a20 20 0 0 0 20 20' transform='translate(-365.643 -497.716)' fill='%23699'/%3E%3Cg id='Group_291' data-name='Group 291' transform='translate(-365.643 -497.716)'%3E%3Cpath id='Path_917' data-name='Path 917' d='M384.928 508.02h1.518c.256.06.515.112.769.179a5.021 5.021 0 0 1 4 4.024 14.38 14.38 0 0 1 .054 2.889c-.009 1.058.019 1.1 1.028.706a1.279 1.279 0 0 1 1.116.047.744.744 0 0 1 .141 1.332 5.168 5.168 0 0 1-.947.479c-.282.129-.588.218-.858.361a.6.6 0 0 0-.348.771.577.577 0 0 0 .041.087 5.91 5.91 0 0 0 3.942 3.587 3.979 3.979 0 0 1 .623.285v.353a4.239 4.239 0 0 1-.868.706 5.652 5.652 0 0 1-1.486.418.59.59 0 0 0-.571.538c-.2.886-.328.951-1.218.791a3.516 3.516 0 0 0-2.89.481 6.753 6.753 0 0 1-2.7 1.354h-1.251a2.541 2.541 0 0 1-.5-.15 23.018 23.018 0 0 1-2.092-1.144 3.441 3.441 0 0 0-2.482-.606c-.352.05-.705.1-1.058.133-.282.027-.554-.088-.563-.378-.027-.9-.64-1.052-1.339-1.159a2.28 2.28 0 0 1-.839-.271 7.426 7.426 0 0 1-.869-.714v-.353a1.672 1.672 0 0 1 .447-.257 5.7 5.7 0 0 0 3.936-3.208c.45-.837.3-1.17-.6-1.5-.139-.051-.29-.075-.423-.138a5.342 5.342 0 0 1-.9-.47.741.741 0 0 1 .138-1.33 1.134 1.134 0 0 1 1.027-.041 1.209 1.209 0 0 0 1.15.108c-.031-.588-.085-1.168-.083-1.746a9.554 9.554 0 0 1 .105-2 5.092 5.092 0 0 1 4-3.986C384.347 508.127 384.639 508.08 384.928 508.02Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
}
}
&.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3Csvg id='Group_100' data-name='Group 100' xmlns='http://www.w3.org/2000/svg' width='25.333' height='24' viewBox='0 0 25.333 24'%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='25.333' height='5.333' rx='1' fill=' %23FFFF00'/%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='25.333' height='5.333' rx='1' fill=' %23FFFF00' transform='translate(0 9.333)'/%3E%3Cpath id='Path_1433' data-name='Path 1433' d='M1.333 0H24a1.333 1.333 0 0 1 1.333 1.333V4A1.333 1.333 0 0 1 24 5.333H1.333A1.333 1.333 0 0 1 0 4V1.333A1.333 1.333 0 0 1 1.333 0Z' transform='translate(0 18.667)' fill=' %23FFFF00' /%3E%3C/svg%3E") !important;
}
&.nav-link {
border:1px solid white;
}
button, .navbar-toggler {
border:1px solid white !important;
line-height: normal !important;
}
&.navbar-brand.custom-logo-link > img {
background:white !important;
.side-menu li a,
#menu-footer li a,
.mega-menu-description,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{
font-size: 130%;
line-height: normal !important;
}
&.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
background:none !important;
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
left: -10% !important;
width: 120% !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background:yellow !important;
.entry-header.page .search-box .sf-field-submit input[name=_sf_submit],
#search-wrapper .sf-field-submit input[name=_sf_submit],
.home-header .search-box .sf-field-submit input[name=_sf_submit]{
height: 3.5rem;
width: 3.5rem;
}
&.side-caption.header-caption {
background: none !important;
#advance-search-modal .modal-dialog .searchandfilter .sf-datepicker{
width: unset !important;
height: unset !important;
}
&.wp-block-ub-tabbed-content-accordion-toggle.active:before {
background-color: transparent !important;
border-bottom-color: transparent !important;
#advance-search-modal .modal-dialog .searchandfilter .search-filter-reset-custom,
#advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit]{
height: 5rem;
width: 11rem;
}
&.slider {
border:1px solid white;
&:before {
background-color: yellow;
#search-wrapper .sf-field-search{
width: calc(100% - 8.5rem);
}
.entry-header.page .search-box .sf-field-search{
width: calc(100% - 9rem);
}
&.donation-amounts .container input:checked+.amount {
color:white !important;
.home-header .search-box .sf-field-search{
width: calc(100% - 5.75rem);
}
&.donation-amounts .container input:checked+.amount+.checked-fill {
background:yellow !important;
.side-menu-page #page-sidebar {
width: 50%;
word-break: break-word;
}
&.swiper-button-next {
background-image: url("data:image/svg+xml,%3Csvg id='Component_111_165' data-name='Component 111 %E2%80%93 165' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='35' height='35' fill='yellow'/%3E%3Cpath id='Path_734' data-name='Path 734' d='M9.41 6.941c.651-.659 1.289-1.312 1.936-1.958Q13.671 2.659 16 .34a1.044 1.044 0 0 1 1.543 0c.3.3.6.6.9.9a1.023 1.023 0 0 1-.006 1.531q-2.094 2.093-4.186 4.188-2.03 2.032-4.058 4.067a1.133 1.133 0 0 1-.759.362 1.081 1.081 0 0 1-.835-.36Q7.03 9.456 5.463 7.885 3.331 5.75 1.2 3.617c-.29-.29-.582-.58-.871-.871a1.017 1.017 0 0 1 .011-1.5L1.226.355a1.043 1.043 0 0 1 1.566 0L6.568 4.116 9.3 6.839C9.329 6.865 9.357 6.89 9.41 6.941Z' transform='translate(12.806 26.891) rotate(-90)' fill='black'/%3E%3C/svg%3E") !important;
.side-menu-page #main{
width: 50%;
}
&.swiper-button-prev {
background-image: url("data:image/svg+xml,%3Csvg id='Component_112_165' data-name='Component 112 %E2%80%93 165' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='35' height='35' fill='yellow'/%3E%3Cpath id='Path_734' data-name='Path 734' d='M9.41 4.448c.651.659 1.289 1.312 1.936 1.958Q13.671 8.73 16 11.049a1.044 1.044 0 0 0 1.543 0c.3-.3.6-.6.9-.9a1.023 1.023 0 0 0-.006-1.531Q16.341 6.525 14.249 4.43 12.219 2.4 10.191.364A1.133 1.133 0 0 0 9.432 0 1.081 1.081 0 0 0 8.6.362Q7.03 1.933 5.463 3.5 3.331 5.639 1.2 7.772c-.29.29-.582.58-.871.871a1.017 1.017 0 0 0 .011 1.5l.889.889a1.043 1.043 0 0 0 1.566 0L6.568 7.273 9.3 4.55C9.329 4.524 9.357 4.5 9.41 4.448Z' transform='translate(10.805 26.891) rotate(-90)' fill='black'/%3E%3C/svg%3E") !important;
#advance-search-modal{
z-index: 999;
}
&.post-template-default .entry-content a.extern:after {
background-image: url("data:image/svg+xml,%3Csvg id='Group_1558' data-name='Group 1558' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20.935' height='20.915' viewBox='0 0 20.935 20.915'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_151' data-name='Rectangle 151' width='20.935' height='20.915' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='Path_1277' data-name='Path 1277' d='M0 0V20.915H20.934V9.763h-2.56v8.6H2.58V2.517h8.383V0Z' transform='translate(0 0)' fill='yellow'/%3E%3Cg id='Group_1023' data-name='Group 1023' transform='translate(0 0)'%3E%3Cg id='Group_1022' data-name='Group 1022' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1278' data-name='Path 1278' d='M18.276 13.612 16.363 11.7l9.185-9.143H23V.016h6.913v6.9H27.374V4.478l-9.1 9.134' transform='translate(-8.975 -0.009)' fill='yellow'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
#advance-search-modal .modal-dialog{
width: 80%!important;
max-width: unset;
}
.jssocials-share.jssocials-share-twitter a i {
background-image: url("data:image/svg+xml,%3Csvg id='Component_134_1' data-name='Component 134 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cpath id='Path_910' data-name='Path 910' d='M504.682 522.589a7.779 7.779 0 0 1-2.22.609 3.866 3.866 0 0 0 1.7-2.139 7.712 7.712 0 0 1-2.455.941 3.871 3.871 0 0 0-6.585 3.527 10.965 10.965 0 0 1-7.968-4.04 3.873 3.873 0 0 0 1.2 5.164 3.871 3.871 0 0 1-1.752-.483v.047a3.865 3.865 0 0 0 3.1 3.791 3.7 3.7 0 0 1-1.02.137 3.85 3.85 0 0 1-.726-.068 3.865 3.865 0 0 0 3.611 2.684 7.768 7.768 0 0 1-4.8 1.655 8.126 8.126 0 0 1-.923-.053 11 11 0 0 0 16.926-9.265c0-.168 0-.335-.011-.5a7.835 7.835 0 0 0 1.929-2' transform='translate(-475.261 -508.433)' fill='white'/%3E%3C/svg%3E") !important;
background-size: contain !important;
#advance-search-modal .modal-dialog .searchandfilter .h4, #advance-search-modal .modal-dialog .searchandfilter h4{
font-size: 130% !important;
}
}
body.pojo-a11y-resize-font-130, body.pojo-a11y-resize-font-140, body.pojo-a11y-resize-font-150, body.pojo-a11y-resize-font-160, body.pojo-a11y-resize-font-170, body.pojo-a11y-resize-font-180, body.pojo-a11y-resize-font-190, body.pojo-a11y-resize-font-200 {
.post-list-left-col, .post-list-right-col {
display: none !important;
}
.mobile-article-list {
display: block;
}
.news-and-stories-block ul .article-card.lg {
max-height: none;
min-height: auto;
}
.news-and-stories-block .post-list-left-col, .news-and-stories-block .post-list-right-col {
flex-basis: 100%;
}
.post-list-left-col {
padding-bottom:2.5rem;
}
.news-and-stories-block ul {
gap:2.5rem;
}
.row.related-content {
.row {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap;
}
.related-block {
width: 100% !important;
}
}
.article-card.lg .content {
padding-bottom:1rem;
}
.related .related-content .info {
max-width: none!important;
flex:1;
}
.related-image, .single-news_and_stories .related-image {
height: auto !important;
}
.search-floating-tool .search-btn {
width: 3.3rem;
height: 3.3rem ;
}
.nf-row {
nf-cells {
flex-direction: column;
.nf-cell {
width: 100% !important;
}
}
}
.label-left .nf-field-label {
width: 100% !important;
}
.label-left .field-wrap {
flex-wrap: wrap !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a svg {
height: 2rem;
width: auto;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle {
position: absolute;
top: 2.65rem;
a {
width: 3.3rem;
height: 3.3rem;
}
}
span.wpml-ls-native {
font-size: 2rem !important;
}
&.floating-buttons {
top:8rem;
}
&.jssocials-share {
margin:0;
}
&.jssocials-share.jssocials-share-twitter a {
position: relative;
}
&.addtoany-text {
font-size: 1rem;
}
&.jssocials-share.jssocials-share-twitter a i {
position: absolute;
bottom: 0;
height: 2.5rem;
width: 2.5rem;
}
&.entry-header .side-caption {
max-width: 40%;
}
#full-width-page-wrapper .header-carousel-link .h1, #full-width-page-wrapper .header-carousel-link h1, #page-wrapper .header-carousel-link .h1, #page-wrapper .header-carousel-link h1 {
font-size: 3.438rem !important;
}
button {
font-size: 1.5rem;
}
#menu-footer-menu li a {
font-size: 1.5rem;
}
#footer-full-content {
flex-direction: column;
}
.footer-menus+div {
position: static;
}
.switch {
height: auto;
width: 5.75rem;
.slider:before {
height: 2.5rem;
width: 2.5rem;
}
}
input:checked+.slider:before {
transform: translateX(2.5rem);
}
.donation {
max-width: none;
padding-right:2.813rem;
.donation-info-wrapper {
max-width: none;
}
.donation-info-wrapper .donation-info {
width: auto;
height: auto;
padding-right:25%;
}
}
#wrapper-navbar #main-menu>li>a {
padding-top:1.5rem !important;
font-size: 60% !important;
}
#wrapper-navbar #main-menu>li:last-of-type {
text-align: center;
& > a {
padding-top:0 !important;
padding:0 0.531rem;
}
}
#breadcrumb a {
font-size: 1.25rem;
.pojo-a11y-resize-font-140{
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row{
height: 80vh;
overflow: scroll;
padding-bottom: 50px;
}
h1, h2, h3, h4, h5, h6, p, li, a {
line-height: normal !important;
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row{
height: 80vh;
overflow: scroll;
}
.article-card .content p:first-child {
p,h1,h2,h3,h4,h5,h6,span,li,ul,ol,blockquote,pre,code,abbr,acronym,address,cite,del,dfn,em,img,q,s,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
line-height: normal !important;
}
.article-card .content .author-name, .article-card .content .author-title, .article-card .content .author_company, .article-card .content .published {
.side-menu li a,
#menu-footer li a,
.mega-menu-description,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{
font-size: 140%;
line-height: normal !important;
}
.full-width-block {
max-height: none !important;
}
#main-nav {
// position: static !important;
// height: auto !important;
}
#wrapper-navbar #main-menu .dropdown-menu {
flex-direction: row;
height: auto;
max-height: none;
position:absolute;
left:0 !important;
top: 6.25rem;
width: 100vw;
// flex-wrap: wrap;
& > li {
// flex-basis: 50% !important;
// max-width: 10rem !important;
}
}
&.retract {
#wrapper-navbar #main-menu>li:last-of-type {
height: 3.6rem !important;
}
#wrapper-navbar #main-menu .dropdown-menu {
top: 3.25rem;
}
}
#wrapper-navbar #main-menu li {
position: static;
flex: 1;
max-width: 30vw;
}
#wrapper-navbar #main-menu>li:nth-child(n+2) .dropdown-menu {
flex-flow: row;
flex-wrap: wrap;
}
#wrapper-navbar #main-menu .dropdown-menu a {
padding-top:0;
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
left: -10% !important;
width: 120% !important;
}
#wrapper-navbar #main-menu .dropdown-menu>li {
width: auto;
max-width: none;
flex-basis: 50% !important;
padding: 1rem 1rem;
.entry-header.page .search-box .sf-field-submit input[name=_sf_submit],
#search-wrapper .sf-field-submit input[name=_sf_submit],
.home-header .search-box .sf-field-submit input[name=_sf_submit]{
height: 4rem;
width: 4rem;
}
#wrapper-navbar .dropdown-shadow {
height: auto;
#advance-search-modal .modal-dialog .searchandfilter .sf_date_field .sf-date-prefix,
#advance-search-modal .modal-dialog .searchandfilter .search-filter-reset-custom,
#advance-search-modal .modal-dialog .searchandfilter .sf-datepicker{
width: unset !important;
height: unset !important;
}
.wp-block-columns {
flex-direction: column;
}
#banner-alert {
max-height: none !important;
}
.wp-block-ub-tabbed-content-tab-content-wrap {
margin-top:1rem;
gap: 1rem;
flex-direction: column;
}
.article-card {
max-width: none;
.content {
p:first-child {
max-height: none;
}
}
}
// .news-and-stories-block {
// flex-direction: column;
// }
.news-and-stories-block ul .article-card.lg .scale-wrapper {
max-height: none;
min-height: auto;
}
.card-block .image-hover-container img {
width: auto;
}
.count-info {
.swiper-slide {
height:auto !important;
}
}
.donation-amounts input {
position: static;
}
.donation-amounts {
flex-direction: column !important;
}
.donation-amounts input.custom-amt {
width: 100%;
height: auto;
}
.number-format:not(.nf-field-container):before {
bottom: 1rem !important;
}
.cap {
line-height: 1;
}
&.retract #wrapper-navbar #main-menu .dropdown-toggle::after {
bottom:-0.2rem
}
.mi-image-container {
width: 50% !important;
}
span {
line-height: normal;
}
@media(max-width:71.875rem) {
.donation {
.donation-info-wrapper .donation-info {
padding-right:0;
}
}
.donation-block .donate-btn {
margin-top: 2rem;
}
#main>article>.entry-content p+.carousel {
margin-top:1.563rem;
}
.news-and-stories-block ul {
// margin-bottom:1.563rem;
}
#wrapper-navbar #main-menu .dropdown-menu>li {
flex-basis: auto !important;
}
#wrapper-navbar #main-menu>li:nth-child(n+2) .dropdown-menu {
flex-flow: column;
flex:none !important;
&.show {
height: auto !important;
}
}
.side-caption {
.image-side-caption {
opacity: 0;
#advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit]{
height: 4rem;
width: 11rem;
}
#advance-search-modal .modal-dialog .searchandfilter .search-filter-reset-custom{
height: 5rem;
width: 12rem;
}
.side-caption:focus-within, .side-caption:hover {
top:0;
left:0;
z-index: 99999;
max-width: 100% !important;
.image-side-caption {
opacity: 1;
#search-wrapper .sf-field-search{
width: calc(100% - 8.5rem);
}
.home-header .search-box .sf-field-search{
width: calc(100% - 5.75rem);
}
#wrapper-navbar #main-menu li, wrapper-navbar #main-menu li, #wrapper-navbar #main-menu li {
max-width: 100%;
.entry-header.page .search-box .sf-field-search{
width: calc(100% - 9rem);
}
#wrapper-navbar #main-menu .dropdown-menu, #wrapper-navbar #main-menu .dropdown-menu, #wrapper-navbar #main-menu .dropdown-menu {
flex-direction: column;
padding-left:4rem;
padding-right: 1.688rem;
.side-menu-page #page-sidebar {
width: 50%;
word-break: break-word;
}
#wrapper-navbar #main-menu>li>a {
font-size: 1.75rem !important;
.side-menu-page #main{
width: 50%;
}
&.retract {
#wrapper-navbar #main-menu>li {
flex:none;
#advance-search-modal .modal-dialog .searchandfilter .sf-datepicker{
width: unset !important;
height: unset !important;
}
#wrapper-navbar #main-menu>li>a {
font-size: 1.75rem !important;
#advance-search-modal .modal-dialog{
width: 80%!important;
max-width: unset;
}
#advance-search-modal{
z-index: 999;
}
#wrapper-navbar #main-menu .dropdown-menu > li {
padding: 0.5rem;
& > a {
font-size: 1.5rem !important;
#advance-search-modal .modal-dialog .searchandfilter .h4, #advance-search-modal .modal-dialog .searchandfilter h4{
font-size: 140% !important;
}
}
}
#search-wrapper, .entry-content {
padding-left: 1.813rem;
padding-right: 1.813rem;
}
#footer-full-content>div p {
line-height: normal !important;
}
.wp-block-ub-tabbed-content .infograph-row {
flex-direction: column;
}
.donation-info-wrapper .donation-info {
width: auto;
height: auto;
}
}
.pojo-a11y-resize-font-130,
.pojo-a11y-resize-font-140{
}
\ No newline at end of file
......
......@@ -2,5 +2,5 @@
Theme Name: MSF CA Child
Author: Tenzing Communications
Template: msf-ca
Version: 1.0.21
Version: 1.0.22
*/
......