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
Expand all
Inline Side-by-side
Showing 24 changed files with 405 additions and 398 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{
......
......@@ -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
......
......@@ -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%;
......
......@@ -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;
}
}
......
......@@ -2,5 +2,5 @@
Theme Name: MSF CA Child
Author: Tenzing Communications
Template: msf-ca
Version: 1.0.21
Version: 1.0.22
*/
......