Skip to content

Jeff Balicki / st_joseph

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

certs 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 577b4694
Expand all
Inline Side-by-side
Showing 17 changed files with 229 additions and 55 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.
...@@ -5,6 +5,8 @@ add_shortcode('course-list', 'course_list'); ...@@ -5,6 +5,8 @@ add_shortcode('course-list', 'course_list');
5 5
6 function course_list(){ 6 function course_list(){
7 7
8 try{
9
8 $custom_args = array( 10 $custom_args = array(
9 'post_type' => 'sfwd-courses', 11 'post_type' => 'sfwd-courses',
10 'posts_per_page' => -1, 12 'posts_per_page' => -1,
...@@ -42,6 +44,10 @@ function course_list(){ ...@@ -42,6 +44,10 @@ function course_list(){
42 wp_reset_query(); 44 wp_reset_query();
43 $output = ob_get_clean(); 45 $output = ob_get_clean();
44 return $output; 46 return $output;
47 }catch(Throwable $e) {
48 error_log("course_list()". $e->getMessage()) ;
49 }
50
45 } 51 }
46 52
47 add_shortcode('my-course-list', 'my_course_list'); 53 add_shortcode('my-course-list', 'my_course_list');
...@@ -55,7 +61,7 @@ $enrolled_courses = learndash_user_get_enrolled_courses(get_current_user_id()); ...@@ -55,7 +61,7 @@ $enrolled_courses = learndash_user_get_enrolled_courses(get_current_user_id());
55 if (is_array($enrolled_courses)): ?> 61 if (is_array($enrolled_courses)): ?>
56 <div class="carousel course"> 62 <div class="carousel course">
57 <div id="<?php echo $uniqid; ?>" class="course-carousel carousel-items"> 63 <div id="<?php echo $uniqid; ?>" class="course-carousel carousel-items">
58 <div class='swiper-wrapper'> 64 <div class='swiper-wrapper container'>
59 <?php foreach($enrolled_courses as $enrolled){ 65 <?php foreach($enrolled_courses as $enrolled){
60 echo course_card($enrolled); 66 echo course_card($enrolled);
61 }; ?> 67 }; ?>
......
...@@ -5,6 +5,8 @@ add_shortcode('resources-list', 'resources_list'); ...@@ -5,6 +5,8 @@ add_shortcode('resources-list', 'resources_list');
5 5
6 function resources_list(){ 6 function resources_list(){
7 7
8 try{
9
8 $custom_args = array( 10 $custom_args = array(
9 'post_type' => 'resource', 11 'post_type' => 'resource',
10 'posts_per_page' => -1, 12 'posts_per_page' => -1,
...@@ -57,6 +59,11 @@ function resources_list(){ ...@@ -57,6 +59,11 @@ function resources_list(){
57 wp_reset_query(); 59 wp_reset_query();
58 $output = ob_get_clean(); 60 $output = ob_get_clean();
59 return $output; 61 return $output;
62
63 }catch(Throwable $e) {
64 error_log("resources_list()". $e->getMessage()) ;
65 }
66
60 } 67 }
61 68
62 69
......
...@@ -4,6 +4,7 @@ add_shortcode( 'promos', 'promos' ); ...@@ -4,6 +4,7 @@ add_shortcode( 'promos', 'promos' );
4 4
5 function promos(){ 5 function promos(){
6 6
7 try{
7 $custom_args = array( 8 $custom_args = array(
8 'post_type' => 'promo', 9 'post_type' => 'promo',
9 'posts_per_page' => 3, 10 'posts_per_page' => 3,
...@@ -32,6 +33,9 @@ function promos(){ ...@@ -32,6 +33,9 @@ function promos(){
32 wp_reset_query(); 33 wp_reset_query();
33 $output = ob_get_clean(); 34 $output = ob_get_clean();
34 return $output; 35 return $output;
36 }catch(Throwable $e) {
37 error_log("promos()". $e->getMessage()) ;
38 }
35 } 39 }
36 40
37 function promos_slides($id){ 41 function promos_slides($id){
...@@ -108,3 +112,50 @@ function firstname(){ ...@@ -108,3 +112,50 @@ function firstname(){
108 return $user->first_name;; 112 return $user->first_name;;
109 113
110 } 114 }
115
116
117 add_shortcode( 'certs', 'certs' );
118
119 function certs(){
120
121 try{
122 $enrolled_courses = learndash_user_get_enrolled_courses( get_current_user_id(), array(), false);
123
124
125 ob_start();
126
127 if (is_array($enrolled_courses)):?>
128
129 <div class="carousel">
130 <div id="cert" class="cert-carousel carousel-items">
131 <div class='swiper-wrapper'>
132 <?php foreach($enrolled_courses as $enrolled_course){
133 $cert = learndash_get_course_certificate_link($enrolled_course, get_current_user_id());
134 if(!empty($cert)){
135 $sfwd_course = get_post_meta($enrolled_course , '_sfwd-courses', true );
136 $thumbnail_id = "911"; ?>
137 <div class="swiper-slide container">
138 <div class="cert">
139 <?php echo '<a target="_blank" style="background-image:url('.wp_get_attachment_url( $thumbnail_id).')" class="cert_link" href="'.$cert.'"><p><strong>'
140 .get_user_meta(get_current_user_id(), 'first_name', true )." ". get_user_meta(get_current_user_id(), 'last_name', true ).'</strong></p>'
141 .get_the_title( $enrolled_course ).'</a>';
142 ?>
143 </div>
144 </div>
145 <?php }
146 }; ?>
147 </div>
148 <div class="swiper-pagination"></div>
149 <div class="swiper-button-prev" data-id="cert"></div>
150 <div class="swiper-button-next" data-id="cert"></div>
151 </div>
152 </div>
153
154 <?php endif;
155 wp_reset_query();
156 $output = ob_get_clean();
157 return $output;
158 }catch(Throwable $e) {
159 error_log("certs()". $e->getMessage()) ;
160 }
161 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -32984,18 +32984,26 @@ ...@@ -32984,18 +32984,26 @@
32984 _id = jQuery(this).attr('id'); 32984 _id = jQuery(this).attr('id');
32985 } 32985 }
32986 if (jQuery(this).hasClass('course-carousel')) { 32986 if (jQuery(this).hasClass('course-carousel')) {
32987 offset = (window.innerWidth - $('.entry-content').width()) / 2 - 28; 32987 offset = 0;
32988 PerView = 3; 32988 PerView = 3;
32989 space = 0; 32989 space = 45;
32990 SlidesPerGroup = 3; 32990 SlidesPerGroup = 1;
32991 offsetAfter = (window.innerWidth - $('.entry-content').width()) / 2 - 28; 32991 offsetAfter = 0;
32992 _id = jQuery(this).attr('id');
32993 }
32994 if (jQuery(this).hasClass('cert-carousel')) {
32995 offset = 0;
32996 PerView = 3;
32997 space = 40;
32998 SlidesPerGroup = 1;
32999 offsetAfter = 0;
32992 _id = jQuery(this).attr('id'); 33000 _id = jQuery(this).attr('id');
32993 } 33001 }
32994 if ($(window).width() < 600) { 33002 if ($(window).width() < 600) {
32995 offset = 0; 33003 offset = 0;
32996 PerView = 1; 33004 PerView = 1;
32997 SlidesPerGroup = 1; 33005 SlidesPerGroup = 0;
32998 space = 0; 33006 space = 40;
32999 offsetAfter = 0; 33007 offsetAfter = 0;
33000 } 33008 }
33001 var swiper_params = { 33009 var swiper_params = {
...@@ -33632,6 +33640,8 @@ ...@@ -33632,6 +33640,8 @@
33632 document.getElementById('main-nav').classList.add('fixed-top'); 33640 document.getElementById('main-nav').classList.add('fixed-top');
33633 } else { 33641 } else {
33634 document.getElementById('main-nav').classList.remove('fixed-top'); 33642 document.getElementById('main-nav').classList.remove('fixed-top');
33643 document.getElementById('search').classList.remove('open');
33644 document.getElementById('search-button').classList.remove('open');
33635 } 33645 }
33636 }); 33646 });
33637 }); 33647 });
...@@ -33659,9 +33669,12 @@ ...@@ -33659,9 +33669,12 @@
33659 $__default["default"](document).ready(function ($) { 33669 $__default["default"](document).ready(function ($) {
33660 var $search = $('.search').clone(); 33670 var $search = $('.search').clone();
33661 $search.addClass('mobile'); 33671 $search.addClass('mobile');
33672 $('.search').attr('id', 'search');
33673 $('.search-button').attr('id', 'search-button');
33662 $('#navbarNavDropdown').prepend($search); 33674 $('#navbarNavDropdown').prepend($search);
33663 $(document).on("click", ".search-button a, .close", function (e) { 33675 $(document).on("click", ".search-button a, .close", function (e) {
33664 e.preventDefault(); 33676 e.preventDefault();
33677 $('.search-button').toggleClass('open');
33665 $('.search').toggleClass('open'); 33678 $('.search').toggleClass('open');
33666 }); 33679 });
33667 }); 33680 });
......
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.
...@@ -33,20 +33,33 @@ jQuery(document).ready(function($) { ...@@ -33,20 +33,33 @@ jQuery(document).ready(function($) {
33 _id = jQuery(this).attr('id'); 33 _id = jQuery(this).attr('id');
34 } 34 }
35 35
36
37
38
36 if (jQuery(this).hasClass('course-carousel')) { 39 if (jQuery(this).hasClass('course-carousel')) {
37 offset = ((window.innerWidth - $('.entry-content').width()) / 2) - 28; 40 offset =0;
38 PerView = 3; 41 PerView = 3;
39 space = 0; 42 space = 45;
40 SlidesPerGroup = 3; 43 SlidesPerGroup = 1;
41 offsetAfter = ((window.innerWidth - $('.entry-content').width()) / 2) - 28; 44 offsetAfter = 0;
45 _id = jQuery(this).attr('id');
46 }
47
48 if (jQuery(this).hasClass('cert-carousel')) {
49 offset = 0;
50 PerView = 3;
51 space = 40;
52 SlidesPerGroup = 1;
53 offsetAfter = 0;
42 _id = jQuery(this).attr('id'); 54 _id = jQuery(this).attr('id');
43 } 55 }
44 56
57
45 if ($(window).width() < 600) { 58 if ($(window).width() < 600) {
46 offset = 0; 59 offset = 0;
47 PerView = 1; 60 PerView = 1;
48 SlidesPerGroup = 1; 61 SlidesPerGroup = 0;
49 space = 0; 62 space = 40;
50 offsetAfter = 0; 63 offsetAfter = 0;
51 64
52 } 65 }
......
...@@ -35,8 +35,11 @@ document.addEventListener("DOMContentLoaded", function() { ...@@ -35,8 +35,11 @@ document.addEventListener("DOMContentLoaded", function() {
35 window.addEventListener('scroll', function() { 35 window.addEventListener('scroll', function() {
36 if (window.scrollY > 57) { 36 if (window.scrollY > 57) {
37 document.getElementById('main-nav').classList.add('fixed-top'); 37 document.getElementById('main-nav').classList.add('fixed-top');
38
38 } else { 39 } else {
39 document.getElementById('main-nav').classList.remove('fixed-top'); 40 document.getElementById('main-nav').classList.remove('fixed-top');
41 document.getElementById('search').classList.remove('open');
42 document.getElementById('search-button').classList.remove('open');
40 } 43 }
41 }); 44 });
42 }); 45 });
...@@ -72,10 +75,14 @@ function backToTop() { ...@@ -72,10 +75,14 @@ function backToTop() {
72 jQuery(document).ready(function($) { 75 jQuery(document).ready(function($) {
73 var $search = $('.search').clone(); 76 var $search = $('.search').clone();
74 $search.addClass('mobile'); 77 $search.addClass('mobile');
78 $('.search').attr('id','search');
79 $('.search-button').attr('id','search-button');
75 $('#navbarNavDropdown').prepend($search); 80 $('#navbarNavDropdown').prepend($search);
76 81
82
77 $(document).on("click", ".search-button a, .close", function(e) { 83 $(document).on("click", ".search-button a, .close", function(e) {
78 e.preventDefault(); 84 e.preventDefault();
85 $('.search-button').toggleClass('open');
79 $('.search').toggleClass('open'); 86 $('.search').toggleClass('open');
80 87
81 88
......
...@@ -4,22 +4,22 @@ ...@@ -4,22 +4,22 @@
4 height: 13px !important; 4 height: 13px !important;
5 width: 13px !important; 5 width: 13px !important;
6 opacity: 1 !important; 6 opacity: 1 !important;
7 } 7 }
8 .swiper-pagination-bullet-active { 8 .swiper-pagination-bullet-active {
9 background: #3f9c35 !important; 9 background: #3f9c35 !important;
10 border: 2px solid #3f9c35 !important; 10 border: 2px solid #3f9c35 !important;
11 } 11 }
12 12
13 // carousel css 13 // carousel css
14 .carousel:not(.is-admin) { 14 .carousel:not(.is-admin) {
15 background-color: transparent !important; 15 background-color: transparent !important;
16 left: -20px; 16 left: -20px;
17 width: 100vw; 17 width: 100vw;
18 margin-top: 30px; 18 margin-top: 30px;
19 margin-bottom: 30px; 19 margin-bottom: 30px;
20 } 20 }
21 21
22 .carousel-items { 22 .carousel-items {
23 list-style: none; 23 list-style: none;
24 margin-block-start: 0em; 24 margin-block-start: 0em;
25 margin-block-end: 0em; 25 margin-block-end: 0em;
...@@ -30,18 +30,18 @@ ...@@ -30,18 +30,18 @@
30 @media only screen and (max-width: 768px) { 30 @media only screen and (max-width: 768px) {
31 padding-inline-start: 0px; 31 padding-inline-start: 0px;
32 } 32 }
33 } 33 }
34 34
35 .swiper-button-next.swiper-button-disabled, 35 .swiper-button-next.swiper-button-disabled,
36 .swiper-button-prev.swiper-button-disabled { 36 .swiper-button-prev.swiper-button-disabled {
37 pointer-events: all !important; 37 pointer-events: all !important;
38 } 38 }
39 39
40 .carousel-items.slick-initialized.slick-slider { 40 .carousel-items.slick-initialized.slick-slider {
41 margin-right: 15px; //for the scroll bar 41 margin-right: 15px; //for the scroll bar
42 } 42 }
43 43
44 .carousel { 44 .carousel {
45 width: 100vw; 45 width: 100vw;
46 margin-left: calc((100% - 100vw) / 2); 46 margin-left: calc((100% - 100vw) / 2);
47 @media only screen and (max-width: 768px) { 47 @media only screen and (max-width: 768px) {
...@@ -68,10 +68,51 @@ ...@@ -68,10 +68,51 @@
68 .swiper-wrapper { 68 .swiper-wrapper {
69 gap: 1rem; 69 gap: 1rem;
70 } 70 }
71 }
72
73 .cert-carousel {
74 @media only screen and (max-width: 768px) {
75 margin-left: 0px !important;
76 }
77 .swiper-slide {
78 width: 100% !important;
79 @media only screen and (max-width: 768px) {
80 width: 100% !important;
81 padding-left: 0px;
82 }
83
84 .cert-cont {
85 background-color: #e2f2f9;
86 margin-left: -50%;
87 margin-right: -50%;
88 padding-left: 50%;
89 padding-right: 50%;
71 } 90 }
72 91
73 // testimonials carousel css 92 .cert_link {
74 .testimonials-carousel { 93 display: block;
94 width: 300px;
95 height: 232px;
96 background-size: contain;
97 text-decoration: none;
98 font-size: 10px;
99 margin: auto;
100 text-align: center;
101 padding-top: 100px;
102 color: #156570;
103 p {
104 line-height: 10px;
105 color: #156570;
106 strong {
107 color: #156570;
108 }
109 }
110 }
111 }
112 }
113
114 // testimonials carousel css
115 .testimonials-carousel {
75 @media only screen and (max-width: 768px) { 116 @media only screen and (max-width: 768px) {
76 margin-left: 0px !important; 117 margin-left: 0px !important;
77 } 118 }
...@@ -79,7 +120,7 @@ ...@@ -79,7 +120,7 @@
79 width: 890px !important; 120 width: 890px !important;
80 @media only screen and (max-width: 768px) { 121 @media only screen and (max-width: 768px) {
81 width: 100% !important; 122 width: 100% !important;
82 padding-left:0px; 123 padding-left: 0px;
83 } 124 }
84 .testimonials { 125 .testimonials {
85 width: 890px; 126 width: 890px;
...@@ -152,9 +193,10 @@ ...@@ -152,9 +193,10 @@
152 border-bottom: 20px solid #e04e39; 193 border-bottom: 20px solid #e04e39;
153 } 194 }
154 } 195 }
155 } 196 }
197
156 198
157 .promo-carousel { 199 .promo-carousel {
158 width: 100% !important; 200 width: 100% !important;
159 margin-left: 0px !important; 201 margin-left: 0px !important;
160 position: relative; 202 position: relative;
...@@ -227,28 +269,23 @@ ...@@ -227,28 +269,23 @@
227 border-bottom: 20px solid #e04e39; 269 border-bottom: 20px solid #e04e39;
228 } 270 }
229 } 271 }
230 } 272 }
231
232
233 273
234 274 .course-carousel {
235 .course-carousel {
236 width: 100% !important; 275 width: 100% !important;
237 margin-left: 0px !important; 276 margin-left: 0px !important;
238 position: relative; 277 position: relative;
239 @media only screen and (min-width: 1400px) { 278 @media only screen and (min-width: 1400px) {
240 max-width: 100% !important; 279 max-width: 100% !important;
241 } 280 }
242 .swiper-wrapper{ 281 .swiper-wrapper {
243 // max-width: 1344px; 282 // max-width: 1344px;
244 margin: auto; 283 margin: auto;
245 } 284 }
246 .swiper-slide { 285 .swiper-slide {
247 margin-left: 0px !important;
248 width: 333px !important;
249 286
250 } 287 }
251 .card{ 288 .card {
252 min-height: 540px; 289 min-height: 540px;
253 } 290 }
254 .swiper-button-next { 291 .swiper-button-next {
...@@ -260,6 +297,4 @@ ...@@ -260,6 +297,4 @@
260 .swiper-pagination { 297 .swiper-pagination {
261 bottom: -40px !important; 298 bottom: -40px !important;
262 } 299 }
263
264 }
265
...\ No newline at end of file ...\ No newline at end of file
300 }
......
...@@ -113,8 +113,12 @@ ...@@ -113,8 +113,12 @@
113 113
114 .admin-bar .fixed-top { 114 .admin-bar .fixed-top {
115 top: 32px; 115 top: 32px;
116 @media only screen and (max-width: 768px) {
117 top: 0px;
118 }
116 } 119 }
117 120
121
118 #main-nav.fixed-top { 122 #main-nav.fixed-top {
119 height: 80px !important; 123 height: 80px !important;
120 #main-menu { 124 #main-menu {
...@@ -160,6 +164,11 @@ ...@@ -160,6 +164,11 @@
160 right: 0px; 164 right: 0px;
161 width: 200px; 165 width: 200px;
162 height: 200px; 166 height: 200px;
167 @media only screen and (max-width: 900px) {
168 width: 140px;
169 height: 140px;
170 }
171
163 background-image: url("../images/logo-border.png"); 172 background-image: url("../images/logo-border.png");
164 } 173 }
165 174
...@@ -218,20 +227,32 @@ ...@@ -218,20 +227,32 @@
218 227
219 .search-button a { 228 .search-button a {
220 text-indent: 99999px; 229 text-indent: 99999px;
230 position: relative;
221 background-repeat: no-repeat; 231 background-repeat: no-repeat;
222 width: 35px; 232 width: 35px;
223 height: 35px; 233 height: 35px;
224 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"); 234 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");
225 } 235 }
226 .search{
227 display: none;
228 236
237 .search-button.open{
238 display:none;
239 }
229 240
241 .search{
242 top:57px;
243 height: 128px;
244 background-color:rgba(255,255,255,0.9);
245 position: fixed;
246 right:0px;
247 visibility: hidden;
248 transition: 0.4s;
249 width: 100%;
250 right: -100%;
230 251
231 .search-form{ 252 .search-form{
232 width: 60%; 253 width: 60%;
233 margin: auto; 254 margin: auto;
234 margin-top: 40px; 255 margin-top: 20px;
235 @media only screen and (max-width: 768px) { 256 @media only screen and (max-width: 768px) {
236 width: 99%; 257 width: 99%;
237 margin-top: 0px; 258 margin-top: 0px;
...@@ -245,6 +266,7 @@ ...@@ -245,6 +266,7 @@
245 @media only screen and (max-width: 768px) { 266 @media only screen and (max-width: 768px) {
246 width: 98%; 267 width: 98%;
247 } 268 }
269
248 } 270 }
249 271
250 .search-field{ 272 .search-field{
...@@ -252,6 +274,7 @@ ...@@ -252,6 +274,7 @@
252 width: 100%; 274 width: 100%;
253 margin: auto; 275 margin: auto;
254 border-bottom:1px solid #2c2c2c; 276 border-bottom:1px solid #2c2c2c;
277
255 } 278 }
256 279
257 .search-submit{ 280 .search-submit{
...@@ -274,6 +297,7 @@ ...@@ -274,6 +297,7 @@
274 background-color: #2c2c2c; 297 background-color: #2c2c2c;
275 } 298 }
276 } 299 }
300
277 .close{ 301 .close{
278 all: unset; 302 all: unset;
279 position: relative; 303 position: relative;
...@@ -293,13 +317,29 @@ ...@@ -293,13 +317,29 @@
293 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"); 317 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");
294 } 318 }
295 } 319 }
320 .search .search-form label::before{
321 content: "";
322 opacity: 0;
323 transition: 0.8s;
324 position: absolute;
325 width: 35px;
326 height: 35px;
327 margin-left: -65px;
328 margin-top: -5px;
329 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");
330
331 }
332
333 .search.open .search-form label::before{
334 opacity: 1;
335 }
336
296 .search.open:not(.mobile-search){ 337 .search.open:not(.mobile-search){
297 display: block; 338 right:0px;
298 top:57px;
299 width: 100%; 339 width: 100%;
300 height: 128px; 340 visibility: visible;
301 background-color:rgba(255,255,255,0.9); 341 transition: 0.4s;
302 position: fixed; 342
303 @media only screen and (max-width: 768px) { 343 @media only screen and (max-width: 768px) {
304 display: none; 344 display: none;
305 visibility: hidden; 345 visibility: hidden;
...@@ -307,12 +347,13 @@ ...@@ -307,12 +347,13 @@
307 z-index: 999; 347 z-index: 999;
308 } 348 }
309 349
310 .search.open.mobile{ 350 .search.mobile{
311 display: none; 351 display: none;
312 visibility: hidden; 352 visibility: hidden;
313 353 position: revert;
354 height: 40px;
355 top:0px;
314 @media only screen and (max-width: 768px) { 356 @media only screen and (max-width: 768px) {
315 position: absolute;
316 display: block; 357 display: block;
317 visibility: visible; 358 visibility: visible;
318 } 359 }
...@@ -324,6 +365,7 @@ ...@@ -324,6 +365,7 @@
324 right: 20px; 365 right: 20px;
325 border-color:transparent !important ; 366 border-color:transparent !important ;
326 } 367 }
368
327 .fixed-top{ 369 .fixed-top{
328 .navbar-toggler{ 370 .navbar-toggler{
329 top: 20px; 371 top: 20px;
......