Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
244c5a80 by Jeff Balicki
Options

Revisions 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 1958eec3
Inline Side-by-side
Showing 10 changed files with 54 additions and 297 deletions
......@@ -16483,7 +16483,7 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
justify-content: space-between;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
width: 24%;
width: 19%;
color: #fff;
background-color: #EE0000;
border-radius: 1.25rem;
......@@ -16534,12 +16534,17 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
left: unset !important;
}
.mega-sub-menu:has(.mega-menu-columns-4-of-12) {
width: 75% !important;
width: 80% !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu {
left: unset !important;
right: 0rem !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(5) > ul.mega-sub-menu {
width: 80% !important;
left: unset !important;
right: 0rem !important;
}
.mega-menu-row .mega-sub-menu,
.mega-menu-column .mega-sub-menu {
width: 100% !important;
......@@ -19314,143 +19319,6 @@ ul.sf_date_field .sf-datepicker {
flex-direction: column;
height: 100%;
}
.home-header .search-box {
background-color: #fff;
border-radius: 1.25rem;
max-width: 45rem;
margin: auto;
padding: 2.625rem 3.125rem;
}
@media only screen and (max-width: 48.875rem) {
.home-header .search-box {
padding: 1.75rem 2rem;
max-width: calc(100% - 20px);
}
}
.home-header .search-box h4, .home-header .search-box .h4 {
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: 48.875rem) {
.home-header .search-box h4, .home-header .search-box .h4 {
font-size: 2.1875rem !important;
line-height: 2.5rem;
}
}
.home-header .search-box .searchandfilter {
width: calc(100% - 3.125rem);
display: inline-block;
}
@media only screen and (max-width: 48.875rem) {
.home-header .search-box .searchandfilter {
width: calc(100% - 2.1875rem);
}
}
.home-header .search-box .searchandfilter ul {
padding-left: 0rem;
}
.home-header .search-box .searchandfilter h4, .home-header .search-box .searchandfilter .h4 {
font-size: 2.8125rem !important;
line-height: 3.3125rem;
text-align: center;
font-weight: lighter;
font-family: "PT Sans", sans-serif;
}
.home-header .search-box .sf-field-search {
display: inline-block;
width: calc(100% - 3.75rem);
}
@media screen and (max-width: 56.25rem) {
.home-header .search-box .sf-field-search {
width: calc(100% - 3.5rem);
}
}
.home-header .search-box .sf-field-search label {
width: 90%;
position: relative;
display: inline-block !important;
margin: auto;
margin-left: 10%;
}
@media screen and (max-width: 56.25rem) {
.home-header .search-box .sf-field-search label {
width: 100%;
margin-left: 5%;
}
}
.home-header .search-box .sf-field-search label:after {
content: "";
position: absolute;
left: -3rem;
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: 2.063rem;
height: 2.063rem;
top: 1.2rem !important;
}
@media screen and (max-width: 59.375rem) {
.home-header .search-box .sf-field-search label:after {
width: 26px;
height: 26px;
left: -1.8625rem;
top: 0.5rem !important;
}
}
.home-header .search-box .sf-field-search input[name="_sf_search[]"] {
width: 100%;
border: 0;
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;
margin: auto;
}
@media screen and (max-width: 56.25rem) {
.home-header .search-box .sf-field-search input[name="_sf_search[]"] {
padding: 0;
font-size: 1.5rem !important;
}
}
.home-header .search-box .sf-field-submit {
display: inline-block !important;
}
@media screen and (max-width: 56.25rem) {
.home-header .search-box .sf-field-submit {
margin-left: 0rem;
}
}
.home-header .search-box .sf-field-submit input[name=_sf_submit] {
border-radius: 50%;
padding: 0;
height: 2.5rem;
width: 2.5rem;
margin-top: -0.6rem;
margin-left: 1rem;
font-size: 1.125rem;
font-family: "PT Sans", sans-serif;
font-weight: 700;
background: #e00;
color: #fff;
border: 0;
text-transform: uppercase;
transition: none;
display: inline-block !important;
}
@media screen and (max-width: 56.25rem) {
.home-header .search-box .sf-field-submit input[name=_sf_submit] {
height: 2.5rem;
width: 2.5rem;
}
}
.home-header .search-box .sf-field-submit input[name=_sf_submit]:hover {
background: #669999;
}
.side-caption:hover, .side-caption:focus-within {
bottom: 0 !important;
......@@ -19562,24 +19430,29 @@ ul.sf_date_field .sf-datepicker {
min-height: 430px;
}
}
.entry-header.page .search-box:hover,
.entry-header.page .search-box:focus-within {
.search-box:hover,
.search-box:focus-within {
width: 100%;
height: 90px;
}
.entry-header.page .search-box:focus-within #search-box-content,
.entry-header.page .search-box:hover #search-box-content {
.search-box:focus-within #search-box-content,
.search-box:hover #search-box-content {
opacity: 1;
width: 100%;
}
.entry-header.page .search-box:focus-within .search-button,
.entry-header.page .search-box:hover .search-button {
.search-box:focus-within .search-button,
.search-box:hover .search-button {
display: none;
}
.entry-header.page .search-box.show .search-button {
.search-box.show .search-button {
display: none;
}
.entry-header.page .search-box {
.search-box {
background-color: #fff;
border-radius: 1.25rem;
max-width: 80%;
......@@ -19594,14 +19467,14 @@ ul.sf_date_field .sf-datepicker {
overflow: hidden;
}
@media only screen and (max-width: 48.875rem) {
.entry-header.page .search-box {
.search-box {
padding: 0rem 0.625rem;
max-width: 90%;
right: 5%;
margin-top: 3.5rem;
}
}
.entry-header.page .search-box .search-button {
.search-box .search-button {
height: 4rem;
width: 4rem;
text-indent: -624.9375rem;
......@@ -19612,7 +19485,7 @@ ul.sf_date_field .sf-datepicker {
background-color: #fff;
border-radius: 0.625rem;
}
.entry-header.page .search-box .search-button:after {
.search-box .search-button:after {
content: "";
position: absolute;
left: 0rem;
......@@ -19623,7 +19496,7 @@ ul.sf_date_field .sf-datepicker {
top: 0.8125rem;
left: 0.75rem;
}
.entry-header.page .search-box #search-box-content {
.search-box #search-box-content {
opacity: 0;
position: relative;
width: 0px;
......@@ -19631,13 +19504,13 @@ ul.sf_date_field .sf-datepicker {
position: absolute;
right: 0px;
}
.entry-header.page .search-box #search-box-content p {
.search-box #search-box-content p {
display: none;
}
.entry-header.page .search-box #search-box-content.show {
.search-box #search-box-content.show {
display: block;
}
.entry-header.page .search-box h4, .entry-header.page .search-box .h4 {
.search-box h4, .search-box .h4 {
font-size: 2.8125rem !important;
line-height: 3.3125rem;
text-align: center;
......@@ -19645,45 +19518,45 @@ ul.sf_date_field .sf-datepicker {
font-family: "PT Sans", sans-serif;
}
@media only screen and (max-width: 48.875rem) {
.entry-header.page .search-box h4, .entry-header.page .search-box .h4 {
.search-box h4, .search-box .h4 {
font-size: 2.1875rem !important;
line-height: 2.5rem;
}
}
.entry-header.page .search-box .searchandfilter {
.search-box .searchandfilter {
width: calc(100% - 6.25rem);
margin-top: -5px;
display: inline-block;
}
@media only screen and (max-width: 48.875rem) {
.entry-header.page .search-box .searchandfilter {
.search-box .searchandfilter {
width: calc(100% - 40px);
padding-left: 2.5rem;
}
}
.entry-header.page .search-box .searchandfilter ul {
.search-box .searchandfilter ul {
padding-left: 0rem;
}
.entry-header.page .search-box .searchandfilter h4, .entry-header.page .search-box .searchandfilter .h4 {
.search-box .searchandfilter h4, .search-box .searchandfilter .h4 {
font-size: 2.8125rem !important;
line-height: 3.3125rem;
text-align: center;
font-weight: lighter;
font-family: "PT Sans", sans-serif;
}
.entry-header.page .search-box .sf-field-search {
.search-box .sf-field-search {
display: inline-block;
width: calc(100% - 5rem);
padding: 1.125rem 0 1.6875rem 0;
}
.entry-header.page .search-box .sf-field-search label {
.search-box .sf-field-search label {
width: 90%;
position: relative;
display: inline-block !important;
margin: auto;
margin-left: 10%;
}
.entry-header.page .search-box .sf-field-search label:after {
.search-box .sf-field-search label:after {
content: "";
position: absolute;
left: -3rem;
......@@ -19693,7 +19566,7 @@ ul.sf_date_field .sf-datepicker {
height: 2.063rem;
top: 1.2rem;
}
.entry-header.page .search-box .sf-field-search input[name="_sf_search[]"] {
.search-box .sf-field-search input[name="_sf_search[]"] {
width: 100%;
border: 0;
border-bottom: 0.0625rem solid #707070;
......@@ -19705,10 +19578,10 @@ ul.sf_date_field .sf-datepicker {
padding: 0.375rem 0.75rem;
margin: auto;
}
.entry-header.page .search-box .sf-field-submit {
.search-box .sf-field-submit {
display: inline-block !important;
}
.entry-header.page .search-box .sf-field-submit input[name=_sf_submit] {
.search-box .sf-field-submit input[name=_sf_submit] {
border-radius: 50%;
padding: 0;
height: 2.5rem;
......@@ -19725,10 +19598,11 @@ ul.sf_date_field .sf-datepicker {
transition: none;
display: inline-block !important;
}
.entry-header.page .search-box .sf-field-submit input[name=_sf_submit]:hover {
.search-box .sf-field-submit input[name=_sf_submit]:hover {
background: #669999;
}
.entry-header.page .advance-search-button {
.advance-search-button {
right: 0.625rem;
}
......
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.
......@@ -31,7 +31,6 @@ if ( is_front_page() ) {
?>
<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<?php if ( has_post_thumbnail() ) { ?>
......@@ -40,7 +39,7 @@ if ( is_front_page() ) {
<div class="content-container">
<div class="container" style="height: 100%;">
<div class="col-md-12 fx-style">
<div class="search-box"><?php the_field('search_box_content'); ?></div>
<div class="search-box"><?php the_field('search_box_content'); ?><div class="search-button">Search</div></div>
<h1><?php the_field('header_text'); ?></h1>
</div>
</div>
......
......@@ -37,7 +37,6 @@ if ($thumbnail_image && isset($thumbnail_image[0])) {
?>
<?php if ( has_post_thumbnail() ) { ?>
<header class="entry-header page" style=" background-image: url('<?php echo $url;?> ')">
<div class="search-box"><div id="search-box-content"><?php the_field('page_search_block', 'option'); ?></div> <div class="search-button">Search</div></div>
<div class='side-caption header-caption <?= (empty($copy) && empty($cap)) ? "hide" : "" ?>'>
<a class='copy-link' aria-label="Header Slide Caption" href='#' ></a>
......
......@@ -44,130 +44,8 @@
}
}
.search-box{
background-color: #fff;
border-radius: 1.25rem ;
max-width: 45rem;
margin: auto;
padding: 2.625rem 3.125rem ;
@media only screen and (max-width: 48.875rem) {
padding: 1.75rem 2rem ;
max-width: calc(100% - 20px);
}
h4{
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: 48.875rem) {
font-size: 2.1875rem !important;
line-height: 2.5rem;
}
}
.searchandfilter{
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: 0rem;
}
.searchandfilter h4{
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% - 3.75rem);
@media screen and (max-width: 56.25rem) {
width: calc(100% - 3.5rem);
}
label{
width: 90%;
position: relative;
display: inline-block !important;
margin: auto;
margin-left: 10%;
@media screen and (max-width: 56.25rem) {
width: 100%;
margin-left: 5%;
}
&:after {
content: "";
position: absolute;
left: -3rem;
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: 2.063rem;
height: 2.063rem;
top: 1.2rem !important;
@media screen and (max-width: 59.375rem) {
width: 26px;
height: 26px;
left: -1.8625rem;
top: 0.5rem !important;
}
}
}
input[name="_sf_search[]"]{
width: 100%;
border: 0;
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;
margin: auto;
@media screen and (max-width: 56.25rem) {
padding: 0;
font-size: 1.5rem !important;
}
}
}
.sf-field-submit{
display: inline-block !important;
@media screen and (max-width: 56.25rem) {
margin-left:0rem;
}
input[name="_sf_submit"]{
border-radius: 50%;
padding: 0;
height: 2.5rem;
width:2.5rem;
margin-top: -0.6rem;
margin-left: 1rem;
font-size: 1.125rem;
font-family: "PT Sans",sans-serif;
font-weight: 700;
background: #e00;
color: #fff;
border: 0;
text-transform: uppercase;
transition: none;
display: inline-block !important;
@media screen and (max-width: 56.25rem) {
height: 2.5rem;
width:2.5rem;
}
&:hover {
background:#669999;
}
}
}
}
}
......
......@@ -11,7 +11,7 @@
justify-content: space-between;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
width: 24%;
width: 19%;
color:#fff;
background-color: #EE0000;
border-radius: 1.25rem;
......@@ -67,13 +67,19 @@
left: unset !important;;
}
.mega-sub-menu:has(.mega-menu-columns-4-of-12){
width: 75% !important;
width: 80% !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu{
left: unset !important;
right: 0rem !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(5) > ul.mega-sub-menu{
width: 80% !important;
left: unset !important;
right: 0rem !important;
}
.mega-menu-row .mega-sub-menu,
.mega-menu-column .mega-sub-menu{
......
......@@ -46,6 +46,7 @@
@media screen and (max-width: 59.375rem) {
min-height: 430px;
}
}
.search-box:hover,
.search-box:focus-within{
width: 100%;
......@@ -231,7 +232,7 @@
.advance-search-button{
right: 0.625rem;
}
}
#page-wrapper{
margin: 0.625rem 1.875rem 0 1.875rem;
min-height: 50vh;
......
......@@ -2,6 +2,6 @@
Theme Name: MSF CA Child
Author: Tenzing Communications
Template: msf-ca
Version: 1.0.504
Version: 1.0.506
*/
......