Skip to content

Jeff Balicki / st_joseph

Go to a project
Toggle navigation
Toggle navigation pinning
23cd6b2a by Jeff Balicki
Options

sss 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent f0a27b5d
Inline Side-by-side
Showing 15 changed files with 259 additions and 30 deletions
...@@ -14469,7 +14469,7 @@ body { ...@@ -14469,7 +14469,7 @@ body {
14469 font-family: "Open Sans", sans-serif; 14469 font-family: "Open Sans", sans-serif;
14470 } 14470 }
14471 14471
14472 @media only screen and (max-width: 600px) { 14472 @media only screen and (max-width: 768px) {
14473 .site { 14473 .site {
14474 overflow-x: hidden; 14474 overflow-x: hidden;
14475 } 14475 }
...@@ -14486,6 +14486,12 @@ h1, .h1 { ...@@ -14486,6 +14486,12 @@ h1, .h1 {
14486 font-family: "Poppins", sans-serif; 14486 font-family: "Poppins", sans-serif;
14487 font-weight: 800; 14487 font-weight: 800;
14488 } 14488 }
14489 @media only screen and (max-width: 768px) {
14490 h1, .h1 {
14491 font-size: 32px;
14492 line-height: 42px;
14493 }
14494 }
14489 14495
14490 h2, .h2 { 14496 h2, .h2 {
14491 color: #0484B8; 14497 color: #0484B8;
...@@ -14630,6 +14636,11 @@ input[type=checkbox] { ...@@ -14630,6 +14636,11 @@ input[type=checkbox] {
14630 width: 149px; 14636 width: 149px;
14631 margin-left: 30px; 14637 margin-left: 30px;
14632 } 14638 }
14639 @media only screen and (max-width: 768px) {
14640 .pre-header .desktop {
14641 display: none;
14642 }
14643 }
14633 14644
14634 #main-nav { 14645 #main-nav {
14635 background-color: #fff; 14646 background-color: #fff;
...@@ -14639,10 +14650,20 @@ input[type=checkbox] { ...@@ -14639,10 +14650,20 @@ input[type=checkbox] {
14639 #main-nav .custom-logo-link { 14650 #main-nav .custom-logo-link {
14640 margin-left: 0px; 14651 margin-left: 0px;
14641 } 14652 }
14653 @media only screen and (max-width: 768px) {
14654 #main-nav .custom-logo-link {
14655 width: 70%;
14656 }
14657 }
14642 #main-nav .custom-logo-link img { 14658 #main-nav .custom-logo-link img {
14643 transition: 0.4s; 14659 transition: 0.4s;
14644 width: 349px; 14660 width: 349px;
14645 } 14661 }
14662 @media only screen and (max-width: 768px) {
14663 #main-nav .custom-logo-link img {
14664 width: 100%;
14665 }
14666 }
14646 #main-nav .navbar-nav.sign-up { 14667 #main-nav .navbar-nav.sign-up {
14647 margin-bottom: 20px; 14668 margin-bottom: 20px;
14648 } 14669 }
...@@ -14693,6 +14714,16 @@ input[type=checkbox] { ...@@ -14693,6 +14714,16 @@ input[type=checkbox] {
14693 color: #2c2c2c; 14714 color: #2c2c2c;
14694 text-decoration: underline; 14715 text-decoration: underline;
14695 } 14716 }
14717 #main-nav .mobile {
14718 display: none;
14719 visibility: hidden;
14720 }
14721 @media only screen and (max-width: 768px) {
14722 #main-nav .mobile {
14723 display: block;
14724 visibility: visible;
14725 }
14726 }
14696 14727
14697 .admin-bar .fixed-top { 14728 .admin-bar .fixed-top {
14698 top: 32px; 14729 top: 32px;
...@@ -14704,12 +14735,22 @@ input[type=checkbox] { ...@@ -14704,12 +14735,22 @@ input[type=checkbox] {
14704 #main-nav.fixed-top #main-menu { 14735 #main-nav.fixed-top #main-menu {
14705 top: -20px; 14736 top: -20px;
14706 } 14737 }
14738 @media only screen and (max-width: 768px) {
14739 #main-nav.fixed-top #main-menu {
14740 top: 0px;
14741 }
14742 }
14707 #main-nav.fixed-top #login-menu { 14743 #main-nav.fixed-top #login-menu {
14708 top: -60px; 14744 top: -60px;
14709 } 14745 }
14710 #main-nav.fixed-top .custom-logo-link img { 14746 #main-nav.fixed-top .custom-logo-link img {
14711 width: 240px !important; 14747 width: 240px !important;
14712 } 14748 }
14749 @media only screen and (max-width: 768px) {
14750 #main-nav.fixed-top .custom-logo-link img {
14751 width: 180px !important;
14752 }
14753 }
14713 14754
14714 .hero-container { 14755 .hero-container {
14715 background-position: top right; 14756 background-position: top right;
...@@ -14745,6 +14786,12 @@ input[type=checkbox] { ...@@ -14745,6 +14786,12 @@ input[type=checkbox] {
14745 width: 60%; 14786 width: 60%;
14746 height: 520px; 14787 height: 520px;
14747 } 14788 }
14789 @media only screen and (max-width: 768px) {
14790 .hero-content {
14791 width: 95%;
14792 margin: auto;
14793 }
14794 }
14748 .hero-content h1, .hero-content .h1 { 14795 .hero-content h1, .hero-content .h1 {
14749 color: #fff; 14796 color: #fff;
14750 margin-bottom: 10px; 14797 margin-bottom: 10px;
...@@ -14798,24 +14845,36 @@ input[type=checkbox] { ...@@ -14798,24 +14845,36 @@ input[type=checkbox] {
14798 background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"); 14845 background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
14799 } 14846 }
14800 14847
14801 #search { 14848 .search {
14802 display: none; 14849 display: none;
14803 } 14850 }
14804 #search .search-form { 14851 .search .search-form {
14805 width: 60%; 14852 width: 60%;
14806 margin: auto; 14853 margin: auto;
14807 margin-top: 40px; 14854 margin-top: 40px;
14808 } 14855 }
14809 #search .search-form label { 14856 @media only screen and (max-width: 768px) {
14857 .search .search-form {
14858 width: 100%;
14859 margin-top: 0px;
14860 margin-bottom: 10px;
14861 }
14862 }
14863 .search .search-form label {
14810 width: 90%; 14864 width: 90%;
14811 } 14865 }
14812 #search .search-form .search-field { 14866 @media only screen and (max-width: 768px) {
14867 .search .search-form label {
14868 width: 95%;
14869 }
14870 }
14871 .search .search-form .search-field {
14813 all: unset; 14872 all: unset;
14814 width: 100%; 14873 width: 100%;
14815 margin: auto; 14874 margin: auto;
14816 border-bottom: 1px solid #2c2c2c; 14875 border-bottom: 1px solid #2c2c2c;
14817 } 14876 }
14818 #search .search-form .search-submit { 14877 .search .search-form .search-submit {
14819 all: unset; 14878 all: unset;
14820 background-color: #0484B8; 14879 background-color: #0484B8;
14821 color: #fff; 14880 color: #fff;
...@@ -14824,10 +14883,16 @@ input[type=checkbox] { ...@@ -14824,10 +14883,16 @@ input[type=checkbox] {
14824 top: -10px; 14883 top: -10px;
14825 left: -56px; 14884 left: -56px;
14826 } 14885 }
14827 #search .search-form .search-submit:hover { 14886 @media only screen and (max-width: 768px) {
14887 .search .search-form .search-submit {
14888 left: unset;
14889 margin-left: -10%;
14890 }
14891 }
14892 .search .search-form .search-submit:hover {
14828 background-color: #2c2c2c; 14893 background-color: #2c2c2c;
14829 } 14894 }
14830 #search .close { 14895 .search .close {
14831 all: unset; 14896 all: unset;
14832 position: relative; 14897 position: relative;
14833 top: -10px; 14898 top: -10px;
...@@ -14838,18 +14903,64 @@ input[type=checkbox] { ...@@ -14838,18 +14903,64 @@ input[type=checkbox] {
14838 background-size: contain; 14903 background-size: contain;
14839 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1458' data-name='Group 1458' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cline id='Line_3' data-name='Line 3' x2='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"); 14904 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1458' data-name='Group 1458' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cline id='Line_3' data-name='Line 3' x2='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
14840 } 14905 }
14841 #search .close:hover { 14906 @media only screen and (max-width: 768px) {
14907 .search .close {
14908 display: none;
14909 visibility: hidden;
14910 }
14911 }
14912 .search .close:hover {
14842 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1499' data-name='Group 1499' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cpath id='Path_1922' data-name='Path 1922' d='M0 0 29.754 29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"); 14913 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1499' data-name='Group 1499' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cpath id='Path_1922' data-name='Path 1922' d='M0 0 29.754 29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
14843 } 14914 }
14844 14915
14845 #search.open { 14916 .search.open:not(.mobile-search) {
14846 display: block; 14917 display: block;
14918 top: 57px;
14847 width: 100%; 14919 width: 100%;
14848 height: 128px; 14920 height: 128px;
14849 background-color: rgba(255, 255, 255, 0.9); 14921 background-color: rgba(255, 255, 255, 0.9);
14850 position: fixed; 14922 position: fixed;
14851 z-index: 999; 14923 z-index: 999;
14852 } 14924 }
14925 @media only screen and (max-width: 768px) {
14926 .search.open:not(.mobile-search) {
14927 display: none;
14928 visibility: hidden;
14929 }
14930 }
14931
14932 .search.open.mobile {
14933 display: none;
14934 visibility: hidden;
14935 }
14936 @media only screen and (max-width: 768px) {
14937 .search.open.mobile {
14938 position: absolute;
14939 display: block;
14940 visibility: visible;
14941 }
14942 }
14943
14944 .navbar-toggler {
14945 position: absolute;
14946 top: 40px;
14947 right: 20px;
14948 }
14949
14950 .fixed-top .navbar-toggler {
14951 top: 20px;
14952 }
14953
14954 @media only screen and (max-width: 768px) {
14955 #navbarNavDropdown {
14956 background-color: #fff;
14957 z-index: 99;
14958 width: 100vw;
14959 position: relative;
14960 margin-top: -2px;
14961 padding: 20px 30px;
14962 }
14963 }
14853 14964
14854 #wrapper-footer-full { 14965 #wrapper-footer-full {
14855 background-color: #fff; 14966 background-color: #fff;
...@@ -15248,6 +15359,12 @@ input[type=checkbox] { ...@@ -15248,6 +15359,12 @@ input[type=checkbox] {
15248 width: 48px; 15359 width: 48px;
15249 padding: 8px 10px; 15360 padding: 8px 10px;
15250 } 15361 }
15362 @media only screen and (max-width: 768px) {
15363 .custom-addtoany {
15364 position: absolute;
15365 z-index: 9;
15366 }
15367 }
15251 15368
15252 .admin-bar .custom-addtoany { 15369 .admin-bar .custom-addtoany {
15253 top: 217px; 15370 top: 217px;
......
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.
...@@ -12,7 +12,7 @@ defined( 'ABSPATH' ) || exit; ...@@ -12,7 +12,7 @@ defined( 'ABSPATH' ) || exit;
12 $container = get_theme_mod( 'understrap_container_type' ); 12 $container = get_theme_mod( 'understrap_container_type' );
13 ?> 13 ?>
14 14
15 <nav id="main-nav" class="navbar navbar-expand-md navbar-dark bg-primary" aria-labelledby="main-nav-label"> 15 <nav id="main-nav" class="navbar navbar-expand-md navbar-light" aria-labelledby="main-nav-label">
16 16
17 <h2 id="main-nav-label" class="screen-reader-text"> 17 <h2 id="main-nav-label" class="screen-reader-text">
18 <?php esc_html_e( 'Main Navigation', 'understrap' ); ?> 18 <?php esc_html_e( 'Main Navigation', 'understrap' ); ?>
......
...@@ -31,7 +31,7 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' ); ...@@ -31,7 +31,7 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' );
31 <div class="col align-self-center"> 31 <div class="col align-self-center">
32 Powered by St. Joseph’s Health Centre Guelph 32 Powered by St. Joseph’s Health Centre Guelph
33 </div> 33 </div>
34 <div class="col align-self-center"> 34 <div class="col align-self-center desktop">
35 35
36 </div> 36 </div>
37 <div class="col align-self-center sponsored"> 37 <div class="col align-self-center sponsored">
...@@ -42,7 +42,11 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' ); ...@@ -42,7 +42,11 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' );
42 </div> 42 </div>
43 <!-- ******************* The Navbar Area ******************* --> 43 <!-- ******************* The Navbar Area ******************* -->
44 <header id="wrapper-navbar"> 44 <header id="wrapper-navbar">
45 <div id="search"> 45
46 <!-- <a class="skip-link" href="#content"><z?php //esc_html_e( 'Skip to content', 'understrap' ); ?></a> -->
47
48 <?php get_template_part( 'global-templates/navbar', $navbar_type . '-' . $bootstrap_version ); ?>
49 <div class="search">
46 <form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>"> 50 <form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
47 <label> 51 <label>
48 <span class="screen-reader-text"><?php echo _x( 'Search for:', 'label' ) ?></span> 52 <span class="screen-reader-text"><?php echo _x( 'Search for:', 'label' ) ?></span>
...@@ -56,10 +60,6 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' ); ...@@ -56,10 +60,6 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' );
56 </form> 60 </form>
57 61
58 </div> 62 </div>
59 <!-- <a class="skip-link" href="#content"><z?php //esc_html_e( 'Skip to content', 'understrap' ); ?></a> -->
60
61 <?php get_template_part( 'global-templates/navbar', $navbar_type . '-' . $bootstrap_version ); ?>
62
63 <button type="button" class="btn btn-floating btn-lg" id="btn-back-to-top"> 63 <button type="button" class="btn btn-floating btn-lg" id="btn-back-to-top">
64 </button> 64 </button>
65 <?php echo do_shortcode('[share-this]'); ?> 65 <?php echo do_shortcode('[share-this]'); ?>
......
...@@ -33546,6 +33546,7 @@ ...@@ -33546,6 +33546,7 @@
33546 "searchable": false, 33546 "searchable": false,
33547 "paging": true, 33547 "paging": true,
33548 "info": false, 33548 "info": false,
33549 "order": [[2, 'desc']],
33549 "dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>' 33550 "dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>'
33550 }); 33551 });
33551 33552
...@@ -33570,8 +33571,9 @@ ...@@ -33570,8 +33571,9 @@
33570 }); 33571 });
33571 33572
33572 // combine inclusive filters 33573 // combine inclusive filters
33573 filterValue = inclusives.length ? inclusives.join(', ') : ''; 33574 filterValue = inclusives.length ? inclusives.join('|') : '';
33574 $('#resources').DataTable().column(2).search(filterValue).draw(); 33575 console.log(filterValue);
33576 $('#resources').DataTable().column(2).search(filterValue, true, false).draw();
33575 }); 33577 });
33576 33578
33577 // filter with selects and checkboxes 33579 // filter with selects and checkboxes
...@@ -33589,8 +33591,8 @@ ...@@ -33589,8 +33591,8 @@
33589 }); 33591 });
33590 33592
33591 // combine inclusive filters 33593 // combine inclusive filters
33592 typeFilterValue = inclusives.length ? inclusives.join(', ') : ''; 33594 typeFilterValue = inclusives.length ? inclusives.join('|') : '';
33593 $('#resources').DataTable().column(0).search(typeFilterValue).draw(); 33595 $('#resources').DataTable().column(0).search(typeFilterValue, true, false).draw();
33594 }); 33596 });
33595 $('.sort-button-group').on('click', 'button', function () { 33597 $('.sort-button-group').on('click', 'button', function () {
33596 var sortValue = $(this).attr('data-sort-value'); 33598 var sortValue = $(this).attr('data-sort-value');
...@@ -33655,9 +33657,12 @@ ...@@ -33655,9 +33657,12 @@
33655 document.documentElement.scrollTop = 0; 33657 document.documentElement.scrollTop = 0;
33656 } 33658 }
33657 $__default["default"](document).ready(function ($) { 33659 $__default["default"](document).ready(function ($) {
33660 var $search = $('.search').clone();
33661 $search.addClass('mobile');
33662 $('#navbarNavDropdown').prepend($search);
33658 $(document).on("click", ".search-button a, .close", function (e) { 33663 $(document).on("click", ".search-button a, .close", function (e) {
33659 e.preventDefault(); 33664 e.preventDefault();
33660 $('#search').toggleClass('open'); 33665 $('.search').toggleClass('open');
33661 }); 33666 });
33662 }); 33667 });
33663 33668
......
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.
...@@ -13,6 +13,7 @@ jQuery(document).ready(function($) { ...@@ -13,6 +13,7 @@ jQuery(document).ready(function($) {
13 "searchable": false, 13 "searchable": false,
14 "paging": true, 14 "paging": true,
15 "info": false, 15 "info": false,
16 "order": [[2, 'desc']],
16 "dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>' 17 "dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>'
17 18
18 }); 19 });
...@@ -43,8 +44,9 @@ jQuery(document).ready(function($) { ...@@ -43,8 +44,9 @@ jQuery(document).ready(function($) {
43 }); 44 });
44 45
45 // combine inclusive filters 46 // combine inclusive filters
46 filterValue = inclusives.length ? inclusives.join(', ') : ''; 47 filterValue = inclusives.length ? inclusives.join('|') : '';
47 $('#resources').DataTable().column(2).search(filterValue).draw(); 48 console.log(filterValue);
49 $('#resources').DataTable().column(2).search(filterValue,true,false).draw();
48 }); 50 });
49 51
50 // filter with selects and checkboxes 52 // filter with selects and checkboxes
...@@ -63,8 +65,8 @@ jQuery(document).ready(function($) { ...@@ -63,8 +65,8 @@ jQuery(document).ready(function($) {
63 }); 65 });
64 66
65 // combine inclusive filters 67 // combine inclusive filters
66 typeFilterValue = inclusives.length ? inclusives.join(', ') : ''; 68 typeFilterValue = inclusives.length ? inclusives.join('|') : '';
67 $('#resources').DataTable().column(0).search(typeFilterValue).draw(); 69 $('#resources').DataTable().column(0).search(typeFilterValue,true,false).draw();
68 }); 70 });
69 71
70 72
......
...@@ -68,10 +68,16 @@ function backToTop() { ...@@ -68,10 +68,16 @@ function backToTop() {
68 } 68 }
69 69
70 70
71
71 jQuery(document).ready(function($) { 72 jQuery(document).ready(function($) {
73 var $search = $('.search').clone();
74 $search.addClass('mobile');
75 $('#navbarNavDropdown').prepend($search);
76
72 $(document).on("click", ".search-button a, .close", function(e) { 77 $(document).on("click", ".search-button a, .close", function(e) {
73 e.preventDefault(); 78 e.preventDefault();
74 $('#search').toggleClass('open'); 79 $('.search').toggleClass('open');
80
75 81
76 }); 82 });
77 83
......
...@@ -4,7 +4,7 @@ body{ ...@@ -4,7 +4,7 @@ body{
4 font-family: 'Open Sans', sans-serif; 4 font-family: 'Open Sans', sans-serif;
5 5
6 } 6 }
7 @media only screen and (max-width: 600px) { 7 @media only screen and (max-width: 768px) {
8 .site{ 8 .site{
9 overflow-x: hidden; 9 overflow-x: hidden;
10 } 10 }
...@@ -20,6 +20,10 @@ h1{ ...@@ -20,6 +20,10 @@ h1{
20 line-height: 72px; 20 line-height: 72px;
21 font-family: 'Poppins', sans-serif; 21 font-family: 'Poppins', sans-serif;
22 font-weight: 800; 22 font-weight: 800;
23 @media only screen and (max-width: 768px) {
24 font-size: 32px;
25 line-height: 42px;
26 }
23 } 27 }
24 28
25 h2{ 29 h2{
......
...@@ -10,6 +10,11 @@ ...@@ -10,6 +10,11 @@
10 margin-left: 30px; 10 margin-left: 30px;
11 } 11 }
12 } 12 }
13 .desktop{
14 @media only screen and (max-width: 768px) {
15 display: none;
16 }
17 }
13 } 18 }
14 #main-nav { 19 #main-nav {
15 background-color: #fff; 20 background-color: #fff;
...@@ -17,9 +22,16 @@ ...@@ -17,9 +22,16 @@
17 transition: 0.4s; 22 transition: 0.4s;
18 .custom-logo-link { 23 .custom-logo-link {
19 margin-left: 0px; 24 margin-left: 0px;
25 @media only screen and (max-width: 768px) {
26 width: 70%;
27 }
20 img { 28 img {
21 transition: 0.4s; 29 transition: 0.4s;
22 width: 349px; 30 width: 349px;
31 @media only screen and (max-width: 768px) {
32 width: 100%;
33
34 }
23 } 35 }
24 } 36 }
25 .navbar-nav.sign-up { 37 .navbar-nav.sign-up {
...@@ -75,6 +87,14 @@ ...@@ -75,6 +87,14 @@
75 text-decoration: underline; 87 text-decoration: underline;
76 } 88 }
77 } 89 }
90 .mobile{
91 display: none;
92 visibility: hidden;
93 @media only screen and (max-width: 768px) {
94 display: block;
95 visibility:visible;
96 }
97 }
78 } 98 }
79 99
80 .admin-bar .fixed-top { 100 .admin-bar .fixed-top {
...@@ -85,12 +105,18 @@ ...@@ -85,12 +105,18 @@
85 height: 80px !important; 105 height: 80px !important;
86 #main-menu { 106 #main-menu {
87 top: -20px; 107 top: -20px;
108 @media only screen and (max-width: 768px) {
109 top: 0px;
110 }
88 } 111 }
89 #login-menu { 112 #login-menu {
90 top: -60px; 113 top: -60px;
91 } 114 }
92 .custom-logo-link img { 115 .custom-logo-link img {
93 width: 240px !important; 116 width: 240px !important;
117 @media only screen and (max-width: 768px) {
118 width: 180px !important;
119 }
94 } 120 }
95 } 121 }
96 122
...@@ -126,6 +152,10 @@ ...@@ -126,6 +152,10 @@
126 .hero-content { 152 .hero-content {
127 width: 60%; 153 width: 60%;
128 height: 520px; 154 height: 520px;
155 @media only screen and (max-width: 768px) {
156 width: 95%;
157 margin: auto;
158 }
129 h1 { 159 h1 {
130 color: #fff; 160 color: #fff;
131 margin-bottom: 10px; 161 margin-bottom: 10px;
...@@ -179,7 +209,7 @@ ...@@ -179,7 +209,7 @@
179 height: 35px; 209 height: 35px;
180 background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"); 210 background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
181 } 211 }
182 #search{ 212 .search{
183 display: none; 213 display: none;
184 214
185 215
...@@ -188,11 +218,19 @@ ...@@ -188,11 +218,19 @@
188 width: 60%; 218 width: 60%;
189 margin: auto; 219 margin: auto;
190 margin-top: 40px; 220 margin-top: 40px;
221 @media only screen and (max-width: 768px) {
222 width: 100%;
223 margin-top: 0px;
224 margin-bottom: 10px;
225 }
191 226
192 227
193 label{ 228 label{
194 229
195 width: 90%; 230 width: 90%;
231 @media only screen and (max-width: 768px) {
232 width: 95%;
233 }
196 } 234 }
197 235
198 .search-field{ 236 .search-field{
...@@ -210,6 +248,11 @@ ...@@ -210,6 +248,11 @@
210 position:relative; 248 position:relative;
211 top: -10px; 249 top: -10px;
212 left: -56px; 250 left: -56px;
251 @media only screen and (max-width: 768px) {
252 left: unset;
253 margin-left: -10%;
254
255 }
213 } 256 }
214 .search-submit:hover{ 257 .search-submit:hover{
215 background-color: #2c2c2c; 258 background-color: #2c2c2c;
...@@ -223,6 +266,10 @@ ...@@ -223,6 +266,10 @@
223 font-size: 0px; 266 font-size: 0px;
224 width: 30px; 267 width: 30px;
225 height: 30px; 268 height: 30px;
269 @media only screen and (max-width: 768px) {
270 display: none;
271 visibility: hidden;
272 }
226 background-size: contain; 273 background-size: contain;
227 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1458' data-name='Group 1458' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cline id='Line_3' data-name='Line 3' x2='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"); 274 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1458' data-name='Group 1458' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cline id='Line_3' data-name='Line 3' x2='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
228 } 275 }
...@@ -230,11 +277,55 @@ ...@@ -230,11 +277,55 @@
230 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1499' data-name='Group 1499' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cpath id='Path_1922' data-name='Path 1922' d='M0 0 29.754 29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"); 277 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1499' data-name='Group 1499' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cpath id='Path_1922' data-name='Path 1922' d='M0 0 29.754 29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
231 } 278 }
232 } 279 }
233 #search.open{ 280 .search.open:not(.mobile-search){
234 display: block; 281 display: block;
282 top:57px;
235 width: 100%; 283 width: 100%;
236 height: 128px; 284 height: 128px;
237 background-color:rgba(255,255,255,0.9); 285 background-color:rgba(255,255,255,0.9);
238 position: fixed; 286 position: fixed;
287 @media only screen and (max-width: 768px) {
288 display: none;
289 visibility: hidden;
290 }
239 z-index: 999; 291 z-index: 999;
292 }
293
294 .search.open.mobile{
295 display: none;
296 visibility: hidden;
297
298 @media only screen and (max-width: 768px) {
299 position: absolute;
300 display: block;
301 visibility: visible;
302 }
303 }
304
305 .navbar-toggler{
306 position: absolute;
307 top: 40px;
308 right: 20px;
309 }
310 .fixed-top{
311 .navbar-toggler{
312 top: 20px;
313 }
314 }
315
316
317 #navbarNavDropdown{
318 @media only screen and (max-width: 768px) {
319 background-color: #fff;
320 z-index: 99;
321 width: 100vw;
322 position: relative;
323 margin-top: -2px;
324 padding: 20px 30px;
325 }
326 }
327
328
329 #navbarNavDropdown.show {
330
240 } 331 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -6,6 +6,10 @@ ...@@ -6,6 +6,10 @@
6 right: 0px; 6 right: 0px;
7 width: 48px; 7 width: 48px;
8 padding:8px 10px; 8 padding:8px 10px;
9 @media only screen and (max-width: 768px) {
10 position: absolute;
11 z-index: 9;
12 }
9 } 13 }
10 14
11 .admin-bar .custom-addtoany{ 15 .admin-bar .custom-addtoany{
......