Skip to content

Jeff Balicki / st_joseph

Go to a project
Toggle navigation
Toggle navigation pinning
5378d9ac by Jeff Balicki
Options

code clean up 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 38f6eab5
Expand all
Inline Side-by-side
Showing 16 changed files with 306 additions and 341 deletions
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -33364,10 +33364,9 @@ ...@@ -33364,10 +33364,9 @@
33364 if (!$('.grid.course').length) { 33364 if (!$('.grid.course').length) {
33365 return false; 33365 return false;
33366 } 33366 }
33367 var qsRegex;
33368 33367
33369 //course list Isotope setup 33368 //course list Isotope setup
33370 33369 var qsRegex;
33371 var $grid = $('.grid.course').isotope({ 33370 var $grid = $('.grid.course').isotope({
33372 itemSelector: '.element-item', 33371 itemSelector: '.element-item',
33373 layoutMode: 'fitRows', 33372 layoutMode: 'fitRows',
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
1 import Swiper, { Navigation, Pagination, A11y, Keyboard } from 'swiper'; 1 import Swiper, {
2 Navigation,
3 Pagination,
4 A11y,
5 Keyboard
6 } from 'swiper';
2 import 'swiper/css'; 7 import 'swiper/css';
3 import 'swiper/css/navigation'; 8 import 'swiper/css/navigation';
4 import 'swiper/css/pagination'; 9 import 'swiper/css/pagination';
...@@ -11,14 +16,14 @@ jQuery(document).ready(function($) { ...@@ -11,14 +16,14 @@ jQuery(document).ready(function($) {
11 16
12 jQuery('.carousel-items').each(function() { 17 jQuery('.carousel-items').each(function() {
13 18
14 var offset = ((window.innerWidth - $('.entry-content').width() ) / 2) - 28; 19 var offset = ((window.innerWidth - $('.entry-content').width()) / 2) - 28;
15 var offsetAfter = 0; 20 var offsetAfter = 0;
16 var PerView = 'auto'; 21 var PerView = 'auto';
17 var space = 20; 22 var space = 20;
18 23
19 var _id = jQuery(this).parent().attr('id'); 24 var _id = jQuery(this).parent().attr('id');
20 25
21 if(jQuery(this).hasClass('promo-carousel')) { 26 if (jQuery(this).hasClass('promo-carousel')) {
22 offset = 0; 27 offset = 0;
23 PerView = 1; 28 PerView = 1;
24 space = 0; 29 space = 0;
...@@ -37,20 +42,20 @@ jQuery(document).ready(function($) { ...@@ -37,20 +42,20 @@ jQuery(document).ready(function($) {
37 42
38 var swiper_params = { 43 var swiper_params = {
39 modules: [Navigation, Pagination, A11y, Keyboard], 44 modules: [Navigation, Pagination, A11y, Keyboard],
40 slidesPerView:PerView, 45 slidesPerView: PerView,
41 slidesOffsetAfter:offsetAfter, 46 slidesOffsetAfter: offsetAfter,
42 slidesOffsetBefore:offset, 47 slidesOffsetBefore: offset,
43 spaceBetween:space, 48 spaceBetween: space,
44 slidesPerGroup:1, 49 slidesPerGroup: 1,
45 pagination: { 50 pagination: {
46 el: ".swiper-pagination", 51 el: ".swiper-pagination",
47 type: 'bullets', 52 type: 'bullets',
48 clickable:"true", 53 clickable: "true",
49 }, 54 },
50 55
51 navigation: { 56 navigation: {
52 nextEl: '.swiper-button-next[data-id="'+_id+'"]', 57 nextEl: '.swiper-button-next[data-id="' + _id + '"]',
53 prevEl: '.swiper-button-prev[data-id="'+_id+'"]', 58 prevEl: '.swiper-button-prev[data-id="' + _id + '"]',
54 }, 59 },
55 60
56 a11y: { 61 a11y: {
......
1 jQuery( document ).ready(function($) { 1 jQuery(document).ready(function($) {
2 2
3 if(!$('.grid.course').length){ 3 if (!$('.grid.course').length) {
4 return false; 4 return false;
5 } 5 }
6 6
7 var qsRegex; 7 //course list Isotope setup
8 8 var qsRegex;
9
10 //course list Isotope setup
11
12 var $grid = $('.grid.course').isotope({ 9 var $grid = $('.grid.course').isotope({
13 itemSelector: '.element-item', 10 itemSelector: '.element-item',
14 layoutMode: 'fitRows', 11 layoutMode: 'fitRows',
...@@ -18,51 +15,52 @@ var qsRegex; ...@@ -18,51 +15,52 @@ var qsRegex;
18 }, 15 },
19 filter: function() { 16 filter: function() {
20 var $this = $(this); 17 var $this = $(this);
21 var filterText = qsRegex ? $(this).text().match( qsRegex ) : true; 18 var filterText = qsRegex ? $(this).text().match(qsRegex) : true;
22 var buttonResult = filterValue ? $this.is( filterValue ) : true; 19 var buttonResult = filterValue ? $this.is(filterValue) : true;
23 return filterText && buttonResult; 20 return filterText && buttonResult;
24 } 21 }
25 }); 22 });
26 23
27 24
28 25
29 // use value of search field to filter 26 // use value of search field to filter
30 var $quicksearch = $('#quicksearch').keyup( debounce( function() { 27 var $quicksearch = $('#quicksearch').keyup(debounce(function() {
31 console.log($quicksearch.val()); 28 console.log($quicksearch.val());
32 qsRegex = new RegExp( $quicksearch.val(), 'gi' ); 29 qsRegex = new RegExp($quicksearch.val(), 'gi');
33 $grid.isotope(); 30 $grid.isotope();
34 updateFilterCounts(); 31 updateFilterCounts();
35 }, 200 ) ); 32 }, 200));
36 33
37 34
38 // debounce so filtering doesn't happen every millisecond 35 // debounce so filtering doesn't happen every millisecond
39 function debounce( fn, threshold ) { 36 function debounce(fn, threshold) {
40 var timeout; 37 var timeout;
41 threshold = threshold || 100; 38 threshold = threshold || 100;
42 return function debounced() { 39 return function debounced() {
43 clearTimeout( timeout ); 40 clearTimeout(timeout);
44 var args = arguments; 41 var args = arguments;
45 var _this = this; 42 var _this = this;
43
46 function delayed() { 44 function delayed() {
47 fn.apply( _this, args ); 45 fn.apply(_this, args);
48 } 46 }
49 timeout = setTimeout( delayed, threshold ); 47 timeout = setTimeout(delayed, threshold);
50 }; 48 };
51 } 49 }
52 50
53 51
54 // filter with selects and checkboxes 52 // filter with selects and checkboxes
55 var $checkboxes = $('.category-filter input'); 53 var $checkboxes = $('.category-filter input');
56 var filterValue; 54 var filterValue;
57 55
58 $checkboxes.change( function() { 56 $checkboxes.change(function() {
59 // map input values to an array 57 // map input values to an array
60 var inclusives = []; 58 var inclusives = [];
61 // inclusive filters from checkboxes 59 // inclusive filters from checkboxes
62 $checkboxes.each( function( i, elem ) { 60 $checkboxes.each(function(i, elem) {
63 // if checkbox, use value if checked 61 // if checkbox, use value if checked
64 if ( elem.checked ) { 62 if (elem.checked) {
65 inclusives.push( elem.value ); 63 inclusives.push(elem.value);
66 } 64 }
67 }); 65 });
68 66
...@@ -70,34 +68,37 @@ $checkboxes.change( function() { ...@@ -70,34 +68,37 @@ $checkboxes.change( function() {
70 filterValue = inclusives.length ? inclusives.join(', ') : '*'; 68 filterValue = inclusives.length ? inclusives.join(', ') : '*';
71 $grid.isotope(); 69 $grid.isotope();
72 updateFilterCounts(); 70 updateFilterCounts();
73 }); 71 });
74 72
75 73
76 $('.sort-button-group').on( 'click', 'button', function() { 74 $('.sort-button-group').on('click', 'button', function() {
77 var sortValue = $(this).attr('data-sort-value'); 75 var sortValue = $(this).attr('data-sort-value');
78 var direction = $(this).attr('data-sort-direction'); 76 var direction = $(this).attr('data-sort-direction');
79 var isAscending = (direction == 'asc'); 77 var isAscending = (direction == 'asc');
80 var newDirection = (isAscending) ? 'desc' : 'asc'; 78 var newDirection = (isAscending) ? 'desc' : 'asc';
81 console.log(sortValue); 79 console.log(sortValue);
82 console.log(isAscending); 80 console.log(isAscending);
83 $grid.isotope({ sortBy: sortValue, sortAscending: isAscending }); 81 $grid.isotope({
82 sortBy: sortValue,
83 sortAscending: isAscending
84 });
84 updateFilterCounts(); 85 updateFilterCounts();
85 $(this).attr('data-sort-direction', newDirection); 86 $(this).attr('data-sort-direction', newDirection);
86 var span = $(this).find('.glyphicon'); 87 var span = $(this).find('.glyphicon');
87 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down'); 88 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
88 }); 89 });
89 90
90 $(document).on("click", "#filter-more", function(e) { 91 $(document).on("click", "#filter-more", function(e) {
91 e.preventDefault(); 92 e.preventDefault();
92 $('.filter-group').toggleClass('open'); 93 $('.filter-group').toggleClass('open');
93 var span = $(this).find('.glyphicon'); 94 var span = $(this).find('.glyphicon');
94 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down'); 95 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
95 }); 96 });
96 97
97 98
98 99
99 100
100 function updateFilterCounts() { 101 function updateFilterCounts() {
101 102
102 var itemElems = $grid.isotope('getFilteredItemElements'); 103 var itemElems = $grid.isotope('getFilteredItemElements');
103 var count_items = $(itemElems).length; 104 var count_items = $(itemElems).length;
...@@ -105,7 +106,7 @@ function updateFilterCounts() { ...@@ -105,7 +106,7 @@ function updateFilterCounts() {
105 if (count_items > counter) { 106 if (count_items > counter) {
106 $("#load-more").hide(); 107 $("#load-more").hide();
107 108
108 }else { 109 } else {
109 $("#load-more").show(); 110 $("#load-more").show();
110 } 111 }
111 if ($('.element-item').hasClass('hidden')) { 112 if ($('.element-item').hasClass('hidden')) {
...@@ -113,7 +114,7 @@ function updateFilterCounts() { ...@@ -113,7 +114,7 @@ function updateFilterCounts() {
113 } 114 }
114 var index = 0; 115 var index = 0;
115 116
116 $(itemElems).each(function () { 117 $(itemElems).each(function() {
117 if (index >= counter) { 118 if (index >= counter) {
118 $(this).addClass('hidden'); 119 $(this).addClass('hidden');
119 } 120 }
...@@ -121,17 +122,17 @@ function updateFilterCounts() { ...@@ -121,17 +122,17 @@ function updateFilterCounts() {
121 }); 122 });
122 console.log('updateFilterCounts'); 123 console.log('updateFilterCounts');
123 console.log(index); 124 console.log(index);
124 if(index === 0){ 125 if (index === 0) {
125 126
126 $("#load-more").hide(); 127 $("#load-more").hide();
127 128
128 }else{ 129 } else {
129 $("#load-more").show(); 130 $("#load-more").show();
130 131
131 } 132 }
132 $grid.isotope('layout'); 133 $grid.isotope('layout');
133 134
134 } 135 }
135 136
136 137
137 138
...@@ -191,8 +192,4 @@ function updateFilterCounts() { ...@@ -191,8 +192,4 @@ function updateFilterCounts() {
191 loadMore(counter); 192 loadMore(counter);
192 }); 193 });
193 194
194
195
196
197
198 }); 195 });
...\ No newline at end of file ...\ No newline at end of file
......
1 jQuery(document).ready(function($) {
1 2
2 3 if (!$('#resources').length) {
3 jQuery( document ).ready(function($) {
4
5 if(!$('#resources').length){
6 return; 4 return;
7 } 5 }
8 6
...@@ -17,47 +15,46 @@ jQuery( document ).ready(function($) { ...@@ -17,47 +15,46 @@ jQuery( document ).ready(function($) {
17 15
18 16
19 // use value of search field to filter 17 // use value of search field to filter
20 var $quicksearch = $('#quicksearch').keyup( function() { 18 var $quicksearch = $('#quicksearch').keyup(function() {
21 console.log($quicksearch.val()); 19 console.log($quicksearch.val());
22 $('#resources').DataTable().column(1).search($quicksearch.val()).draw(); 20 $('#resources').DataTable().column(1).search($quicksearch.val()).draw();
23 }); 21 });
24
25 22
26 23
27 24
28 25
29 // filter with selects and checkboxes 26 // filter with selects and checkboxes
30 var $checkboxes = $('.category-filter input'); 27 var $checkboxes = $('.category-filter input');
31 var filterValue; 28 var filterValue;
32 29
33 $checkboxes.change( function() { 30 $checkboxes.change(function() {
34 // map input values to an array 31 // map input values to an array
35 var inclusives = []; 32 var inclusives = [];
36 // inclusive filters from checkboxes 33 // inclusive filters from checkboxes
37 $checkboxes.each( function( i, elem ) { 34 $checkboxes.each(function(i, elem) {
38 // if checkbox, use value if checked 35 // if checkbox, use value if checked
39 if ( elem.checked ) { 36 if (elem.checked) {
40 inclusives.push( elem.value ); 37 inclusives.push(elem.value);
41 } 38 }
42 }); 39 });
43 40
44 // combine inclusive filters 41 // combine inclusive filters
45 filterValue = inclusives.length ? inclusives.join(', ') : ''; 42 filterValue = inclusives.length ? inclusives.join(', ') : '';
46 $('#resources').DataTable().column(2).search(filterValue).draw(); 43 $('#resources').DataTable().column(2).search(filterValue).draw();
47 }); 44 });
48 45
49 // filter with selects and checkboxes 46 // filter with selects and checkboxes
50 var $typecheckboxes = $('.category-type input'); 47 var $typecheckboxes = $('.category-type input');
51 var typeFilterValue; 48 var typeFilterValue;
52 49
53 $typecheckboxes.change( function() { 50 $typecheckboxes.change(function() {
54 // map input values to an array 51 // map input values to an array
55 var inclusives = []; 52 var inclusives = [];
56 // inclusive filters from checkboxes 53 // inclusive filters from checkboxes
57 $typecheckboxes.each( function( i, elem ) { 54 $typecheckboxes.each(function(i, elem) {
58 // if checkbox, use value if checked 55 // if checkbox, use value if checked
59 if ( elem.checked ) { 56 if (elem.checked) {
60 inclusives.push( elem.value ); 57 inclusives.push(elem.value);
61 } 58 }
62 }); 59 });
63 60
...@@ -67,7 +64,7 @@ $checkboxes.change( function() { ...@@ -67,7 +64,7 @@ $checkboxes.change( function() {
67 }); 64 });
68 65
69 66
70 $('.sort-button-group').on( 'click', 'button', function() { 67 $('.sort-button-group').on('click', 'button', function() {
71 var sortValue = $(this).attr('data-sort-value'); 68 var sortValue = $(this).attr('data-sort-value');
72 var direction = $(this).attr('data-sort-direction'); 69 var direction = $(this).attr('data-sort-direction');
73 var isAscending = (direction == 'asc'); 70 var isAscending = (direction == 'asc');
...@@ -78,7 +75,7 @@ $checkboxes.change( function() { ...@@ -78,7 +75,7 @@ $checkboxes.change( function() {
78 var span = $(this).find('.glyphicon'); 75 var span = $(this).find('.glyphicon');
79 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down'); 76 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
80 myTable.order([sortValue, newDirection]).draw(); 77 myTable.order([sortValue, newDirection]).draw();
81 }); 78 });
82 79
83 80
84 81
...@@ -87,6 +84,6 @@ $checkboxes.change( function() { ...@@ -87,6 +84,6 @@ $checkboxes.change( function() {
87 $('.filter-group').toggleClass('open'); 84 $('.filter-group').toggleClass('open');
88 var span = $(this).find('.glyphicon'); 85 var span = $(this).find('.glyphicon');
89 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down'); 86 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
90 }); 87 });
91 88
92 }); 89 });
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -13,7 +13,7 @@ import "./_resources_list"; ...@@ -13,7 +13,7 @@ import "./_resources_list";
13 13
14 var a = document.querySelector('.blur-image'); 14 var a = document.querySelector('.blur-image');
15 15
16 document.addEventListener("DOMContentLoaded", function () { 16 document.addEventListener("DOMContentLoaded", function() {
17 if (!a) return !1; 17 if (!a) return !1;
18 var b = a.getAttribute("data-src"), 18 var b = a.getAttribute("data-src"),
19 c = document.querySelector('.full-image'), 19 c = document.querySelector('.full-image'),
...@@ -21,7 +21,7 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -21,7 +21,7 @@ document.addEventListener("DOMContentLoaded", function () {
21 21
22 img.src = b; 22 img.src = b;
23 23
24 img.onload = function () { 24 img.onload = function() {
25 25
26 c.classList.add('image-loaded'), 26 c.classList.add('image-loaded'),
27 c.style.backgroundImage = 'url(' + b + ')'; 27 c.style.backgroundImage = 'url(' + b + ')';
...@@ -29,7 +29,7 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -29,7 +29,7 @@ document.addEventListener("DOMContentLoaded", function () {
29 }); 29 });
30 30
31 31
32 document.addEventListener("DOMContentLoaded", function(){ 32 document.addEventListener("DOMContentLoaded", function() {
33 window.addEventListener('scroll', function() { 33 window.addEventListener('scroll', function() {
34 if (window.scrollY > 57) { 34 if (window.scrollY > 57) {
35 document.getElementById('main-nav').classList.add('fixed-top'); 35 document.getElementById('main-nav').classList.add('fixed-top');
...@@ -37,13 +37,13 @@ document.addEventListener("DOMContentLoaded", function(){ ...@@ -37,13 +37,13 @@ document.addEventListener("DOMContentLoaded", function(){
37 document.getElementById('main-nav').classList.remove('fixed-top'); 37 document.getElementById('main-nav').classList.remove('fixed-top');
38 } 38 }
39 }); 39 });
40 }); 40 });
41 41
42 //Get the button 42 //Get the button
43 let mybutton = document.getElementById("btn-back-to-top"); 43 let mybutton = document.getElementById("btn-back-to-top");
44 44
45 // When the user scrolls down 20px from the top of the document, show the button 45 // When the user scrolls down 20px from the top of the document, show the button
46 window.onscroll = function () { 46 window.onscroll = function() {
47 scrollFunction(); 47 scrollFunction();
48 }; 48 };
49 49
......
1 .swiper-pagination-bullet{ 1 .swiper-pagination-bullet {
2 background: #fff !important; 2 background: #fff !important;
3 border: 2px solid #2C2C2C !important; 3 border: 2px solid #2c2c2c !important;
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 }
13 12
14 // carousel css 13 // carousel css
15 .carousel:not(.is-admin){ 14 .carousel:not(.is-admin) {
16 background-color: transparent !important; 15 background-color: transparent !important;
17 left: -20px; 16 left: -20px;
18 width: 100vw; 17 width: 100vw;
...@@ -20,9 +19,7 @@ ...@@ -20,9 +19,7 @@
20 margin-bottom: 30px; 19 margin-bottom: 30px;
21 } 20 }
22 21
23 22 .carousel-items {
24
25 .carousel-items{
26 list-style: none; 23 list-style: none;
27 margin-block-start: 0em; 24 margin-block-start: 0em;
28 margin-block-end: 0em; 25 margin-block-end: 0em;
...@@ -33,75 +30,73 @@ ...@@ -33,75 +30,73 @@
33 @media only screen and (max-width: 600px) { 30 @media only screen and (max-width: 600px) {
34 padding-inline-start: 0px; 31 padding-inline-start: 0px;
35 } 32 }
36
37 } 33 }
38 34
39 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { 35 .swiper-button-next.swiper-button-disabled,
36 .swiper-button-prev.swiper-button-disabled {
40 pointer-events: all !important; 37 pointer-events: all !important;
41 } 38 }
42
43 .carousel-items.slick-initialized.slick-slider {
44 margin-right:15px; //for the scroll bar
45 }
46 39
40 .carousel-items.slick-initialized.slick-slider {
41 margin-right: 15px; //for the scroll bar
42 }
47 43
48 .carousel { 44 .carousel {
49 width:100vw; 45 width: 100vw;
50 margin-left:calc((100% - 100vw) / 2); 46 margin-left: calc((100% - 100vw) / 2);
51 @media only screen and (max-width: 600px) { 47 @media only screen and (max-width: 600px) {
52 width:95%; 48 width: 95%;
53 margin-left:0px; 49 margin-left: 0px;
54 } 50 }
55 left:0 !important; 51 left: 0 !important;
56 min-height: 340px!important; 52 min-height: 340px !important;
57 .swiper-button-next { 53 .swiper-button-next {
58 right:8px !important; 54 right: 8px !important;
59 } 55 }
60 .swiper-button-prev { 56 .swiper-button-prev {
61 left:7px !important; 57 left: 7px !important;
62 @media only screen and (max-width: 600px) { 58 @media only screen and (max-width: 600px) {
63 left:-5px !important; 59 left: -5px !important;
64 } 60 }
65 } 61 }
66 .swiper-pagination{ 62 .swiper-pagination {
67 bottom: -20px !important; 63 bottom: -20px !important;
68 } 64 }
69 .carousel-items { 65 .carousel-items {
70 margin-left:1.75rem; 66 margin-left: 1.75rem;
71 } 67 }
72 .swiper-wrapper { 68 .swiper-wrapper {
73 gap: 1rem; 69 gap: 1rem;
74 } 70 }
75 } 71 }
76 72
77 // testimonials carousel css 73 // testimonials carousel css
78 .testimonials-carousel{ 74 .testimonials-carousel {
79 @media only screen and (max-width: 600px) { 75 @media only screen and (max-width: 600px) {
80 margin-left: 0px !important; 76 margin-left: 0px !important;
81 } 77 }
82 .swiper-slide{ 78 .swiper-slide {
83 width:890px !important; 79 width: 890px !important;
84 @media only screen and (max-width: 600px) { 80 @media only screen and (max-width: 600px) {
85 width:98% !important; 81 width: 98% !important;
86 } 82 }
87 .testimonials{ 83 .testimonials {
88 width:890px; 84 width: 890px;
89 background:#E5F2F8; 85 background: #e5f2f8;
90 border-radius: 25px 25px 0px 0px; 86 border-radius: 25px 25px 0px 0px;
91 margin-right: 20px; 87 margin-right: 20px;
92 @media only screen and (max-width: 600px) { 88 @media only screen and (max-width: 600px) {
93 width:98%; 89 width: 98%;
94 margin-right: 0px; 90 margin-right: 0px;
95 } 91 }
96 .row{ 92 .row {
97 margin-right: 0rem !important; 93 margin-right: 0rem !important;
98 border-bottom:20px solid #FFA300; 94 border-bottom: 20px solid #ffa300;
99 margin-left: -15px !important; 95 margin-left: -15px !important;
100 min-height:316px !important; 96 min-height: 316px !important;
101 @media only screen and (max-width: 600px) { 97 @media only screen and (max-width: 600px) {
102 margin-left: 0px !important; 98 margin-left: 0px !important;
103 } 99 }
104
105 } 100 }
106 101
107 .col-md-1 { 102 .col-md-1 {
...@@ -110,134 +105,126 @@ ...@@ -110,134 +105,126 @@
110 padding-left: 0px; 105 padding-left: 0px;
111 } 106 }
112 } 107 }
113 .testimonial-text{ 108 .testimonial-text {
114 padding: 30px 50px; 109 padding: 30px 50px;
115 } 110 }
116 111
117 p{ 112 p {
118 font-size: 16px !important; 113 font-size: 16px !important;
119 line-height:24px !important; 114 line-height: 24px !important;
120 color: #2C2C2C; 115 color: #2c2c2c;
121 } 116 }
122 117
123 .testimonials_image{ 118 .testimonials_image {
124 width: 100%; 119 width: 100%;
125
126 } 120 }
127 } 121 }
128 } 122 }
129 123
130 .swiper-slide:nth-of-type(2){ 124 .swiper-slide:nth-of-type(2) {
131 .testimonials{ 125 .testimonials {
132 .row{ 126 .row {
133 border-bottom:20px solid #3F9C35; 127 border-bottom: 20px solid #3f9c35;
134 } 128 }
135 } 129 }
136 .promo-img img{ 130 .promo-img img {
137 border-bottom:20px solid #3F9C35; 131 border-bottom: 20px solid #3f9c35;
138 } 132 }
139 } 133 }
140 .swiper-slide:nth-of-type(3){ 134 .swiper-slide:nth-of-type(3) {
141 .testimonials{ 135 .testimonials {
142 .row{ 136 .row {
143 border-bottom:20px solid #0484B8; 137 border-bottom: 20px solid #0484b8;
144 } 138 }
145 } 139 }
146 .promo-img img{ 140 .promo-img img {
147 border-bottom:20px solid #0484B8; 141 border-bottom: 20px solid #0484b8;
148 } 142 }
149 } 143 }
150 .swiper-slide:nth-of-type(4){ 144 .swiper-slide:nth-of-type(4) {
151 .testimonials{ 145 .testimonials {
152 .row{ 146 .row {
153 border-bottom:20px solid #E04E39; 147 border-bottom: 20px solid #e04e39;
154 } 148 }
155 } 149 }
156 .promo-img img{ 150 .promo-img img {
157 border-bottom:20px solid #E04E39; 151 border-bottom: 20px solid #e04e39;
152 }
158 } 153 }
159 } 154 }
160 155
161 156 .promo-carousel {
162 157 width: 100% !important;
163 158 margin-left: 0px !important;
164 }
165
166
167 .promo-carousel{
168 width:100% !important;
169 margin-left:0px !important;
170 position: relative; 159 position: relative;
171 @media only screen and (min-width:1400px) { 160 @media only screen and (min-width: 1400px) {
172 max-width: 100% !important; 161 max-width: 100% !important;
173 } 162 }
174 .swiper-slide{ 163 .swiper-slide {
175 margin-left:0px !important; 164 margin-left: 0px !important;
176 max-width: 100% !important; 165 max-width: 100% !important;
177 @media only screen and (min-width:1400px) { 166 @media only screen and (min-width: 1400px) {
178 width:100% !important; 167 width: 100% !important;
179 } 168 }
180 .promo-img{ 169 .promo-img {
181 max-height: 264px; 170 max-height: 264px;
182 max-width: 372px; 171 max-width: 372px;
183 overflow: hidden; 172 overflow: hidden;
184 border-bottom:20px solid #FFA300; 173 border-bottom: 20px solid #ffa300;
185 } 174 }
186 .promo-img img{ 175 .promo-img img {
187 max-width: 372px; 176 max-width: 372px;
188 border-radius: 25px 25px 0px 0px; 177 border-radius: 25px 25px 0px 0px;
189
190 } 178 }
191 .promo.row{ 179 .promo.row {
192 width:100%; 180 width: 100%;
193 border-top:1px solid #FFA300; 181 border-top: 1px solid #ffa300;
194 border-bottom:1px solid #FFA300; 182 border-bottom: 1px solid #ffa300;
195 @media only screen and (min-width:1400px) { 183 @media only screen and (min-width: 1400px) {
196 max-width: 1344px; 184 max-width: 1344px;
197 } 185 }
198 @media only screen and (max-width: 600px) { 186 @media only screen and (max-width: 600px) {
199 width:80%; 187 width: 80%;
200 } 188 }
201 margin: 40px auto; 189 margin: 40px auto;
202 padding: 50px 0px; 190 padding: 50px 0px;
203
204 } 191 }
205 .promo_content{ 192 .promo_content {
206 max-width: 760px; 193 max-width: 760px;
207 h3{ 194 h3 {
208 font-size: 22px; 195 font-size: 22px;
209 line-height: 33px; 196 line-height: 33px;
210 } 197 }
211 p{ 198 p {
212 font-size: 16px; 199 font-size: 16px;
213 line-height: 22px; 200 line-height: 22px;
214 } 201 }
215 } 202 }
216 } 203 }
217 .swiper-button-next { 204 .swiper-button-next {
218 right:30px !important; 205 right: 30px !important;
219 } 206 }
220 .swiper-button-prev { 207 .swiper-button-prev {
221 left:7px !important; 208 left: 7px !important;
222 } 209 }
223 .swiper-pagination{ 210 .swiper-pagination {
224 bottom: 65px !important; 211 bottom: 65px !important;
225 } 212 }
226 213
227 214 .swiper-slide:nth-of-type(2) {
228 .swiper-slide:nth-of-type(2){
229 .promo-img { 215 .promo-img {
230 border-bottom:20px solid #3F9C35; 216 border-bottom: 20px solid #3f9c35;
231 } 217 }
232 } 218 }
233 .swiper-slide:nth-of-type(3){ 219 .swiper-slide:nth-of-type(3) {
234 .promo-img { 220 .promo-img {
235 border-bottom:20px solid #0484B8; 221 border-bottom: 20px solid #0484b8;
236 } 222 }
237 } 223 }
238 .swiper-slide:nth-of-type(4){ 224 .swiper-slide:nth-of-type(4) {
239 .promo-img { 225 .promo-img {
240 border-bottom:20px solid #E04E39; 226 border-bottom: 20px solid #e04e39;
227 }
241 } 228 }
242 } 229 }
243 }
...\ No newline at end of file ...\ No newline at end of file
230
...\ No newline at end of file ...\ No newline at end of file
......
1 .type-sfwd-courses{ 1 .type-sfwd-courses {
2 margin-top: 30px; 2 margin-top: 30px;
3 } 3 }
4
5
6 4
7 .program-info{ 5 .program-info {
8 background: #FFFFFF 0% 0% no-repeat padding-box; 6 background: #ffffff 0% 0% no-repeat padding-box;
9 box-shadow: 0px 3px 6px #00000029; 7 box-shadow: 0px 3px 6px #00000029;
10 8
11 max-width: 531px; 9 max-width: 531px;
12 #program-info{ 10 #program-info {
13 11 .nav-item {
14 .nav-item{
15 width: 50%; 12 width: 50%;
16 border: 0px solid #ccc; 13 border: 0px solid #ccc;
17 .nav-link{ 14 .nav-link {
18 width: 100%; 15 width: 100%;
19 border-radius: 0px; 16 border-radius: 0px;
20 background-color: #0081BC; 17 background-color: #0081bc;
21 color: #FFFFFF; 18 color: #ffffff;
22 border: 0px solid #ccc; 19 border: 0px solid #ccc;
23 font-size: 18px; 20 font-size: 18px;
24 padding: 20px 20px; 21 padding: 20px 20px;
25 font-family: 'Poppins', sans-serif; 22 font-family: "Poppins", sans-serif;
26 } 23 }
27 .nav-link.active{ 24 .nav-link.active {
28 background-color:#FFFFFF; 25 background-color: #ffffff;
29 color: #0081BC; 26 color: #0081bc;
30 } 27 }
31 } 28 }
32 } 29 }
33 #program-info-content{ 30 #program-info-content {
34 padding:20px 40px 40px 40px; 31 padding: 20px 40px 40px 40px;
35 table{ 32 table {
36 width: 100%; 33 width: 100%;
37 tr{ 34 tr {
38 th{ 35 th {
39 width: 33%; 36 width: 33%;
40 font-size: 18px; 37 font-size: 18px;
41 color: #0081BC; 38 color: #0081bc;
42 font-family: 'Poppins', sans-serif; 39 font-family: "Poppins", sans-serif;
43 } 40 }
44 } 41 }
45 tr:not(.not){ 42 tr:not(.not) {
46 border-bottom:1px solid #FFA300; 43 border-bottom: 1px solid #ffa300;
47 td{ 44 td {
48 font-size: 16px; 45 font-size: 16px;
49 padding: 10px 0px; 46 padding: 10px 0px;
50 } 47 }
51 } 48 }
52 } 49 }
53 } 50 }
54 } 51 }
55 .outcomes{ 52 .outcomes {
56 margin: 70px 0px; 53 margin: 70px 0px;
57 .outcome{ 54 .outcome {
58 width: 100%; 55 width: 100%;
59 min-height: 227px; 56 min-height: 227px;
60 background-color: #E2F2F9; 57 background-color: #e2f2f9;
61 padding:25px 25px 25px 15px; 58 padding: 25px 25px 25px 15px;
62 border-radius: 25px 25px 0px 0px; 59 border-radius: 25px 25px 0px 0px;
63 border-bottom: 22px solid #FFA300; 60 border-bottom: 22px solid #ffa300;
64 font-size: 16px; 61 font-size: 16px;
65 line-height: 24px; 62 line-height: 24px;
66 } 63 }
67 .col-out{ 64 .col-out {
68 @media only screen and (max-width: 600px) { 65 @media only screen and (max-width: 600px) {
69 margin-top: 20px; 66 margin-top: 20px;
70 } 67 }
71 } 68 }
72 .col-out:nth-of-type(2) .outcome{ 69 .col-out:nth-of-type(2) .outcome {
73 border-bottom: 22px solid #3F9C35; 70 border-bottom: 22px solid #3f9c35;
74 } 71 }
75 .col-out:nth-of-type(3) .outcome{ 72 .col-out:nth-of-type(3) .outcome {
76 border-bottom: 22px solid #0484B8; 73 border-bottom: 22px solid #0484b8;
74 }
75 .col-out:nth-of-type(4) .outcome {
76 border-bottom: 22px solid #e04e39;
77 } 77 }
78 .col-out:nth-of-type(4) .outcome{
79 border-bottom: 22px solid #E04E39;
80 } 78 }
81
82 }
83 79
...\ No newline at end of file ...\ No newline at end of file
......
1 #wrapper-footer-full{ 1 #wrapper-footer-full {
2 background-color: #fff; 2 background-color: #fff;
3 padding-bottom: 0px; 3 padding-bottom: 0px;
4 #footer-full-content{ 4 #footer-full-content {
5 .footer-widget{ 5 .footer-widget {
6 .wp-block-columns{ 6 .wp-block-columns {
7 p{ 7 p {
8 color: #707070; 8 color: #707070;
9 } 9 }
10 .wp-block-column:nth-of-type(2) { 10 .wp-block-column:nth-of-type(2) {
11 ::before{ 11 ::before {
12 content: ""; 12 content: "";
13 margin: 20px 0px; 13 margin: 20px 0px;
14 display: block; 14 display: block;
15 width: 120px; 15 width: 120px;
16 height: 4px; 16 height: 4px;
17 background-color: #FFA300; 17 background-color: #ffa300;
18 } 18 }
19 } 19 }
20 .wp-block-column:nth-of-type(3) { 20 .wp-block-column:nth-of-type(3) {
21 ::before{ 21 ::before {
22 content: ""; 22 content: "";
23 margin: 20px 0px; 23 margin: 20px 0px;
24 display: block; 24 display: block;
25 width: 120px; 25 width: 120px;
26 height: 4px; 26 height: 4px;
27 background-color: #3F9C35; 27 background-color: #3f9c35;
28 } 28 }
29 } 29 }
30 .wp-block-column:nth-of-type(4) { 30 .wp-block-column:nth-of-type(4) {
31 p::before{ 31 p::before {
32 content: ""; 32 content: "";
33 margin: 20px 0px; 33 margin: 20px 0px;
34 display: block; 34 display: block;
35 width: 120px; 35 width: 120px;
36 height: 4px; 36 height: 4px;
37 background-color: #E04E39; 37 background-color: #e04e39;
38 }
38 } 39 }
39 } 40 }
40 } 41 }
41 } 42 }
42 } 43 }
43 }
44 44
45 .newsletter{ 45 .newsletter {
46 background-color: #6ED5FF; 46 background-color: #6ed5ff;
47 min-height: 236px; 47 min-height: 236px;
48 padding: 52px 0px 32px 0px; 48 padding: 52px 0px 32px 0px;
49 h2{ 49 h2 {
50 font-size: 18px; 50 font-size: 18px;
51 line-height: 24px; 51 line-height: 24px;
52 color:#000 !important; 52 color: #000 !important;
53 text-align: left !important; 53 text-align: left !important;
54 text-transform: uppercase; 54 text-transform: uppercase;
55 } 55 }
56 .wpcf7{ 56 .wpcf7 {
57 max-width: 100%; 57 max-width: 100%;
58 input[type=submit]{ 58 input[type="submit"] {
59 float: right; 59 float: right;
60 margin-top: 20px; 60 margin-top: 20px;
61 width: 112px; 61 width: 112px;
...@@ -64,8 +64,8 @@ ...@@ -64,8 +64,8 @@
64 text-transform: uppercase; 64 text-transform: uppercase;
65 } 65 }
66 } 66 }
67 } 67 }
68 #menu-social { 68 #menu-social {
69 display: flex; 69 display: flex;
70 list-style: none; 70 list-style: none;
71 margin: 0; 71 margin: 0;
...@@ -75,15 +75,15 @@ ...@@ -75,15 +75,15 @@
75 flex-direction: row; 75 flex-direction: row;
76 align-content: flex-end; 76 align-content: flex-end;
77 flex-wrap: wrap; 77 flex-wrap: wrap;
78 } 78 }
79 79
80 #menu-social > .menu-item { 80 #menu-social > .menu-item {
81 a { 81 a {
82 color:transparent; 82 color: transparent;
83 display: inline-block; 83 display: inline-block;
84 width:2.5rem; 84 width: 2.5rem;
85 height:2.5rem; 85 height: 2.5rem;
86 background-repeat:no-repeat; 86 background-repeat: no-repeat;
87 transition-duration: 0.4s; 87 transition-duration: 0.4s;
88 } 88 }
89 a:hover { 89 a:hover {
...@@ -94,29 +94,21 @@ ...@@ -94,29 +94,21 @@
94 a { 94 a {
95 background-image: url("data:image/svg+xml,%3Csvg id='icon_IG' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1385' data-name='Group 1385'%3E%3Cg id='Group_1384' data-name='Group 1384' transform='translate(9.19 9.19)'%3E%3Cpath id='Path_1866' data-name='Path 1866' d='M305.549 106.724a1.138 1.138 0 1 1-1.138-1.138A1.138 1.138 0 0 1 305.549 106.724Zm-1.417 5.1a4.781 4.781 0 1 1-4.781-4.781A4.786 4.786 0 0 1 304.131 111.826Zm-1.718 0a3.063 3.063 0 1 0-3.063 3.063A3.066 3.066 0 0 0 302.413 111.826Zm6.614-3.841a5.832 5.832 0 0 0-5.832-5.831h-7.958a5.831 5.831 0 0 0-5.831 5.831v7.958a5.831 5.831 0 0 0 5.831 5.831H303.2a5.832 5.832 0 0 0 5.832-5.831Zm-1.915 7.87a4 4 0 0 1-4 4h-7.782a4 4 0 0 1-4-4v-7.783a4 4 0 0 1 4-4h7.782a4 4 0 0 1 4 4Z' transform='translate(-289.407 -102.154)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1867' data-name='Path 1867' d='M290.283 84.031a19 19 0 1 0 19 19A19.022 19.022 0 0 0 290.283 84.031Zm0 35.564a16.564 16.564 0 1 1 16.564-16.564A16.582 16.582 0 0 1 290.283 119.595Z' transform='translate(-271.283 -84.031)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E"); 95 background-image: url("data:image/svg+xml,%3Csvg id='icon_IG' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1385' data-name='Group 1385'%3E%3Cg id='Group_1384' data-name='Group 1384' transform='translate(9.19 9.19)'%3E%3Cpath id='Path_1866' data-name='Path 1866' d='M305.549 106.724a1.138 1.138 0 1 1-1.138-1.138A1.138 1.138 0 0 1 305.549 106.724Zm-1.417 5.1a4.781 4.781 0 1 1-4.781-4.781A4.786 4.786 0 0 1 304.131 111.826Zm-1.718 0a3.063 3.063 0 1 0-3.063 3.063A3.066 3.066 0 0 0 302.413 111.826Zm6.614-3.841a5.832 5.832 0 0 0-5.832-5.831h-7.958a5.831 5.831 0 0 0-5.831 5.831v7.958a5.831 5.831 0 0 0 5.831 5.831H303.2a5.832 5.832 0 0 0 5.832-5.831Zm-1.915 7.87a4 4 0 0 1-4 4h-7.782a4 4 0 0 1-4-4v-7.783a4 4 0 0 1 4-4h7.782a4 4 0 0 1 4 4Z' transform='translate(-289.407 -102.154)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1867' data-name='Path 1867' d='M290.283 84.031a19 19 0 1 0 19 19A19.022 19.022 0 0 0 290.283 84.031Zm0 35.564a16.564 16.564 0 1 1 16.564-16.564A16.582 16.582 0 0 1 290.283 119.595Z' transform='translate(-271.283 -84.031)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
96 } 96 }
97
98 } 97 }
99 &.linkedin { 98 &.linkedin {
100 a { 99 a {
101
102 background-image: url("data:image/svg+xml,%3Csvg id='icon_LinkedIn' xmlns='http://www.w3.org/2000/svg' width='38' height='38.001' viewBox='0 0 38 38.001'%3E%3Cg id='Group_1387' data-name='Group 1387' transform='translate(10.241 8.324)'%3E%3Cpath id='Path_1868' data-name='Path 1868' d='M399.855 105.472h3.635v11.675h-3.635Zm1.818-5.8a2.1 2.1 0 1 1-2.107 2.1 2.1 2.1 0 0 1 2.107-2.1m4.094 17.477h3.627v-5.775c0-1.523.288-3 2.177-3 1.859 0 1.886 1.741 1.886 3.1v5.676h3.627v-6.4c0-3.144-.677-5.561-4.352-5.561a3.815 3.815 0 0 0-3.436 1.886h-.048v-1.6h-3.481Z' transform='translate(-399.566 -99.67)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1869' data-name='Path 1869' d='M398.369 83.254a19 19 0 1 0 19 19A19.022 19.022 0 0 0 398.369 83.254Zm0 35.564a16.563 16.563 0 1 1 16.564-16.564A16.582 16.582 0 0 1 398.369 118.818Z' transform='translate(-379.369 -83.254)' fill='%230484b8'/%3E%3C/svg%3E"); 100 background-image: url("data:image/svg+xml,%3Csvg id='icon_LinkedIn' xmlns='http://www.w3.org/2000/svg' width='38' height='38.001' viewBox='0 0 38 38.001'%3E%3Cg id='Group_1387' data-name='Group 1387' transform='translate(10.241 8.324)'%3E%3Cpath id='Path_1868' data-name='Path 1868' d='M399.855 105.472h3.635v11.675h-3.635Zm1.818-5.8a2.1 2.1 0 1 1-2.107 2.1 2.1 2.1 0 0 1 2.107-2.1m4.094 17.477h3.627v-5.775c0-1.523.288-3 2.177-3 1.859 0 1.886 1.741 1.886 3.1v5.676h3.627v-6.4c0-3.144-.677-5.561-4.352-5.561a3.815 3.815 0 0 0-3.436 1.886h-.048v-1.6h-3.481Z' transform='translate(-399.566 -99.67)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1869' data-name='Path 1869' d='M398.369 83.254a19 19 0 1 0 19 19A19.022 19.022 0 0 0 398.369 83.254Zm0 35.564a16.563 16.563 0 1 1 16.564-16.564A16.582 16.582 0 0 1 398.369 118.818Z' transform='translate(-379.369 -83.254)' fill='%230484b8'/%3E%3C/svg%3E");
103 } 101 }
104
105 } 102 }
106 &.twitter { 103 &.twitter {
107 a { 104 a {
108
109 background-image: url("data:image/svg+xml,%3Csvg id='icon_Twitter' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1382' data-name='Group 1382'%3E%3Cg id='Group_1381' data-name='Group 1381' transform='translate(9.186 10.953)'%3E%3Cpath id='Path_1864' data-name='Path 1864' d='M194.129 107.625a8.183 8.183 0 0 1-2 .564c.318-.054.776-.629.963-.862a3.612 3.612 0 0 0 .652-1.2c.017-.034.027-.077-.007-.1a.115.115 0 0 0-.106.009 10.08 10.08 0 0 1-2.345.9.157.157 0 0 1-.162-.043 1.91 1.91 0 0 0-.2-.209 4.139 4.139 0 0 0-1.136-.7 3.958 3.958 0 0 0-1.742-.281 4.168 4.168 0 0 0-1.653.467 4.266 4.266 0 0 0-1.333 1.089 4.1 4.1 0 0 0-.8 1.595 4.309 4.309 0 0 0-.042 1.684c.013.094 0 .107-.081.094a12.521 12.521 0 0 1-8.056-4.1c-.094-.107-.145-.107-.223.008a4.087 4.087 0 0 0 .7 4.827c.158.15.32.3.495.436a4.112 4.112 0 0 1-1.555-.436c-.094-.06-.141-.025-.15.081a2.447 2.447 0 0 0 .026.461 4.132 4.132 0 0 0 2.546 3.293 2.378 2.378 0 0 0 .517.158 4.606 4.606 0 0 1-1.525.048c-.111-.022-.154.034-.111.14a4.288 4.288 0 0 0 3.2 2.683c.145.025.291.025.436.059-.009.013-.018.013-.026.026a5.073 5.073 0 0 1-2.188 1.16 7.836 7.836 0 0 1-3.323.425c-.178-.026-.216-.024-.265 0s-.006.073.051.119c.227.15.457.282.692.411a11 11 0 0 0 2.221.888 11.83 11.83 0 0 0 11.486-2.685 12.052 12.052 0 0 0 3.178-8.793c0-.126.15-.2.238-.263a7.925 7.925 0 0 0 1.6-1.626.633.633 0 0 0 .14-.311v-.017C194.246 107.574 194.209 107.589 194.129 107.625Z' transform='translate(-174.619 -105.696)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1865' data-name='Path 1865' d='M175.5 84.1a19 19 0 1 0 19 19A19.022 19.022 0 0 0 175.5 84.1Zm0 35.564A16.564 16.564 0 1 1 192.066 103.1 16.582 16.582 0 0 1 175.5 119.66Z' transform='translate(-156.502 -84.096)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E"); 105 background-image: url("data:image/svg+xml,%3Csvg id='icon_Twitter' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1382' data-name='Group 1382'%3E%3Cg id='Group_1381' data-name='Group 1381' transform='translate(9.186 10.953)'%3E%3Cpath id='Path_1864' data-name='Path 1864' d='M194.129 107.625a8.183 8.183 0 0 1-2 .564c.318-.054.776-.629.963-.862a3.612 3.612 0 0 0 .652-1.2c.017-.034.027-.077-.007-.1a.115.115 0 0 0-.106.009 10.08 10.08 0 0 1-2.345.9.157.157 0 0 1-.162-.043 1.91 1.91 0 0 0-.2-.209 4.139 4.139 0 0 0-1.136-.7 3.958 3.958 0 0 0-1.742-.281 4.168 4.168 0 0 0-1.653.467 4.266 4.266 0 0 0-1.333 1.089 4.1 4.1 0 0 0-.8 1.595 4.309 4.309 0 0 0-.042 1.684c.013.094 0 .107-.081.094a12.521 12.521 0 0 1-8.056-4.1c-.094-.107-.145-.107-.223.008a4.087 4.087 0 0 0 .7 4.827c.158.15.32.3.495.436a4.112 4.112 0 0 1-1.555-.436c-.094-.06-.141-.025-.15.081a2.447 2.447 0 0 0 .026.461 4.132 4.132 0 0 0 2.546 3.293 2.378 2.378 0 0 0 .517.158 4.606 4.606 0 0 1-1.525.048c-.111-.022-.154.034-.111.14a4.288 4.288 0 0 0 3.2 2.683c.145.025.291.025.436.059-.009.013-.018.013-.026.026a5.073 5.073 0 0 1-2.188 1.16 7.836 7.836 0 0 1-3.323.425c-.178-.026-.216-.024-.265 0s-.006.073.051.119c.227.15.457.282.692.411a11 11 0 0 0 2.221.888 11.83 11.83 0 0 0 11.486-2.685 12.052 12.052 0 0 0 3.178-8.793c0-.126.15-.2.238-.263a7.925 7.925 0 0 0 1.6-1.626.633.633 0 0 0 .14-.311v-.017C194.246 107.574 194.209 107.589 194.129 107.625Z' transform='translate(-174.619 -105.696)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1865' data-name='Path 1865' d='M175.5 84.1a19 19 0 1 0 19 19A19.022 19.022 0 0 0 175.5 84.1Zm0 35.564A16.564 16.564 0 1 1 192.066 103.1 16.582 16.582 0 0 1 175.5 119.66Z' transform='translate(-156.502 -84.096)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
110
111 } 106 }
112
113 } 107 }
114 &.facebook { 108 &.facebook {
115 a{ 109 a {
116
117 background-image: url("data:image/svg+xml,%3Csvg id='icon_Fb' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1379' data-name='Group 1379'%3E%3Cg id='Group_1378' data-name='Group 1378' transform='translate(14.534 9.386)'%3E%3Cpath id='Path_1862' data-name='Path 1862' d='M75.44 112.166v9.3a.242.242 0 0 0 .242.242h3.452a.242.242 0 0 0 .242-.242v-9.447h2.5a.242.242 0 0 0 .241-.222l.24-2.846a.243.243 0 0 0-.241-.263H79.376v-2.019a.857.857 0 0 1 .857-.857h1.929a.242.242 0 0 0 .242-.242v-2.846a.242.242 0 0 0-.242-.242H78.9a3.463 3.463 0 0 0-3.463 3.463v2.744H73.714a.242.242 0 0 0-.242.242v2.846a.242.242 0 0 0 .242.242H75.44Z' transform='translate(-73.472 -102.477)' fill='%230484b8' fill-rule='evenodd'/%3E%3C/g%3E%3Cpath id='Path_1863' data-name='Path 1863' d='M63.809 83.966a19 19 0 1 0 19 19A19.022 19.022 0 0 0 63.809 83.966Zm16.563 19A16.563 16.563 0 1 1 63.809 86.4 16.582 16.582 0 0 1 80.372 102.966Z' transform='translate(-44.809 -83.966)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E"); 110 background-image: url("data:image/svg+xml,%3Csvg id='icon_Fb' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1379' data-name='Group 1379'%3E%3Cg id='Group_1378' data-name='Group 1378' transform='translate(14.534 9.386)'%3E%3Cpath id='Path_1862' data-name='Path 1862' d='M75.44 112.166v9.3a.242.242 0 0 0 .242.242h3.452a.242.242 0 0 0 .242-.242v-9.447h2.5a.242.242 0 0 0 .241-.222l.24-2.846a.243.243 0 0 0-.241-.263H79.376v-2.019a.857.857 0 0 1 .857-.857h1.929a.242.242 0 0 0 .242-.242v-2.846a.242.242 0 0 0-.242-.242H78.9a3.463 3.463 0 0 0-3.463 3.463v2.744H73.714a.242.242 0 0 0-.242.242v2.846a.242.242 0 0 0 .242.242H75.44Z' transform='translate(-73.472 -102.477)' fill='%230484b8' fill-rule='evenodd'/%3E%3C/g%3E%3Cpath id='Path_1863' data-name='Path 1863' d='M63.809 83.966a19 19 0 1 0 19 19A19.022 19.022 0 0 0 63.809 83.966Zm16.563 19A16.563 16.563 0 1 1 63.809 86.4 16.582 16.582 0 0 1 80.372 102.966Z' transform='translate(-44.809 -83.966)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
118
119 } 111 }
120
121 } 112 }
122 }
...\ No newline at end of file ...\ No newline at end of file
113 }
114
...\ No newline at end of file ...\ No newline at end of file
......
1 .pre-header{ 1 .pre-header {
2 background-color: #0484B8; 2 background-color: #0484b8;
3 color:#fff; 3 color: #fff;
4 height: 57px; 4 height: 57px;
5 display: flex; 5 display: flex;
6 .sponsored{ 6 .sponsored {
7 text-align: right; 7 text-align: right;
8 .logo{ 8 .logo {
9 width: 149px; 9 width: 149px;
10 margin-left: 30px; 10 margin-left: 30px;
11 } 11 }
12 } 12 }
13 } 13 }
14 #main-nav{ 14 #main-nav {
15 background-color: #fff; 15 background-color: #fff;
16 height: 128px; 16 height: 128px;
17 transition: 0.4s; 17 transition: 0.4s;
18 .custom-logo-link { 18 .custom-logo-link {
19 margin-left: 0px; 19 margin-left: 0px;
20 img{ 20 img {
21 transition: 0.4s; 21 transition: 0.4s;
22 width: 349px; 22 width: 349px;
23 } 23 }
24 } 24 }
25 .navbar-nav.sign-up{ 25 .navbar-nav.sign-up {
26 margin-bottom: 20px; 26 margin-bottom: 20px;
27 } 27 }
28 #login-menu{ 28 #login-menu {
29 transition: 0.4s; 29 transition: 0.4s;
30 position: relative; 30 position: relative;
31 a{ 31 a {
32 font-size: 14px; 32 font-size: 14px;
33 color: #0484B8; 33 color: #0484b8;
34 margin-left: 20px; 34 margin-left: 20px;
35 text-align: center; 35 text-align: center;
36
37 } 36 }
38 a:hover{ 37 a:hover {
39 color: #2C2C2C; 38 color: #2c2c2c;
40 text-decoration: underline; 39 text-decoration: underline;
41 } 40 }
42 .sign-up{ 41 .sign-up {
43 a{ 42 a {
44 margin-left: 10px; 43 margin-left: 10px;
45 } 44 }
46 } 45 }
47 .log-in-button{ 46 .log-in-button {
48 background-color: #0484B8; 47 background-color: #0484b8;
49 margin-left: 20px; 48 margin-left: 20px;
50 a{ 49 a {
51 font-size: 14px; 50 font-size: 14px;
52 color: #fff; 51 color: #fff;
53 padding: 7px 25px; 52 padding: 7px 25px;
54 margin-left: 0px; 53 margin-left: 0px;
55 } 54 }
56 a:hover{ 55 a:hover {
57 text-decoration: none !important; 56 text-decoration: none !important;
58 } 57 }
59 } 58 }
60 .log-in-button:hover{ 59 .log-in-button:hover {
61 background-color: #2C2C2C; 60 background-color: #2c2c2c;
62
63 } 61 }
64 } 62 }
65 63
66 #main-menu{ 64 #main-menu {
67 transition: 0.4s; 65 transition: 0.4s;
68 position: relative; 66 position: relative;
69 top: unset; 67 top: unset;
70 a{ 68 a {
71 font-size: 18px; 69 font-size: 18px;
72 font-weight: bold; 70 font-weight: bold;
73 color: #0484B8; 71 color: #0484b8;
74 } 72 }
75 a:hover{ 73 a:hover {
76 color: #2C2C2C; 74 color: #2c2c2c;
77 text-decoration: underline; 75 text-decoration: underline;
78 } 76 }
79 } 77 }
80 } 78 }
81 79
82 .admin-bar .fixed-top{ 80 .admin-bar .fixed-top {
83 top: 32px; 81 top: 32px;
84 } 82 }
85 83
86 #main-nav.fixed-top{ 84 #main-nav.fixed-top {
87 height: 80px !important; 85 height: 80px !important;
88 #main-menu{ 86 #main-menu {
89 top: -20px; 87 top: -20px;
90 } 88 }
91 #login-menu{ 89 #login-menu {
92 top: -60px; 90 top: -60px;
93 } 91 }
94 .custom-logo-link img{ 92 .custom-logo-link img {
95 width: 240px !important; 93 width: 240px !important;
96 } 94 }
97 } 95 }
98 96
99 .hero-container { 97 .hero-container {
100 background-position: top right; 98 background-position: top right;
101 background-size: cover; 99 background-size: cover;
102 width: 100%; 100 width: 100%;
103 background-color: #ccc; 101 background-color: #ccc;
104 height: 530px; 102 height: 530px;
103 }
105 104
106 } 105 .header-section,
107 106 .full-image,
108 107 .image-loaded {
109 .header-section,
110 .full-image,
111 .image-loaded {
112 height: 530px; 108 height: 530px;
113 background-position: top right; 109 background-position: top right;
114 background-size: cover; 110 background-size: cover;
115 width: 100%; 111 width: 100%;
116 position: relative; 112 position: relative;
117 113 }
118 } 114 .full-image::after {
119 .full-image::after{
120 content: ""; 115 content: "";
121 display: block; 116 display: block;
122 position: absolute; 117 position: absolute;
...@@ -125,66 +120,63 @@ ...@@ -125,66 +120,63 @@
125 right: 0px; 120 right: 0px;
126 width: 200px; 121 width: 200px;
127 height: 200px; 122 height: 200px;
128 background-image:url('../images/logo-border.png'); 123 background-image: url("../images/logo-border.png");
129 } 124 }
130 125
131 .hero-content{ 126 .hero-content {
132 width: 60%; 127 width: 60%;
133 height: 520px; 128 height: 520px;
134 h1{ 129 h1 {
135 color: #fff; 130 color: #fff;
136 margin-bottom: 10px; 131 margin-bottom: 10px;
137 } 132 }
138 p{ 133 p {
139 color: #fff; 134 color: #fff;
140 font-size: 20px; 135 font-size: 20px;
141 line-height: 28px; 136 line-height: 28px;
142 margin-bottom: 25px; 137 margin-bottom: 25px;
143 } 138 }
144 a{ 139 a {
145 padding: 12px 30px; 140 padding: 12px 30px;
146 background-color: #E8D44B; 141 background-color: #e8d44b;
147 color: #2C2C2C; 142 color: #2c2c2c;
148 font-size: 18px; 143 font-size: 18px;
149 line-height: 24px; 144 line-height: 24px;
150 text-decoration: none; 145 text-decoration: none;
151 text-transform: uppercase; 146 text-transform: uppercase;
152 } 147 }
153 a:hover{ 148 a:hover {
154 color: #2C2C2C; 149 color: #2c2c2c;
155 background-color:#fff; 150 background-color: #fff;
156 151 }
157 } 152 }
158 153
159 } 154 #btn-back-to-top {
160
161 #btn-back-to-top {
162 position: fixed; 155 position: fixed;
163 bottom: 20px; 156 bottom: 20px;
164 right: 0px; 157 right: 0px;
165 width: 43px; 158 width: 43px;
166 height: 43px; 159 height: 43px;
167 display: none; 160 display: none;
168 background-color: #0484B8; 161 background-color: #0484b8;
169 padding: 5px; 162 padding: 5px;
170 border-radius: 0px; 163 border-radius: 0px;
171 background-size:22px; 164 background-size: 22px;
172 background-position: center; 165 background-position: center;
173 background-repeat: no-repeat; 166 background-repeat: no-repeat;
174 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.024' height='23.545' viewBox='0 0 23.024 23.545'%3E%3Cg id='Group_1373' data-name='Group 1373' transform='translate(0 1.5)'%3E%3Cline id='Line_15' data-name='Line 15' y1='15.007' transform='translate(11.512 7.038)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cpath id='Path_1388' data-name='Path 1388' d='M3331.593 12517.547h23.024' transform='translate(-3331.593 -12517.547)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cpath id='Path_1389' data-name='Path 1389' d='M3279.832 12508.2l8.216-8.217 8.216 8.217' transform='translate(-3276.535 -12494.895)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"); 167 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.024' height='23.545' viewBox='0 0 23.024 23.545'%3E%3Cg id='Group_1373' data-name='Group 1373' transform='translate(0 1.5)'%3E%3Cline id='Line_15' data-name='Line 15' y1='15.007' transform='translate(11.512 7.038)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cpath id='Path_1388' data-name='Path 1388' d='M3331.593 12517.547h23.024' transform='translate(-3331.593 -12517.547)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cpath id='Path_1389' data-name='Path 1389' d='M3279.832 12508.2l8.216-8.217 8.216 8.217' transform='translate(-3276.535 -12494.895)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
175 z-index: 999; 168 z-index: 999;
176 } 169 }
177 170
178 #btn-back-to-top:hover{ 171 #btn-back-to-top:hover {
179 172 background-color: #000;
180 background-color:#000; 173 }
181
182 }
183 174
184 .search-button a{ 175 .search-button a {
185 text-indent: 99999px; 176 text-indent: 99999px;
186 background-repeat: no-repeat; 177 background-repeat: no-repeat;
187 width: 35px; 178 width: 35px;
188 height: 35px; 179 height: 35px;
189 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"); 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");
190 } 181 }
182
...\ No newline at end of file ...\ No newline at end of file
......