Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
a171116e by Jeff Balicki
Options

px to rem 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 017c80de
Expand all
Inline Side-by-side
Showing 30 changed files with 399 additions and 409 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.
......@@ -20707,10 +20707,6 @@
$('#top-search').val();
return false;
});
$(document).on("sf:ajaxstart", ".searchandfilter", function (e) {
console.log(e);
console.log("ajax start");
});
$(document).on("click", "#search-wrapper:not(.news-search) .search-filter-reset", function (e) {
e.preventDefault();
const searchParams = new URLSearchParams(window.location.search);
......@@ -20754,10 +20750,10 @@
$(document).on("click", '#advance-search-modal [name="_sf_submit"]', function (e) {
$('#advance-search-modal .searchandfilter').hide();
$('[data-sf-form-id="399"]').trigger("submit");
//$('[data-sf-form-id="102"]').trigger("submit");
$('.searching-loading').show();
if ($(window).width() > 901) {
$('.overlay').show();
//$('#full-width-page-wrapper #content').css('opacity', '0');
}
setTimeout(() => {
window.location.href = window.location.href;
}, "3000");
......
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.
......@@ -59,11 +59,6 @@ var Search = (function($) {
return false;
});
$(document).on("sf:ajaxstart", ".searchandfilter", function(e){
console.log(e);
console.log("ajax start");
});
$(document).on("click", "#search-wrapper:not(.news-search) .search-filter-reset", function(e){
......@@ -114,10 +109,10 @@ var Search = (function($) {
$(document).on("click", '#advance-search-modal [name="_sf_submit"]', function(e){
$('#advance-search-modal .searchandfilter').hide();
$('[data-sf-form-id="399"]').trigger("submit");
//$('[data-sf-form-id="102"]').trigger("submit");
$('.searching-loading').show();
if($(window).width() > 901) {
$('.overlay').show();
//$('#full-width-page-wrapper #content').css('opacity', '0');
};
setTimeout(() => {
window.location.href = window.location.href
}, "3000");
......
......@@ -10,7 +10,7 @@
//This should be the default when it's closed as seen on page #49
padding-bottom:10px;
padding-bottom:0.625rem;
&.is-open {
//This was seen to be the correct spacing in page #49 in the accordion with the download cards
......
......@@ -18,13 +18,13 @@
min-height: 15.625rem;
}
h2{
padding-top: 32px;
padding-top: 2rem;
color: #fff;
font-family: "PT Sans",sans-serif;
font-weight: 700;
@media screen and (max-width: 48rem) {
font-size: 22px;
line-height: 25px;
font-size: 1.375rem;
line-height: 1.5625rem;
}
}
......@@ -50,11 +50,11 @@
background-color: #EE0000;
color: #fff;
border: none;
font-size: 14px;
font-size: 0.875rem;
font-weight: 500;
margin: 24px 0 50px 0;
padding: 8px 46px;
line-height: 17px;
margin: 1.5rem 0 3.125rem 0;
padding: 0.5rem 2.875rem;
line-height: 1.0625rem;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
......@@ -62,7 +62,7 @@
border-radius: 2.5rem !important;
font-weight: bold;
@media screen and (max-width: 48rem) {
font-size: 16px;
font-size: 1rem;
}
}
......
......@@ -3,13 +3,13 @@
background-color: transparent !important;
left: -5%;
width: 110%;
margin-top: 24px;
margin-bottom: 24px;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
padding: 0rem 3.125rem;
height: 280px;
height: 17.5rem;
@media only screen and (max-width:67.063rem) {
left: 0%;
width: calc(100vw - 24px);
width: calc(100vw - 1.5rem);
padding: 0rem 0rem;
}
......@@ -29,7 +29,7 @@
width: 99%;
@media only screen and (max-width:67.063rem) {
overflow: scroll;
height: 300px;
height: 18.75rem;
width: 99%;
margin-left: 0%;
}
......@@ -55,21 +55,21 @@
}
.promo-image {
width: 340px;
height: 186px;
width: 21.25rem;
height: 11.625rem;
overflow: hidden;
background-color: #F2F2F2;
transition: all 0.5s ease-in-out;
@media only screen and (max-width:1073px) {
min-height: 186px !important;
max-height: 186px !important;
max-width: 316px;
min-width: 316px;
@media only screen and (max-width:67.0625rem) {
min-height: 11.625rem !important;
max-height: 11.625rem !important;
max-width: 19.75rem;
min-width: 19.75rem;
}
@media only screen and (max-width: 500px) {
max-width: calc(85vw - 24px);
min-width: calc(85vw - 24px);
@media only screen and (max-width: 31.25rem) {
max-width: calc(85vw - 1.5rem);
min-width: calc(85vw - 1.5rem);
}
......@@ -95,15 +95,15 @@
}
.promo-text {
margin-left: 0px;
margin-top: 24px;
margin-left: 0rem;
margin-top: 1.5rem;
text-align: left;
font-size: 18px;
line-height: 23px;
font-size: 1.125rem;
line-height: 1.4375rem;
text-align: left;
color: #000;
text-decoration: none;
max-width: 335px;
max-width: 20.9375rem;
font-weight: bold;
}
......@@ -144,7 +144,7 @@
.pdf-carousel{
.promo-image.pdf {
width: 270px;
width: 16.875rem;
img {
width: auto;
......@@ -192,7 +192,7 @@
border: 0rem solid #EE0000;
border-radius: 1.25rem;
display: none;
left: -15px !important;
left: -0.9375rem !important;
top: calc(50% - 2.1875rem) !important;
@media only screen and (max-width:67.063rem) {
......@@ -209,7 +209,7 @@
display: inline-block;
position: absolute;
top: 0.5rem;
left: 11px;
left: 0.6875rem;
@media only screen and (max-width:67.063rem) {
display: none;
......@@ -266,32 +266,32 @@
display: block;
height: 100%;
max-height: 100%;
@media only screen and (max-width:1073px) {
min-height: 186px !important;
max-height: 186px !important;
max-width: 340px;
min-width: 340px;
margin-right: 0px;
}
@media only screen and (max-width: 500px) {
@media only screen and (max-width:67.0625rem) {
min-height: 11.625rem !important;
max-height: 11.625rem !important;
max-width: 21.25rem;
min-width: 21.25rem;
margin-right: 0rem;
}
@media only screen and (max-width: 31.25rem) {
max-width: 85vw;
min-width: 85vw;
margin-right: 0px;
margin-right: 0rem;
}
}
.pdf-carousel{
.swiper-slide {
width: 270px !important;
width: 16.875rem !important;
@media only screen and (max-width:67.063rem) {
width: auto !important;
margin-right: 24px;
margin-right: 1.5rem;
}
}
}
.swiper-slide:last-of-type {
//padding-right: 50px !important;
//padding-right: 3.125rem !important;
}
.swiper-wrapper {
......@@ -341,36 +341,36 @@
.promo-image.video:after {
content: "";
position: absolute;
width: 66px;
height: 66px;
width: 4.125rem;
height: 4.125rem;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="65.928" height="65.928" viewBox="0 0 65.928 65.928"><defs><clipPath id="clip-path"><rect id="Rectangle_250" data-name="Rectangle 250" width="65.928" height="65.928" fill="%23fff"/></clipPath></defs><g id="Group_1994" data-name="Group 1994" opacity="0.6"><g id="Group_1914" data-name="Group 1914"><path id="Path_1401" data-name="Path 1401" d="M112.886,81.243,91.2,94.52V67.966Z" transform="translate(-66.167 -48.109)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1515" data-name="Group 1515" clip-path="url(%23clip-path)"><path id="Path_1402" data-name="Path 1402" d="M32.964,65.928A32.964,32.964,0,1,1,65.929,32.964,33,33,0,0,1,32.964,65.928m0-57.886A24.922,24.922,0,1,0,57.887,32.964,24.95,24.95,0,0,0,32.964,8.042" fill="%23fff"/></g></g></g></g></svg>');
}
.featured-carousel{
height: 400px;
height: 25rem;
}
.carousel:has(.featured-carousel){
height: 400px;
height: 25rem;
.promo-text{
h2 {
font-size:18px;
line-height:23px;
font-size:1.125rem;
line-height:1.4375rem;
text-align: left;
}
p {
font-size: 16px;
line-height: 21px;
font-size: 1rem;
line-height: 1.3125rem;
text-align: left;
font-weight: normal;
}
}
.understrap-read-more-link{
font-size: 14px;
line-height: 21px;
font-size: 0.875rem;
line-height: 1.3125rem;
text-align: left;
}
}
......
......@@ -78,18 +78,18 @@ select {
// Optional styles
// remove for transparency
background-color: #fff;
border:1px solid #BEBEBE;
border:0.0625rem solid #BEBEBE;
}
// Interim solution until :focus-within has better support
select:focus + .focus {
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border: 2px solid var(--select-focus);
top: -0.0625rem;
left: -0.0625rem;
right: -0.0625rem;
bottom: -0.0625rem;
border: 0.125rem solid var(--select-focus);
border-radius: inherit;
}
......
......@@ -38,40 +38,40 @@ h1 {
line-height: 3.25rem;
margin-bottom: 1.5rem;
@media only screen and (max-width: 48.875rem) {
font-size: 35px;
line-height: 40px;
font-size: 2.1875rem;
line-height: 2.5rem;
color: #000;
}
}
h2{
font-size: 28px;
line-height: 35px;
font-size: 1.75rem;
line-height: 2.1875rem;
color:#000;
margin-top: 32px;
margin-top: 2rem;
@media only screen and (max-width: 48.875rem) {
font-size: 29px;
line-height: 36px;
font-size: 1.8125rem;
line-height: 2.25rem;
}
}
h3 {
font-size: 22px;
line-height: 28px;
font-size: 1.375rem;
line-height: 1.75rem;
text-transform: uppercase;
color:#000;
}
h4 {
font-size: 18px;
line-height: 23px;
font-size: 1.125rem;
line-height: 1.4375rem;
color:#000;
}
h5 {
font-size: 16px;
line-height: 22px;
font-size: 1rem;
line-height: 1.375rem;
color:#000;
}
h1+p{
font-size: 16px;
line-height: 21px;
font-size: 1rem;
line-height: 1.3125rem;
font-weight: bold;
color:#000;
}
......@@ -288,17 +288,17 @@ blockquote{
background-color: #fff;
transition: 0s ease-in-out;
color: #000000;
bottom: 40px;
bottom: 2.5rem;
@media only screen and (max-width: 48.875rem) {
padding: 0.625rem 1.25rem;
}
span{
display: block;
margin-right: 20px;
margin-right: 1.25rem;
font-size: 1rem;
line-height: 1.875rem;
font-weight: bold;
right: 0px;
right: 0rem;
}
&:after{
content: "";
......@@ -311,13 +311,13 @@ blockquote{
margin-left: 0.625rem;
top: 0.25rem;
position: absolute;
right: 10px;
top: 15px;
margin-left: 10px;
right: 0.625rem;
top: 0.9375rem;
margin-left: 0.625rem;
}
.badge_content{
width: 0px;
height: 0px;
width: 0rem;
height: 0rem;
overflow: hidden;
transition: 1s ease-in-out;
max-width: 16.875rem;
......@@ -346,8 +346,8 @@ blockquote{
}
.badge_content{
width: 300px;
height: 100px;
width: 18.75rem;
height: 6.25rem;
overflow: hidden;
}
......@@ -399,8 +399,8 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) {
a[target=_blank]{
&:after {
content: "";
width: 12px;
height: 12px;
width: 0.75rem;
height: 0.75rem;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg id="Group_1310" data-name="Group 1310" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.758" height="17.741" viewBox="0 0 17.758 17.741"><defs><clipPath id="clip-path"><rect id="Rectangle_151" data-name="Rectangle 151" width="17.758" height="17.741"/></clipPath></defs><path id="Path_1277" data-name="Path 1277" d="M0,0V17.741H17.757V8.281H15.586v7.3H2.189V2.135H9.3V0Z" transform="translate(0 0)"/><g id="Group_1023" data-name="Group 1023" transform="translate(0 0)"><g id="Group_1022" data-name="Group 1022" clip-path="url(%23clip-path)"><path id="Path_1278" data-name="Path 1278" d="M17.986,11.548,16.363,9.931l7.791-7.756H21.989V.016h5.864V5.867H25.7V3.8l-7.717,7.748" transform="translate(-10.096 -0.01)"/></g></g></svg>');
......
......@@ -36,16 +36,16 @@
li{
margin-bottom: 0rem;
padding-bottom: 0rem;
padding-left: 0px;
padding-left: 0rem;
display: inline-block;
padding-right: 0px;
padding-right: 0rem;
@media only screen and (max-width: 48.875rem) {
display: block;
}
a{
color: #000;
font-size: 16px;
line-height:12px;
font-size: 1rem;
line-height:0.75rem;
font-weight: 400;
text-decoration: none;
......@@ -59,8 +59,8 @@
li::after{
content: "|";
display: inline-block;
padding-left: 10px;
padding-right: 10px;
padding-left: 0.625rem;
padding-right: 0.625rem;
@media only screen and (max-width: 48.875rem) {
content: "";
}
......@@ -72,7 +72,7 @@
.contact{
h2{
margin-left: -12px;
margin-bottom: 0px;
margin-left: -0.75rem;
margin-bottom: 0rem;
}
}
\ No newline at end of file
......
input:not(.search-field):not(.sf-input-text):not(input[name=_sf_submit]):not(.wpcf7-submit):not(.top-go), optgroup, select, textarea {
border:0.0625rem solid #707070 !important;
border-radius: 0px;
border-radius: 0rem;
}
.wpcf7-textarea{
border-radius: 0px !important;
border-radius: 0rem !important;
}
button, input, optgroup, select, textarea{
border-radius: 0;
......@@ -254,11 +254,11 @@ button, input, optgroup, select, textarea{
font-weight: 700;
border-radius: 1.5625rem !important;
background-color: #e00 !important;
margin-right: 0px;
margin-right: 0rem;
float: right;
border: 0px solid transparent !important;
border: 0rem solid transparent !important;
@media screen and (max-width: 48rem) {
margin-right: -15px;
margin-right: -0.9375rem;
}
&:hover {
background:#669999 !important;
......@@ -463,7 +463,7 @@ background-size: 75%;
background-repeat: no-repeat;
transform: scale(0);
transform-origin: bottom left;
font-size: 20px !important;
font-size: 1.25rem !important;
// transition: 120ms transform ease-in-out;
}
......@@ -658,7 +658,7 @@ select {
width: 1rem;
height: 0.5rem;
position: absolute;
right: 5px;
right: 0.3125rem;
}
&:hover {
&:after {
......@@ -672,41 +672,41 @@ select {
max-width: unset !important;
}
.wpcf7 .wpcf7-form p {
margin-bottom: 5px !important;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 0.3125rem !important;
padding-left: 0rem;
padding-right: 0rem;
}
.wpcf7 .wpcf7-form label {
width: 100%;
margin-bottom: 2px;
margin-top: 5px;
margin-bottom: 0.125rem;
margin-top: 0.3125rem;
}
.wpcf7 form.sent .wpcf7-response-output{
border-color:transparent;
color: #e00;
margin-left: -30px;
margin-top: 0px;
margin-left: -1.875rem;
margin-top: 0rem;
@media(max-width: 48rem) {
margin-top: 10px;
margin-top: 0.625rem;
padding-left: 0;
margin-left: -15px;
margin-left: -0.9375rem;
}
}
.wpcf7{
@media(max-width: 48rem) {
height: 400px;
height: 25rem;
}
}
input[type="radio"] {
display: inline-flex;
place-content: center;
width: 28px;
height: 28px;
width: 1.75rem;
height: 1.75rem;
position: relative;
border: 3px solid #fff !important;
border: 0.1875rem solid #fff !important;
border-radius: 50%;
accent-color: #999999;
background: #F0F0F0;
......@@ -714,15 +714,15 @@ input[type="radio"] {
input[type="radio"]::before {
content: "";
width: 18px;
height: 18px;
width: 1.125rem;
height: 1.125rem;
border-radius: 50%;
transform: scale(0);
transition: 120ms transform ease-in-out;
top:5px;
top:0.3125rem;
position: absolute;
box-shadow: inset 1em 1em #EE0000;
outline: 3px solid #fff;
outline: 0.1875rem solid #fff;
}
input[type="radio"]:checked::before {
......
......@@ -2,12 +2,12 @@
position: relative;
height: 100%;
overflow: hidden;
min-height: 480px;
min-height: 30rem;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
@media only screen and (max-width: 48.875rem) {
min-height: 260px;
min-height: 16.25rem;
}
img{
......@@ -18,22 +18,22 @@
color: #fff;
margin: auto;
display: flex;
font-size: 50px;
line-height:55px ;
margin-bottom: 20px;
font-size: 3.125rem;
line-height:3.4375rem ;
margin-bottom: 1.25rem;
width: 100%;
max-width: 550px;
max-width: 34.375rem;
font-weight: bold;
text-align: left;
margin-left: 0px;
margin-top: 0px;
margin-left: 0rem;
margin-top: 0rem;
@media only screen and (max-width: 48.875rem) {
font-size: 1.125rem;
line-height:1.375rem ;
}
}
h1:lang(fr-FR){
max-width: 580px;
max-width: 36.25rem;
}
}
......@@ -52,7 +52,7 @@
background:transparent;
}
.container{
@media screen and (max-width: 1067px) {
@media screen and (max-width: 66.6875rem) {
margin: 0rem 1.875rem 0 1.875rem;
}
@media screen and (max-width:48.875rem) {
......@@ -61,18 +61,18 @@
}
p{
color: #fff;
font-size: 22px;
line-height: 28px;
font-size: 1.375rem;
line-height: 1.75rem;
text-align: left;
max-width: 550px;
margin-bottom: 44px;
max-width: 34.375rem;
margin-bottom: 2.75rem;
}
p:lang(fr-FR){
max-width: 580px;
max-width: 36.25rem;
}
.fx-style{
max-width: 1067px!important;
max-width: 66.6875rem!important;
margin: auto;
display: flex;
flex-direction: column;
......@@ -84,20 +84,20 @@
}
.header.page{
h1{
font-size: 40px;
line-height: 45px;
font-size: 2.5rem;
line-height: 2.8125rem;
}
p{
color: #fff;
font-size: 18px;
line-height: 24px;
font-size: 1.125rem;
line-height: 1.5rem;
}
.breadcrumb{
border-radius: 4px;
border-radius: 0.25rem;
font-size: .75rem;
margin-bottom: 1.25rem;
background-color: #000;
......@@ -105,8 +105,8 @@
width: fit-content;
display: block;
position: relative;
padding: 0px 10px;
margin-bottom: 15px;
padding: 0rem 0.625rem;
margin-bottom: 0.9375rem;
a{
text-decoration: none;
text-transform: none;
......@@ -194,31 +194,31 @@
background-color: #000;
margin-left: -50%;
margin-right: -50%;
padding-left: calc(50% - 5px);
padding-right:calc(50% - 5px);
padding-top: 31px;
padding-bottom: 20px;
padding-left: calc(50% - 0.3125rem);
padding-right:calc(50% - 0.3125rem);
padding-top: 1.9375rem;
padding-bottom: 1.25rem;
@media only screen and (max-width: 48.875rem) {
margin-left: -50px;
margin-right: -50px;
padding-left:50px ;
padding-right:50px;
width: calc(100vw + 50px);
margin-left: -3.125rem;
margin-right: -3.125rem;
padding-left:3.125rem ;
padding-right:3.125rem;
width: calc(100vw + 3.125rem);
}
.wp-block-columns{
gap: 25px;
gap: 1.5625rem;
}
h2{
color:#fff;
font-size: 22px;
line-height: 28px;
margin-bottom: 24px;
font-size: 1.375rem;
line-height: 1.75rem;
margin-bottom: 1.5rem;
}
a{
color: #EE0000;
font-size: 18px;
line-height: 22px;
font-size: 1.125rem;
line-height: 1.375rem;
}
a:hover{
color:#669999;
......@@ -227,10 +227,10 @@
}
p{
color: #fff;
font-size: 16px;
line-height: 21px;
font-size: 1rem;
line-height: 1.3125rem;
}
p:has(a){
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
}
\ No newline at end of file
......
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal{
display: flex;
padding-top: 0px;
//margin-top: -10px;
padding-top: 0rem;
//margin-top: -0.625rem;
@media only screen and (max-width: 48.875rem) {
position: absolute;
right: 0px;
top:-10px;
right: 0rem;
top:-0.625rem;
}
a{
color: #EE0000;
font-weight: bold;
font-size: 16px;
margin-right: 30px;
padding: 0px 10px 6px;
font-size: 1rem;
margin-right: 1.875rem;
padding: 0rem 0.625rem 0.375rem;
}
a:hover{
color: #699!important;
}
.wpml-ls-link{
// padding: 0px;
// padding: 0rem;
}
}
.admin-bar .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal{
margin-top: -10px;
margin-top: -0.625rem;
@media only screen and (max-width: 48.875rem) {
margin-top: -7px;
margin-top: -0.4375rem;
}
}
\ No newline at end of file
......
.site-title{
font-size: 26px;
line-height: 36px;
font-size: 1.625rem;
line-height: 2.25rem;
font-family: "PT Sans",sans-serif;
letter-spacing: 0rem;
color: #000000;
......@@ -10,11 +10,11 @@
flex-wrap: wrap;
border-left: 0.0625rem solid #999;
padding-left: 1.6875rem;
margin-left: 30px;
margin-left: 1.875rem;
text-decoration: none;
width: calc(100% - 127px);
width: calc(100% - 7.9375rem);
@media only screen and (max-width: 48.875rem) {
width: calc(85% - 127px);
width: calc(85% - 7.9375rem);
}
}
......@@ -29,21 +29,21 @@
position: relative;
width: 100%;
.navbar-brand{
margin-right:10px ;
width: 127px;
height: 53px;
margin-right:0.625rem ;
width: 7.9375rem;
height: 3.3125rem;
// display: inline-block;
@media only screen and (max-width: 48.875rem) {
margin-right:20px ;
width: 119px;
height: 60px;
margin-right:1.25rem ;
width: 7.4375rem;
height: 3.75rem;
}
}
}
#main-nav{
box-shadow: 0rem 0.1875rem 0.375rem #00000029;
//z-index: 9999;
@media only screen and (max-width:1000px) {
@media only screen and (max-width:62.5rem) {
height: 90PX;
}
}
......@@ -51,12 +51,12 @@
flex-direction: column;
align-items: flex-start;
margin-bottom: 0.625rem;
@media screen and (max-width: 1067px) {
@media screen and (max-width: 66.6875rem) {
margin: 0rem 1.875rem 0.625rem 1.875rem;
}
@media only screen and (max-width: 62.5rem) {
height: 90px;
padding-top:0px;
height: 5.625rem;
padding-top:0rem;
margin-bottom: 0rem;
margin: 0rem;
......@@ -66,15 +66,15 @@
@media only screen and (max-width: 62.5rem) {
.branding{
margin-top: 6px;
padding-left: 15px;
margin-top: 0.375rem;
padding-left: 0.9375rem;
}
.site-title{
font-size: 1.25rem;
line-height: 1.5rem;
margin-left: 0rem;
padding-left: 1.2rem;
height: 33px;
height: 2.0625rem;
align-self: end;
}
......@@ -106,7 +106,7 @@
z-index: 99;
top: 0rem;
@media only screen and (max-width: 48.875rem) {
height: 90px;
height: 5.625rem;
}
}
......
......@@ -641,8 +641,8 @@
}
@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 .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
padding:0px 0px 14px 28px;
margin-top: 0px !important;
padding:0rem 0rem 0.875rem 1.75rem;
margin-top: 0rem !important;
}
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
......
@media only screen and (min-width: 62.5rem) {
#main-nav{
padding-bottom: 1px;
padding-bottom: 0.0625rem;
}
#mega-menu-wrap-primary{
width: 100%;
......@@ -16,14 +16,14 @@
width: 19%;
color:#fff;
background-color: #EE0000;
border-radius: 20px;
border-radius: 1.25rem;
text-align: center;
height: 32px;
height: 2rem;
margin-top: 0rem;
font-size: 1.125rem;
position: relative;
font-family: "PT Sans",sans-serif;
box-shadow: 0px 3px 6px #0000003D;
box-shadow: 0rem 0.1875rem 0.375rem #0000003D;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
......@@ -31,9 +31,9 @@
text-align: center;
font-family: "PT Sans",sans-serif;
font-weight: bold !important;
font-size: 14px;
height: 32px;
line-height: 31px;
font-size: 0.875rem;
height: 2rem;
line-height: 1.9375rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before{
......@@ -43,8 +43,8 @@
position: absolute;
background-size: contain;
background-repeat: no-repeat;
margin-left: -20px;
margin-top: 12px;
margin-left: -1.25rem;
margin-top: 0.75rem;
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>');
}
......@@ -54,17 +54,17 @@
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
background-color: #669999;
border-radius: 16px 16px 0rem 0rem;
height: 60px;
border-radius: 1rem 1rem 0rem 0rem;
height: 3.75rem;
margin-top: 0rem;
margin-bottom: -1.25rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
margin-top: 3px;
margin-top: 0.1875rem;
padding: 1.25rem 1.75rem 1.25rem 1.25rem;
background-color: #f0f0f0;
border-radius: 20px;
border-radius: 1.25rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu{
......@@ -111,45 +111,45 @@
color:#000;
text-decoration: none;
white-space: break-spaces;
font-size: 18px !important;
line-height: 24px !important;
font-size: 1.125rem !important;
line-height: 1.5rem !important;
font-weight: 400;
font-family: "PT Sans",sans-serif;
font-weight:bold
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description{
margin-top: 3px !important;
margin-top: 0.1875rem !important;
}
#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-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 > a.mega-menu-link .mega-menu-title {
font-size: 18px !important;
line-height: 24px !important;
font-size: 1.125rem !important;
line-height: 1.5rem !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-menu-title {
text-decoration: underline;
font-weight:bold;
color:#000;
font-size: 18px !important;
line-height: 24px !important;
font-size: 1.125rem !important;
line-height: 1.5rem !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-menu-description {
color:#000;
margin-top: 3px;
margin-top: 0.1875rem;
}
#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:18px;
line-height: 21px;
font-size:1.125rem;
line-height: 1.3125rem;
font-family: "PT Sans",sans-serif;
text-transform: uppercase;
}
#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: 21px;
font-size: 1rem;
line-height: 1.3125rem;
font-family: "PT Sans",sans-serif;
}
.list-wrapper2,
......@@ -186,12 +186,12 @@
padding: 0rem 2.125rem;
margin: auto;
left: calc(-100% - 2.125rem);
top:1px;
top:0.0625rem;
margin-top: 0.625rem;
min-height: 100vh;
background-color: #F0F0F0;
position: relative;
box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0rem 0.125rem 0.125rem 0rem rgba(0, 0, 0, 0.3);
//overflow: hidden !important;
}
......@@ -210,13 +210,13 @@
display: inline-block;
position: absolute;
top: 1.1rem;
right: 20px;
right: 1.25rem;
transform: rotate(90deg);
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after{
transform: rotate(-90deg);
top: 6px;
top: 0.375rem;
}
......@@ -264,7 +264,7 @@
margin: 0.625rem auto 0rem auto;
color:#fff;
background-color: #EE0000;
border-radius: 20px;
border-radius: 1.25rem;
text-align: left;
height: 2.5rem;
margin-top: 0rem;
......@@ -312,8 +312,8 @@
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{
background-color: #EE0000;
border-radius: 50%;
width: 35px;
height: 35px;
width: 2.1875rem;
height: 2.1875rem;
margin-right: 0.9375rem;
}
......@@ -431,8 +431,8 @@
margin: 0rem 0 0 0.3813rem;
line-height: 2.5rem;
@media only screen and (max-width: 62.5rem) {
line-height: 35px;
font-size: 23px;
line-height: 2.1875rem;
font-size: 1.4375rem;
}
}
......@@ -443,27 +443,27 @@
@media only screen and (max-width: 48.875rem) {
.mega-menu-title{
font-size: 18px !important;
font-size: 1.125rem !important;
}
.mega-menu-description{
font-size: 16px !important;
font-size: 1rem !important;
}
.break-here{
.mega-menu-title{
font-size: 20px !important;
font-size: 1.25rem !important;
text-transform: uppercase;
}
}
#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: 0px 15px;
padding: 0rem 0.9375rem;
}
}
@media only screen and (max-width: 1000px){
@media only screen and (max-width: 62.5rem){
#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;
margin-bottom: 10px !important;
padding-top: 0px !important;
margin-bottom: 0.625rem !important;
padding-top: 0rem !important;
}
}
.admin-bar{
......
......@@ -4,7 +4,7 @@
.entry-content{
position: relative;
@media only screen and (max-width:67.063rem) {
width: calc(100vw - 48px);
width: calc(100vw - 3rem);
}
}
......@@ -42,15 +42,15 @@
position: relative;
height: 100%;
overflow: hidden;
min-height: 480px;
min-height: 30rem;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
@media screen and (max-width:48.875rem) {
min-height: 260px;
min-height: 16.25rem;
}
.container{
@media screen and (max-width: 1067px) {
@media screen and (max-width: 66.6875rem) {
margin: 0rem 1.875rem 0 1.875rem;
}
@media screen and (max-width:48.875rem) {
......@@ -63,10 +63,10 @@
.search-box:hover,
.search-box:focus-within{
width: 100%;
height: 90px;
max-width: 1066px;
height: 5.625rem;
max-width: 66.625rem;
position: absolute;
right: 0px;
right: 0rem;
@media only screen and (max-width: 48.875rem) {
width: 95%;
......@@ -104,18 +104,18 @@
.search-box{
opacity: 0;
background-color: #fff;
border-radius:10px;
max-width:1067px;
border-radius:0.625rem;
max-width:66.6875rem;
margin: auto;
position: absolute;
top:0px;
box-shadow: -2px 7px 7px 0 rgba(0,0,0,.25);
top:0rem;
box-shadow: -0.125rem 0.4375rem 0.4375rem 0 rgba(0,0,0,.25);
transition: 0.5s ease-in-out;
height: 56px;
width: 56px;
right: 0px;
height: 3.5rem;
width: 3.5rem;
right: 0rem;
overflow: hidden;
@media screen and (max-width: 1067px) {
@media screen and (max-width: 66.6875rem) {
padding: 0rem 0.625rem ;
max-width: 90%;
right: 2.5%;
......@@ -123,35 +123,35 @@
}
.search-button{
height: 40px;
width: 40px;
height: 2.5rem;
width: 2.5rem;
text-indent: -624.9375rem;
position: absolute;
right: 0rem;
top: 0px;
top: 0rem;
opacity: 1;
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: 33px;
height:33px;
top: 13px;
left: -4px;
width: 2.0625rem;
height:2.0625rem;
top: 0.8125rem;
left: -0.25rem;
}
}
#search-box-content{
opacity: 0;
position: relative;
width: 0px;
width: 0rem;
transition: 0.5s ease-in-out;
position: absolute;
right: 0px;
right: 0rem;
p{display: none;}
}
#search-box-content.show{
......@@ -173,9 +173,9 @@
}
.searchandfilter{
width: calc(100% - 6.25rem);
margin-top: -5px;
margin-top: -0.3125rem;
@media only screen and (max-width: 48.875rem) {
width: calc(100% - 40px);
width: calc(100% - 2.5rem);
padding-left: 2.5rem;
}
display: inline-block;
......@@ -258,7 +258,7 @@
#full-width-page-wrapper{
margin: 0.625rem 1.875rem 0 1.875rem;
min-height: 30vh;
padding-bottom: 0px;
padding-bottom: 0rem;
@media(max-width: 48rem) {
// margin: 2.5rem 2.5rem 0 2.5rem;
}
......@@ -277,8 +277,8 @@ padding-bottom: 0px;
}
h1{
font-size: 36px;
line-height: 40px;
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: bold;
}
.entry-content p:first-child {
......@@ -346,8 +346,8 @@ h1{
}
.toggle{
width:30px;
height:30px;
width:1.875rem;
height:1.875rem;
position: absolute;
display: inline-block;
}
......@@ -485,10 +485,10 @@ h1{
}
.header_text.mobile{
display: none;
margin-bottom: 24px;
margin-bottom: 1.5rem;
p{
font-size: 18px;
line-height: 24px;
font-size: 1.125rem;
line-height: 1.5rem;
color: #000;
}
@media only screen and (max-width: 48.875rem) {
......
......@@ -4,8 +4,8 @@
// width: 100vw !important;
overflow-y:scroll !important;
.site{
margin-top: 0px !important;
padding-top: 170px !important;
margin-top: 0rem !important;
padding-top: 10.625rem !important;
}
#advance-search-modal {
z-index: 999;
......@@ -36,10 +36,10 @@
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
width:20px;
width:1.25rem;
box-shadow:none !important;
position: absolute;
padding-left: 5px !important;
padding-left: 0.3125rem !important;
//right: -16.875rem!important;
}
......@@ -60,17 +60,17 @@
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg {
max-width: inherit;
border: 1px #000 solid;
border: 0.0625rem #000 solid;
border-radius: 50%;
padding: 0.1875rem;
height:20px;
width:20px;
height:1.25rem;
width:1.25rem;
}
.pojo-a11y-toolbar-open{
z-index: 99999;
.pojo-a11y-toolbar-toggle svg {
border: 1px #669999 solid !important;
border: 0.0625rem #669999 solid !important;
color: #669999;
}
.pojo-a11y-toolbar-toggle a{
......@@ -112,7 +112,7 @@
.pojo-a11y-toolbar-toggle-link:hover{
color: #669999 !important;
svg {
border: 1px #669999 solid !important;
border: 0.0625rem #669999 solid !important;
}
}
......@@ -124,15 +124,15 @@
content: "";
display: block;
width: 90%;
height: 1px;
height: 0.0625rem;
background-color: #ccc;
margin: auto;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle{
right: 40px !important;
@media screen and (max-width: 1067px) {
right: 45px !important;
right: 2.5rem !important;
@media screen and (max-width: 66.6875rem) {
right: 2.8125rem !important;
}
}
.pojo-a11y-toolbar-open{
......@@ -140,11 +140,11 @@
content: "";
display: block;
position: relative;
margin-top: 6px;
margin-bottom: 10px;
margin-left: 4px;
width: 13px;
height: 7px;
margin-top: 0.375rem;
margin-bottom: 0.625rem;
margin-left: 0.25rem;
width: 0.8125rem;
height: 0.4375rem;
background-repeat: no-repeat;
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_1502" data-name="Path 1502" 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"/></svg>');
@media screen and (max-width: 62.5rem){
......
......@@ -3,10 +3,10 @@
flex-direction: row-reverse;
flex-wrap: wrap;
justify-content: left;
margin:24px 0;
margin:1.5rem 0;
@media only screen and (max-width:67.063rem) {
display: block;
width: calc(100vw - 48px);
width: calc(100vw - 3rem);
}
.post-list-left-col {
flex-basis: 50%;
......@@ -27,14 +27,14 @@
list-style: none;
padding:0;
margin:0;
gap: 24px;
gap: 1.5rem;
@media only screen and (max-width: 67.063rem) {
flex-direction: row;
padding-left: 0px !important;
gap: 0px;
padding-left: 0rem !important;
gap: 0rem;
}
.article-card {
min-height: 117px;
min-height: 7.3125rem;
// max-height: 8.438rem;
& > a {
display: flex;
......@@ -62,8 +62,8 @@
}
.scale-wrapper {
min-height: 291px;
max-height: 291px;
min-height: 18.1875rem;
max-height: 18.1875rem;
overflow: hidden;
position: relative;
display: flex;
......@@ -86,16 +86,16 @@
}
.news-title{
margin-bottom: 10px;
font-size: 22px;
line-height: 28px;
margin-bottom: 0.625rem;
font-size: 1.375rem;
line-height: 1.75rem;
}
.published{
margin-top: 14px;
margin-top: 0.875rem;
}
p{
font-size: 16px;
font-size: 1rem;
}
}
&.sm {
......@@ -146,7 +146,7 @@
//max-width: 31rem;
// min-width: 31rem;
min-height: 8.438rem;
margin-right: 24px;
margin-right: 1.5rem;
a {
color:white;
gap: 1.625rem;
......@@ -157,8 +157,8 @@
.news-title {
text-decoration: underline;
// font-size: 18px;
//line-height: 23px;
// font-size: 1.125rem;
//line-height: 1.4375rem;
}
.anchor-dots {
background-image: url(../img/more-hover.svg);
......@@ -176,8 +176,8 @@
.content {
min-height: 8.25rem;
padding-top:1rem;
font-size: 22px;
line-height: 28px;
font-size: 1.375rem;
line-height: 1.75rem;
}
}
......@@ -194,8 +194,8 @@
p{
display: block;
word-break: break-word;
font-size: 14px;
line-height: 16px;
font-size: 0.9rem;
line-height: 1rem;
}
p:hover{
text-decoration: none !important;
......@@ -205,21 +205,20 @@
color:#000000;
font-weight: bold;
margin:0;
font-size: 22px;
margin-bottom:0px;
line-height: 28px !important;
max-height: 5rem;
overflow: hidden;
font-size: 1.375rem;
margin-bottom:0rem;
line-height: 1.75rem;
width: 100%;
}
.author-name, .author-title, .author_company, .published {
font-size:16px;
line-height: 21px;
font-size:0.9rem;
line-height: 1rem;
border:0;
font-weight: normal;
display: inline-block;
text-decoration: none !important;
margin-top: 10px;
margin-top: 0.625rem;
}
.author-name {
font-size:0.875rem;
......@@ -249,10 +248,10 @@
.image:not(.large) {
@media only screen and (min-width: 67.063rem) {
flex-basis: 40%;
min-width: 214px;
max-width: 214px;
min-height: 117px;
max-height: 117px;
min-width: 13.375rem;
max-width: 13.375rem;
min-height: 7.3125rem;
max-height: 7.3125rem;
}
object-fit: cover;
overflow: hidden;
......@@ -280,11 +279,10 @@
color:#000000;
font-weight: bold;
margin:0;
font-size: 18px;
margin-bottom:10px;
line-height: 23px !important;
max-height: 5rem;
overflow: hidden;
font-size: 1.125rem;
margin-bottom:0.625rem;
line-height: 1.4375rem;
width: 100%;
}
}
......@@ -312,20 +310,20 @@
}
.load-more-link-out{
border-radius: 40px;
//padding: 8px 20px;
border-radius: 2.5rem;
//padding: 0.5rem 1.25rem;
background: #EE0000;
text-transform: uppercase;
font-size: 14px;
line-height: 19px;
font-size: 0.875rem;
line-height: 1.1875rem;
color: #fff;
font-weight: bold;
margin: auto;
display: block;
width: 290px;
width: 18.125rem;
text-align: center;
@media only screen and (max-width: 67.063rem) {
margin-top: 30px;
margin-top: 1.875rem;
}
}
.load-more-link-out:hover{
......@@ -339,7 +337,7 @@
display: none;
}
@media only screen and (max-width: 1073px) {
@media only screen and (max-width: 67.0625rem) {
.post-list-right-col,
.post-list-left-col{
display: none !important;
......@@ -356,20 +354,21 @@
width: 100vw;
ul{
flex-wrap: nowrap;
width: 1500px;
width: 93.75rem;
margin-bottom: 20px;
}
.sm,
.lg{
max-width: 340px;
min-width: 340px;
max-width: 21.25rem;
min-width: 21.25rem;
.image{
position: relative;
min-height: 186px;
max-height: 186px;
min-height: 11.625rem;
max-height: 11.625rem;
}
.scale-wrapper{
min-height: 186px !important;
max-height: 186px !important;
min-height: 11.625rem !important;
max-height: 11.625rem !important;
overflow: hidden;
position: relative;
......@@ -382,32 +381,32 @@
height: 100%;
}
.news-title{
margin-bottom: 10px;
font-size: 18px !important;
line-height: 23px !important;
margin-bottom: 0.625rem;
font-size: 1.125rem !important;
line-height: 1.4375rem !important;
}
.published{
margin-top: 14px;
margin-top: 0.875rem;
}
p{
font-size: 14px !important;
font-size: 1rem !important;
}
}
}
}
@media only screen and (max-width: 500px) {
@media only screen and (max-width: 31.25rem) {
.mobile-article-list{
pointer-events: auto;
position: relative;
overflow: scroll;
width: 100vw;
margin-bottom: 24px;
margin-bottom: 1.5rem;
ul{
flex-wrap: nowrap;
width: 1500px;
width: 93.75rem;
}
.sm,
.lg{
......
......@@ -14,7 +14,7 @@
}
a{
display: block;
margin-top: 20px;
margin-top: 1.25rem;
color: #fff;
font-weight: bold;
text-decoration: none;
......@@ -38,8 +38,8 @@
}
p{
font-weight: normal !important;
font-size: 16px;
line-height: 20px;
font-size: 1rem;
line-height: 1.25rem;
color: #fff !important;
}
}
......
.news-search{
margin-top: 0px !important;
margin-top: 0rem !important;
@media only screen and (max-width: 48.875rem) {
margin-top: 20px !important;
margin-top: 1.25rem !important;
}
h1{
font-size: 40px;
line-height: 45px;
font-size: 2.5rem;
line-height: 2.8125rem;
font-weight: bold !important;
margin-bottom: 50px;
margin-bottom: 3.125rem;
}
.breadcrumb{
......@@ -29,21 +29,21 @@
h4{
font-size: 22px !important;
line-height: 28px !important;
font-size: 1.375rem !important;
line-height: 1.75rem !important;
font-weight: bold !important;
padding-top: 0px;
margin-top: 0px;
padding-top: 0rem;
margin-top: 0rem;
display: block;
}
label{
font-size: 16px !important;
list-style: 24px !important;
font-size: 1rem !important;
list-style: 1.5rem !important;
font-weight: 400 !important;
text-transform: uppercase !important;
padding-left: 10px;
top: -8px;
padding-left: 0.625rem;
top: -0.5rem;
position: relative;
}
......@@ -57,7 +57,7 @@
justify-content: flex-end;
li{
margin-right: 20px;
margin-right: 1.25rem;
}
}
......@@ -65,11 +65,11 @@
}
h4{
font-size: 22px !important;
line-height: 28px !important;
font-size: 1.375rem !important;
line-height: 1.75rem !important;
font-weight: bold !important;
padding-top: 0px;
margin-top: 0px;
padding-top: 0rem;
margin-top: 0rem;
display: block;
}
......
......@@ -18,7 +18,7 @@
}
#search-wrapper {
.page-title{
font-size:24px;
font-size:1.5rem;
font-weight: bold !important;
}
margin-top: 1rem;
......@@ -36,19 +36,19 @@
margin: 0rem 0.625rem;
}
&>article {
padding: 24px 0;
padding: 1.5rem 0;
border-top: 0.0625rem solid #bebebe;
display: flex;
.photo {
max-width: 160px;
max-height: 92px;
min-width: 160px;
min-height: 92px;
border: 1px solid #bebebe;
max-width: 10rem;
max-height: 5.75rem;
min-width: 10rem;
min-height: 5.75rem;
border: 0.0625rem solid #bebebe;
@media screen and (max-width: 59.375rem) {
max-width: 100%;
max-height: 200px;
max-height: 12.5rem;
max-width: 100%;
min-height: unset;
}
......@@ -73,14 +73,14 @@
}
h2 {
text-decoration: none;
font-size: 16px;
font-size: 1rem;
font-weight: bold;
}
&:hover {
h2 {
text-decoration: underline;
font-size: 16px;
font-size: 1rem;
}
}
}
......@@ -153,8 +153,8 @@
h2.HTML{
&:before {
content:'';
width: 17px;
height: 17px;
width: 1.0625rem;
height: 1.0625rem;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg id="Group_1310" data-name="Group 1310" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.758" height="17.741" viewBox="0 0 17.758 17.741"><defs><clipPath id="clip-path"><rect id="Rectangle_151" data-name="Rectangle 151" width="17.758" height="17.741"/></clipPath></defs><path id="Path_1277" data-name="Path 1277" d="M0,0V17.741H17.757V8.281H15.586v7.3H2.189V2.135H9.3V0Z" transform="translate(0 0)"/><g id="Group_1023" data-name="Group 1023" transform="translate(0 0)"><g id="Group_1022" data-name="Group 1022" clip-path="url(%23clip-path)"><path id="Path_1278" data-name="Path 1278" d="M17.986,11.548,16.363,9.931l7.791-7.756H21.989V.016h5.864V5.867H25.7V3.8l-7.717,7.748" transform="translate(-10.096 -0.01)"/></g></g></svg>');
......@@ -173,7 +173,7 @@
h2.entry-title {
margin-top: 0;
font-size: 16px;
font-size: 1rem;
font-family: "PT Sans", sans-serif;
font-weight: bold;
......@@ -201,8 +201,8 @@
}
.document-format-mov .photo:after{
content: "";
width: 41px;
height: 41px;
width: 2.5625rem;
height: 2.5625rem;
margin: 15% 35%;
background-repeat: no-repeat;
background-size: contain;
......@@ -213,9 +213,9 @@
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><defs><clipPath id="clip-path"><rect id="Rectangle_250" data-name="Rectangle 250" width="41.519" height="41.519" fill="%23fff"/></clipPath></defs><g id="Group_1915" data-name="Group 1915" opacity="0.5"><g id="Group_1914" data-name="Group 1914"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1515" data-name="Group 1515" clip-path="url(%23clip-path)"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>');
@media screen and (max-width: 59.375rem) {
margin-top: 15%;
margin-left: calc(50% - 40px);
width: 80px;
height: 80px;
margin-left: calc(50% - 2.5rem);
width: 5rem;
height: 5rem;
}
}
......@@ -228,7 +228,7 @@
position: absolute;
top: 0rem;
left:0rem;
box-shadow:inset 200px 200px 200px rgb(68 68 68 / 0.4);
box-shadow:inset 12.5rem 12.5rem 12.5rem rgb(68 68 68 / 0.4);
}
.attachment a:hover .photo:before{
......@@ -239,13 +239,13 @@
position: absolute;
top: 0rem;
left:0rem;
box-shadow:inset 200px 200px 200px rgb(68 68 68 / 0.4);
box-shadow:inset 12.5rem 12.5rem 12.5rem rgb(68 68 68 / 0.4);
}
.document-format-mov a:hover .photo:after{
content: "";
width: 41px;
height: 41px;
width: 2.5625rem;
height: 2.5625rem;
margin: 15% 35%;
background-repeat: no-repeat;
background-size: contain;
......@@ -257,9 +257,9 @@
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><g id="Group_1941" data-name="Group 1941" transform="translate(-3.878 -3.878)"><g id="Group_1914" data-name="Group 1914" transform="translate(3.878 3.878)"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1939" data-name="Group 1939"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>');
@media screen and (max-width: 59.375rem) {
margin-top: 15%;
margin-left: calc(50% - 40px);
width: 80px;
height: 80px;
margin-left: calc(50% - 2.5rem);
width: 5rem;
height: 5rem;
}
}
......@@ -268,7 +268,7 @@
justify-content: center;
margin-top: 1rem;
border-top: .0625rem solid #4D4D4D;
padding-top: 20px;
padding-top: 1.25rem;
.page-item {
border: 0;
display: flex;
......@@ -323,10 +323,10 @@
}
}
.modal-header{
border-top-right-radius:10px !important;
border-top-left-radius:10px !important;
border-top-right-radius:0.625rem !important;
border-top-left-radius:0.625rem !important;
}
.modal-body{
border-bottom-right-radius:10px !important;
border-bottom-left-radius:10px !important;
border-bottom-right-radius:0.625rem !important;
border-bottom-left-radius:0.625rem !important;
}
\ No newline at end of file
......
......@@ -2,5 +2,5 @@
Theme Name: MSF CA Child
Author: Tenzing Communications
Template: msf-ca
Version: 1.0.53
Version: 1.0.54
*/
\ No newline at end of file
......