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 723 additions and 750 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 @@
if (!$('.grid.course').length) {
return false;
}
var qsRegex;
//course list Isotope setup
var qsRegex;
var $grid = $('.grid.course').isotope({
itemSelector: '.element-item',
layoutMode: 'fitRows',
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
import Swiper, { Navigation, Pagination, A11y, Keyboard } from 'swiper';
import Swiper, {
Navigation,
Pagination,
A11y,
Keyboard
} from 'swiper';
import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
......@@ -9,66 +14,66 @@ jQuery(document).ready(function($) {
jQuery('.carousel-items').each(function() {
jQuery('.carousel-items').each(function() {
var offset = ((window.innerWidth - $('.entry-content').width() ) / 2) - 28;
var offsetAfter = 0;
var PerView = 'auto';
var space = 20;
var offset = ((window.innerWidth - $('.entry-content').width()) / 2) - 28;
var offsetAfter = 0;
var PerView = 'auto';
var space = 20;
var _id = jQuery(this).parent().attr('id');
var _id = jQuery(this).parent().attr('id');
if(jQuery(this).hasClass('promo-carousel')) {
offset = 0;
PerView = 1;
space = 0;
offsetAfter = 0;
_id = jQuery(this).attr('id');
}
if (jQuery(this).hasClass('promo-carousel')) {
offset = 0;
PerView = 1;
space = 0;
offsetAfter = 0;
_id = jQuery(this).attr('id');
}
if ($(window).width() < 600) {
offset = 0;
PerView = 1;
space = 0;
offsetAfter = 0;
}
if ($(window).width() < 600) {
offset = 0;
PerView = 1;
space = 0;
offsetAfter = 0;
}
var swiper_params = {
var swiper_params = {
modules: [Navigation, Pagination, A11y, Keyboard],
slidesPerView:PerView,
slidesOffsetAfter:offsetAfter,
slidesOffsetBefore:offset,
spaceBetween:space,
slidesPerGroup:1,
slidesPerView: PerView,
slidesOffsetAfter: offsetAfter,
slidesOffsetBefore: offset,
spaceBetween: space,
slidesPerGroup: 1,
pagination: {
el: ".swiper-pagination",
type: 'bullets',
clickable:"true",
el: ".swiper-pagination",
type: 'bullets',
clickable: "true",
},
navigation: {
nextEl: '.swiper-button-next[data-id="'+_id+'"]',
prevEl: '.swiper-button-prev[data-id="'+_id+'"]',
nextEl: '.swiper-button-next[data-id="' + _id + '"]',
prevEl: '.swiper-button-prev[data-id="' + _id + '"]',
},
a11y: {
prevSlideMessage: 'Previous slide',
nextSlideMessage: 'Next slide',
prevSlideMessage: 'Previous slide',
nextSlideMessage: 'Next slide',
},
keyboard: {
enabled: true,
onlyInViewport: false,
enabled: true,
onlyInViewport: false,
},
};
};
new Swiper(this, swiper_params);
console.log(swiper_params);
new Swiper(this, swiper_params);
console.log(swiper_params);
});
});
});
\ No newline at end of file
......
jQuery( document ).ready(function($) {
if(!$('.grid.course').length){
return false;
}
var qsRegex;
//course list Isotope setup
var $grid = $('.grid.course').isotope({
itemSelector: '.element-item',
layoutMode: 'fitRows',
getSortData: {
coursename: '[data-name]',
date: '[data-ticks]',
},
filter: function() {
var $this = $(this);
var filterText = qsRegex ? $(this).text().match( qsRegex ) : true;
var buttonResult = filterValue ? $this.is( filterValue ) : true;
return filterText && buttonResult;
}
});
// use value of search field to filter
var $quicksearch = $('#quicksearch').keyup( debounce( function() {
console.log($quicksearch.val());
qsRegex = new RegExp( $quicksearch.val(), 'gi' );
$grid.isotope();
updateFilterCounts();
}, 200 ) );
// debounce so filtering doesn't happen every millisecond
function debounce( fn, threshold ) {
var timeout;
threshold = threshold || 100;
return function debounced() {
clearTimeout( timeout );
var args = arguments;
var _this = this;
function delayed() {
fn.apply( _this, args );
}
timeout = setTimeout( delayed, threshold );
};
}
// filter with selects and checkboxes
var $checkboxes = $('.category-filter input');
var filterValue;
$checkboxes.change( function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$checkboxes.each( function( i, elem ) {
// if checkbox, use value if checked
if ( elem.checked ) {
inclusives.push( elem.value );
}
});
// combine inclusive filters
filterValue = inclusives.length ? inclusives.join(', ') : '*';
$grid.isotope();
updateFilterCounts();
});
$('.sort-button-group').on( 'click', 'button', function() {
var sortValue = $(this).attr('data-sort-value');
var direction = $(this).attr('data-sort-direction');
var isAscending = (direction == 'asc');
var newDirection = (isAscending) ? 'desc' : 'asc';
console.log(sortValue);
console.log(isAscending);
$grid.isotope({ sortBy: sortValue, sortAscending: isAscending });
updateFilterCounts();
$(this).attr('data-sort-direction', newDirection);
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
});
$(document).on("click", "#filter-more", function(e) {
e.preventDefault();
$('.filter-group').toggleClass('open');
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
});
function updateFilterCounts() {
var itemElems = $grid.isotope('getFilteredItemElements');
var count_items = $(itemElems).length;
if (count_items > counter) {
$("#load-more").hide();
}else {
$("#load-more").show();
}
if ($('.element-item').hasClass('hidden')) {
$('.element-item').removeClass('hidden');
}
var index = 0;
$(itemElems).each(function () {
if (index >= counter) {
$(this).addClass('hidden');
}
index++;
});
console.log('updateFilterCounts');
console.log(index);
if(index === 0){
$("#load-more").hide();
}else{
$("#load-more").show();
}
$grid.isotope('layout');
}
//****************************
// Isotope Load more button
//****************************
var initShow = 3; //number of images loaded on init & onclick load more button
var counter = initShow; //counter for load more button
var iso = $grid.data('isotope'); // get Isotope instance
console.log('iso');
console.log(iso);
console.log(iso.elemCount);
loadMore(initShow); //execute function onload
function loadMore(toShow) {
$grid.find(".hidden").removeClass("hidden");
var hiddenElems = iso.filteredItems.slice(toShow, iso.filteredItems.length).map(function(item) {
console.log('hiddenElem');
console.log(item.element);
return item.element;
});
$(hiddenElems).addClass('hidden');
$grid.isotope('layout');
//when no more to load, hide show more button
if (hiddenElems.length == 0) {
$("#load-more").hide();
} else {
$("#load-more").show();
};
}
//append load more button
$grid.after('<div class="view-plan"><a class="btn" href="#" id="load-more">LOAD MORE programs</a></div>');
//when load more button clicked
$(document).on("click", "#load-more", function(e) {
e.preventDefault();
if ($('#filters').data('clicked')) {
//when filter button clicked, set initial value for counter
counter = initShow;
j$('#filters').data('clicked', false);
} else {
counter = counter;
};
counter = counter + initShow;
loadMore(counter);
});
});
jQuery(document).ready(function($) {
if (!$('.grid.course').length) {
return false;
}
//course list Isotope setup
var qsRegex;
var $grid = $('.grid.course').isotope({
itemSelector: '.element-item',
layoutMode: 'fitRows',
getSortData: {
coursename: '[data-name]',
date: '[data-ticks]',
},
filter: function() {
var $this = $(this);
var filterText = qsRegex ? $(this).text().match(qsRegex) : true;
var buttonResult = filterValue ? $this.is(filterValue) : true;
return filterText && buttonResult;
}
});
// use value of search field to filter
var $quicksearch = $('#quicksearch').keyup(debounce(function() {
console.log($quicksearch.val());
qsRegex = new RegExp($quicksearch.val(), 'gi');
$grid.isotope();
updateFilterCounts();
}, 200));
// debounce so filtering doesn't happen every millisecond
function debounce(fn, threshold) {
var timeout;
threshold = threshold || 100;
return function debounced() {
clearTimeout(timeout);
var args = arguments;
var _this = this;
function delayed() {
fn.apply(_this, args);
}
timeout = setTimeout(delayed, threshold);
};
}
// filter with selects and checkboxes
var $checkboxes = $('.category-filter input');
var filterValue;
$checkboxes.change(function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$checkboxes.each(function(i, elem) {
// if checkbox, use value if checked
if (elem.checked) {
inclusives.push(elem.value);
}
});
// combine inclusive filters
filterValue = inclusives.length ? inclusives.join(', ') : '*';
$grid.isotope();
updateFilterCounts();
});
$('.sort-button-group').on('click', 'button', function() {
var sortValue = $(this).attr('data-sort-value');
var direction = $(this).attr('data-sort-direction');
var isAscending = (direction == 'asc');
var newDirection = (isAscending) ? 'desc' : 'asc';
console.log(sortValue);
console.log(isAscending);
$grid.isotope({
sortBy: sortValue,
sortAscending: isAscending
});
updateFilterCounts();
$(this).attr('data-sort-direction', newDirection);
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
});
$(document).on("click", "#filter-more", function(e) {
e.preventDefault();
$('.filter-group').toggleClass('open');
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
});
function updateFilterCounts() {
var itemElems = $grid.isotope('getFilteredItemElements');
var count_items = $(itemElems).length;
if (count_items > counter) {
$("#load-more").hide();
} else {
$("#load-more").show();
}
if ($('.element-item').hasClass('hidden')) {
$('.element-item').removeClass('hidden');
}
var index = 0;
$(itemElems).each(function() {
if (index >= counter) {
$(this).addClass('hidden');
}
index++;
});
console.log('updateFilterCounts');
console.log(index);
if (index === 0) {
$("#load-more").hide();
} else {
$("#load-more").show();
}
$grid.isotope('layout');
}
//****************************
// Isotope Load more button
//****************************
var initShow = 3; //number of images loaded on init & onclick load more button
var counter = initShow; //counter for load more button
var iso = $grid.data('isotope'); // get Isotope instance
console.log('iso');
console.log(iso);
console.log(iso.elemCount);
loadMore(initShow); //execute function onload
function loadMore(toShow) {
$grid.find(".hidden").removeClass("hidden");
var hiddenElems = iso.filteredItems.slice(toShow, iso.filteredItems.length).map(function(item) {
console.log('hiddenElem');
console.log(item.element);
return item.element;
});
$(hiddenElems).addClass('hidden');
$grid.isotope('layout');
//when no more to load, hide show more button
if (hiddenElems.length == 0) {
$("#load-more").hide();
} else {
$("#load-more").show();
};
}
//append load more button
$grid.after('<div class="view-plan"><a class="btn" href="#" id="load-more">LOAD MORE programs</a></div>');
//when load more button clicked
$(document).on("click", "#load-more", function(e) {
e.preventDefault();
if ($('#filters').data('clicked')) {
//when filter button clicked, set initial value for counter
counter = initShow;
j$('#filters').data('clicked', false);
} else {
counter = counter;
};
counter = counter + initShow;
loadMore(counter);
});
});
\ No newline at end of file
......
jQuery(document).ready(function($) {
if (!$('#resources').length) {
return;
}
jQuery( document ).ready(function($) {
var myTable = $('#resources').DataTable({
"pageLength": 10,
"searchable": false,
"paging": true,
"info": false,
"dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>'
});
if(!$('#resources').length){
return;
}
var myTable = $('#resources').DataTable({
"pageLength": 10,
"searchable": false,
"paging": true,
"info": false,
"dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>'
// use value of search field to filter
var $quicksearch = $('#quicksearch').keyup(function() {
console.log($quicksearch.val());
$('#resources').DataTable().column(1).search($quicksearch.val()).draw();
});
});
// use value of search field to filter
var $quicksearch = $('#quicksearch').keyup( function() {
console.log($quicksearch.val());
$('#resources').DataTable().column(1).search($quicksearch.val()).draw();
});
// filter with selects and checkboxes
var $checkboxes = $('.category-filter input');
var filterValue;
$checkboxes.change(function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$checkboxes.each(function(i, elem) {
// if checkbox, use value if checked
if (elem.checked) {
inclusives.push(elem.value);
}
});
// combine inclusive filters
filterValue = inclusives.length ? inclusives.join(', ') : '';
$('#resources').DataTable().column(2).search(filterValue).draw();
});
// filter with selects and checkboxes
var $typecheckboxes = $('.category-type input');
var typeFilterValue;
$typecheckboxes.change(function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$typecheckboxes.each(function(i, elem) {
// if checkbox, use value if checked
if (elem.checked) {
inclusives.push(elem.value);
}
});
// combine inclusive filters
typeFilterValue = inclusives.length ? inclusives.join(', ') : '';
$('#resources').DataTable().column(0).search(typeFilterValue).draw();
});
$('.sort-button-group').on('click', 'button', function() {
var sortValue = $(this).attr('data-sort-value');
var direction = $(this).attr('data-sort-direction');
var isAscending = (direction == 'asc');
var newDirection = (isAscending) ? 'desc' : 'asc';
console.log(sortValue);
console.log(isAscending);
$(this).attr('data-sort-direction', newDirection);
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
myTable.order([sortValue, newDirection]).draw();
});
// filter with selects and checkboxes
var $checkboxes = $('.category-filter input');
var filterValue;
$checkboxes.change( function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$checkboxes.each( function( i, elem ) {
// if checkbox, use value if checked
if ( elem.checked ) {
inclusives.push( elem.value );
}
$(document).on("click", "#filter-more", function(e) {
e.preventDefault();
$('.filter-group').toggleClass('open');
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
});
// combine inclusive filters
filterValue = inclusives.length ? inclusives.join(', ') : '';
$('#resources').DataTable().column(2).search(filterValue).draw();
});
// filter with selects and checkboxes
var $typecheckboxes = $('.category-type input');
var typeFilterValue;
$typecheckboxes.change( function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$typecheckboxes.each( function( i, elem ) {
// if checkbox, use value if checked
if ( elem.checked ) {
inclusives.push( elem.value );
}
});
// combine inclusive filters
typeFilterValue = inclusives.length ? inclusives.join(', ') : '';
$('#resources').DataTable().column(0).search(typeFilterValue).draw();
});
$('.sort-button-group').on( 'click', 'button', function() {
var sortValue = $(this).attr('data-sort-value');
var direction = $(this).attr('data-sort-direction');
var isAscending = (direction == 'asc');
var newDirection = (isAscending) ? 'desc' : 'asc';
console.log(sortValue);
console.log(isAscending);
$(this).attr('data-sort-direction', newDirection);
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
myTable.order([sortValue, newDirection]).draw();
});
$(document).on("click", "#filter-more", function(e) {
e.preventDefault();
$('.filter-group').toggleClass('open');
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
});
});
\ No newline at end of file
});
\ No newline at end of file
......
......@@ -13,7 +13,7 @@ import "./_resources_list";
var a = document.querySelector('.blur-image');
document.addEventListener("DOMContentLoaded", function () {
document.addEventListener("DOMContentLoaded", function() {
if (!a) return !1;
var b = a.getAttribute("data-src"),
c = document.querySelector('.full-image'),
......@@ -21,7 +21,7 @@ document.addEventListener("DOMContentLoaded", function () {
img.src = b;
img.onload = function () {
img.onload = function() {
c.classList.add('image-loaded'),
c.style.backgroundImage = 'url(' + b + ')';
......@@ -29,38 +29,38 @@ document.addEventListener("DOMContentLoaded", function () {
});
document.addEventListener("DOMContentLoaded", function(){
document.addEventListener("DOMContentLoaded", function() {
window.addEventListener('scroll', function() {
if (window.scrollY > 57) {
document.getElementById('main-nav').classList.add('fixed-top');
document.getElementById('main-nav').classList.add('fixed-top');
} else {
document.getElementById('main-nav').classList.remove('fixed-top');
}
document.getElementById('main-nav').classList.remove('fixed-top');
}
});
});
});
//Get the button
//Get the button
let mybutton = document.getElementById("btn-back-to-top");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () {
scrollFunction();
window.onscroll = function() {
scrollFunction();
};
function scrollFunction() {
if (
document.body.scrollTop > 20 ||
document.documentElement.scrollTop > 20
) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
if (
document.body.scrollTop > 20 ||
document.documentElement.scrollTop > 20
) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
mybutton.addEventListener("click", backToTop);
function backToTop() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
\ No newline at end of file
......
.swiper-pagination-bullet{
background: #fff !important;
border: 2px solid #2C2C2C !important;
height: 13px !important;
width: 13px !important;
opacity:1 !important;
}
.swiper-pagination-bullet-active{
background: #3F9C35 !important;
border: 2px solid #3F9C35 !important;
}
// carousel css
.carousel:not(.is-admin){
.swiper-pagination-bullet {
background: #fff !important;
border: 2px solid #2c2c2c !important;
height: 13px !important;
width: 13px !important;
opacity: 1 !important;
}
.swiper-pagination-bullet-active {
background: #3f9c35 !important;
border: 2px solid #3f9c35 !important;
}
// carousel css
.carousel:not(.is-admin) {
background-color: transparent !important;
left: -20px;
width: 100vw;
margin-top: 30px;
margin-bottom: 30px;
}
.carousel-items{
list-style: none;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 20px;
background-color: transparent !important;
@media only screen and (max-width: 600px) {
padding-inline-start: 0px;
}
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
}
.carousel-items {
list-style: none;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 20px;
background-color: transparent !important;
@media only screen and (max-width: 600px) {
padding-inline-start: 0px;
}
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
pointer-events: all !important;
}
.carousel-items.slick-initialized.slick-slider {
margin-right:15px; //for the scroll bar
}
.carousel {
width:100vw;
margin-left:calc((100% - 100vw) / 2);
}
.carousel-items.slick-initialized.slick-slider {
margin-right: 15px; //for the scroll bar
}
.carousel {
width: 100vw;
margin-left: calc((100% - 100vw) / 2);
@media only screen and (max-width: 600px) {
width:95%;
margin-left:0px;
width: 95%;
margin-left: 0px;
}
left:0 !important;
min-height: 340px!important;
left: 0 !important;
min-height: 340px !important;
.swiper-button-next {
right:8px !important;
right: 8px !important;
}
.swiper-button-prev {
left:7px !important;
@media only screen and (max-width: 600px) {
left:-5px !important;
}
left: 7px !important;
@media only screen and (max-width: 600px) {
left: -5px !important;
}
}
.swiper-pagination{
bottom: -20px !important;
.swiper-pagination {
bottom: -20px !important;
}
.carousel-items {
margin-left:1.75rem;
margin-left: 1.75rem;
}
.swiper-wrapper {
gap: 1rem;
}
}
// testimonials carousel css
.testimonials-carousel{
@media only screen and (max-width: 600px) {
margin-left: 0px !important;
gap: 1rem;
}
.swiper-slide{
width:890px !important;
}
// testimonials carousel css
.testimonials-carousel {
@media only screen and (max-width: 600px) {
width:98% !important;
}
.testimonials{
width:890px;
background:#E5F2F8;
margin-left: 0px !important;
}
.swiper-slide {
width: 890px !important;
@media only screen and (max-width: 600px) {
width: 98% !important;
}
.testimonials {
width: 890px;
background: #e5f2f8;
border-radius: 25px 25px 0px 0px;
margin-right: 20px;
@media only screen and (max-width: 600px) {
width:98%;
margin-right: 0px;
}
.row{
margin-right: 0rem !important;
border-bottom:20px solid #FFA300;
margin-left: -15px !important;
min-height:316px !important;
@media only screen and (max-width: 600px) {
margin-left: 0px !important;
}
}
width: 98%;
margin-right: 0px;
}
.row {
margin-right: 0rem !important;
border-bottom: 20px solid #ffa300;
margin-left: -15px !important;
min-height: 316px !important;
@media only screen and (max-width: 600px) {
margin-left: 0px !important;
}
}
.col-md-1 {
background-size: cover;
@media only screen and (max-width: 600px) {
padding-left: 0px;
}
}
.testimonial-text{
padding: 30px 50px;
}
p{
font-size: 16px !important;
line-height:24px !important;
color: #2C2C2C;
}
.testimonials_image{
width: 100%;
}
}
}
.swiper-slide:nth-of-type(2){
.testimonials{
.row{
border-bottom:20px solid #3F9C35;
}
}
.promo-img img{
border-bottom:20px solid #3F9C35;
}
}
.swiper-slide:nth-of-type(3){
.testimonials{
.row{
border-bottom:20px solid #0484B8;
}
}
.promo-img img{
border-bottom:20px solid #0484B8;
}
}
.swiper-slide:nth-of-type(4){
.testimonials{
.row{
border-bottom:20px solid #E04E39;
}
}
.promo-img img{
border-bottom:20px solid #E04E39;
}
}
}
.promo-carousel{
width:100% !important;
margin-left:0px !important;
background-size: cover;
@media only screen and (max-width: 600px) {
padding-left: 0px;
}
}
.testimonial-text {
padding: 30px 50px;
}
p {
font-size: 16px !important;
line-height: 24px !important;
color: #2c2c2c;
}
.testimonials_image {
width: 100%;
}
}
}
.swiper-slide:nth-of-type(2) {
.testimonials {
.row {
border-bottom: 20px solid #3f9c35;
}
}
.promo-img img {
border-bottom: 20px solid #3f9c35;
}
}
.swiper-slide:nth-of-type(3) {
.testimonials {
.row {
border-bottom: 20px solid #0484b8;
}
}
.promo-img img {
border-bottom: 20px solid #0484b8;
}
}
.swiper-slide:nth-of-type(4) {
.testimonials {
.row {
border-bottom: 20px solid #e04e39;
}
}
.promo-img img {
border-bottom: 20px solid #e04e39;
}
}
}
.promo-carousel {
width: 100% !important;
margin-left: 0px !important;
position: relative;
@media only screen and (min-width:1400px) {
max-width: 100% !important;
}
.swiper-slide{
margin-left:0px !important;
max-width: 100% !important;
@media only screen and (min-width:1400px) {
width:100% !important;
}
.promo-img{
max-height: 264px;
max-width: 372px;
overflow: hidden;
border-bottom:20px solid #FFA300;
@media only screen and (min-width: 1400px) {
max-width: 100% !important;
}
.swiper-slide {
margin-left: 0px !important;
max-width: 100% !important;
@media only screen and (min-width: 1400px) {
width: 100% !important;
}
.promo-img {
max-height: 264px;
max-width: 372px;
overflow: hidden;
border-bottom: 20px solid #ffa300;
}
.promo-img img {
max-width: 372px;
border-radius: 25px 25px 0px 0px;
}
.promo.row {
width: 100%;
border-top: 1px solid #ffa300;
border-bottom: 1px solid #ffa300;
@media only screen and (min-width: 1400px) {
max-width: 1344px;
}
.promo-img img{
max-width: 372px;
border-radius: 25px 25px 0px 0px;
@media only screen and (max-width: 600px) {
width: 80%;
}
.promo.row{
width:100%;
border-top:1px solid #FFA300;
border-bottom:1px solid #FFA300;
@media only screen and (min-width:1400px) {
max-width: 1344px;
}
@media only screen and (max-width: 600px) {
width:80%;
}
margin: 40px auto;
padding: 50px 0px;
margin: 40px auto;
padding: 50px 0px;
}
.promo_content {
max-width: 760px;
h3 {
font-size: 22px;
line-height: 33px;
}
.promo_content{
max-width: 760px;
h3{
font-size: 22px;
line-height: 33px;
}
p{
font-size: 16px;
line-height: 22px;
}
p {
font-size: 16px;
line-height: 22px;
}
}
}
.swiper-button-next {
right:30px !important;
right: 30px !important;
}
.swiper-button-prev {
left:7px !important;
left: 7px !important;
}
.swiper-pagination{
bottom: 65px !important;
.swiper-pagination {
bottom: 65px !important;
}
.swiper-slide:nth-of-type(2){
.promo-img {
border-bottom:20px solid #3F9C35;
}
}
.swiper-slide:nth-of-type(3){
.promo-img {
border-bottom:20px solid #0484B8;
}
}
.swiper-slide:nth-of-type(4){
.promo-img {
border-bottom:20px solid #E04E39;
}
}
}
\ No newline at end of file
.swiper-slide:nth-of-type(2) {
.promo-img {
border-bottom: 20px solid #3f9c35;
}
}
.swiper-slide:nth-of-type(3) {
.promo-img {
border-bottom: 20px solid #0484b8;
}
}
.swiper-slide:nth-of-type(4) {
.promo-img {
border-bottom: 20px solid #e04e39;
}
}
}
\ No newline at end of file
......
.type-sfwd-courses{
.type-sfwd-courses {
margin-top: 30px;
}
.program-info{
background: #FFFFFF 0% 0% no-repeat padding-box;
}
.program-info {
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
max-width: 531px;
#program-info{
.nav-item{
width: 50%;
border: 0px solid #ccc;
.nav-link{
width: 100%;
border-radius: 0px;
background-color: #0081BC;
color: #FFFFFF;
border: 0px solid #ccc;
font-size: 18px;
padding: 20px 20px;
font-family: 'Poppins', sans-serif;
}
.nav-link.active{
background-color:#FFFFFF;
color: #0081BC;
}
#program-info {
.nav-item {
width: 50%;
border: 0px solid #ccc;
.nav-link {
width: 100%;
border-radius: 0px;
background-color: #0081bc;
color: #ffffff;
border: 0px solid #ccc;
font-size: 18px;
padding: 20px 20px;
font-family: "Poppins", sans-serif;
}
.nav-link.active {
background-color: #ffffff;
color: #0081bc;
}
}
}
#program-info-content{
padding:20px 40px 40px 40px;
table{
#program-info-content {
padding: 20px 40px 40px 40px;
table {
width: 100%;
tr{
th{
width: 33%;
font-size: 18px;
color: #0081BC;
font-family: 'Poppins', sans-serif;
}
tr {
th {
width: 33%;
font-size: 18px;
color: #0081bc;
font-family: "Poppins", sans-serif;
}
}
tr:not(.not){
border-bottom:1px solid #FFA300;
td{
font-size: 16px;
padding: 10px 0px;
}
tr:not(.not) {
border-bottom: 1px solid #ffa300;
td {
font-size: 16px;
padding: 10px 0px;
}
}
}
}
}
.outcomes{
}
.outcomes {
margin: 70px 0px;
.outcome{
width: 100%;
min-height: 227px;
background-color: #E2F2F9;
padding:25px 25px 25px 15px;
border-radius: 25px 25px 0px 0px;
border-bottom: 22px solid #FFA300;
font-size: 16px;
line-height: 24px;
.outcome {
width: 100%;
min-height: 227px;
background-color: #e2f2f9;
padding: 25px 25px 25px 15px;
border-radius: 25px 25px 0px 0px;
border-bottom: 22px solid #ffa300;
font-size: 16px;
line-height: 24px;
}
.col-out{
@media only screen and (max-width: 600px) {
.col-out {
@media only screen and (max-width: 600px) {
margin-top: 20px;
}
}
}
.col-out:nth-of-type(2) .outcome{
border-bottom: 22px solid #3F9C35;
.col-out:nth-of-type(2) .outcome {
border-bottom: 22px solid #3f9c35;
}
.col-out:nth-of-type(3) .outcome{
border-bottom: 22px solid #0484B8;
.col-out:nth-of-type(3) .outcome {
border-bottom: 22px solid #0484b8;
}
.col-out:nth-of-type(4) .outcome{
border-bottom: 22px solid #E04E39;
.col-out:nth-of-type(4) .outcome {
border-bottom: 22px solid #e04e39;
}
}
}
\ No newline at end of file
......
.pre-header{
background-color: #0484B8;
color:#fff;
.pre-header {
background-color: #0484b8;
color: #fff;
height: 57px;
display: flex;
.sponsored{
text-align: right;
.logo{
width: 149px;
margin-left: 30px;
}
.sponsored {
text-align: right;
.logo {
width: 149px;
margin-left: 30px;
}
}
}
#main-nav{
}
#main-nav {
background-color: #fff;
height: 128px;
transition: 0.4s;
.custom-logo-link {
margin-left: 0px;
img{
transition: 0.4s;
width: 349px;
}
margin-left: 0px;
img {
transition: 0.4s;
width: 349px;
}
}
.navbar-nav.sign-up{
margin-bottom: 20px;
.navbar-nav.sign-up {
margin-bottom: 20px;
}
#login-menu{
transition: 0.4s;
position: relative;
a{
font-size: 14px;
color: #0484B8;
margin-left: 20px;
text-align: center;
#login-menu {
transition: 0.4s;
position: relative;
a {
font-size: 14px;
color: #0484b8;
margin-left: 20px;
text-align: center;
}
a:hover {
color: #2c2c2c;
text-decoration: underline;
}
.sign-up {
a {
margin-left: 10px;
}
a:hover{
color: #2C2C2C;
text-decoration: underline;
}
.log-in-button {
background-color: #0484b8;
margin-left: 20px;
a {
font-size: 14px;
color: #fff;
padding: 7px 25px;
margin-left: 0px;
}
.sign-up{
a{
margin-left: 10px;
}
}
.log-in-button{
background-color: #0484B8;
margin-left: 20px;
a{
font-size: 14px;
color: #fff;
padding: 7px 25px;
margin-left: 0px;
}
a:hover{
text-decoration: none !important;
}
}
.log-in-button:hover{
background-color: #2C2C2C;
a:hover {
text-decoration: none !important;
}
}
.log-in-button:hover {
background-color: #2c2c2c;
}
}
#main-menu{
transition: 0.4s;
position: relative;
top: unset;
a{
font-size: 18px;
font-weight: bold;
color: #0484B8;
}
a:hover{
color: #2C2C2C;
text-decoration: underline;
}
#main-menu {
transition: 0.4s;
position: relative;
top: unset;
a {
font-size: 18px;
font-weight: bold;
color: #0484b8;
}
a:hover {
color: #2c2c2c;
text-decoration: underline;
}
}
}
.admin-bar .fixed-top{
}
.admin-bar .fixed-top {
top: 32px;
}
#main-nav.fixed-top{
}
#main-nav.fixed-top {
height: 80px !important;
#main-menu{
top: -20px;
#main-menu {
top: -20px;
}
#login-menu {
top: -60px;
}
#login-menu{
top: -60px;
.custom-logo-link img {
width: 240px !important;
}
.custom-logo-link img{
width: 240px !important;
}
}
.hero-container {
}
.hero-container {
background-position: top right;
background-size: cover;
width: 100%;
background-color: #ccc;
height: 530px;
}
.header-section,
.full-image,
.image-loaded {
}
.header-section,
.full-image,
.image-loaded {
height: 530px;
background-position: top right;
background-size: cover;
width: 100%;
position: relative;
}
.full-image::after{
}
.full-image::after {
content: "";
display: block;
position: absolute;
......@@ -125,66 +120,63 @@
right: 0px;
width: 200px;
height: 200px;
background-image:url('../images/logo-border.png');
}
.hero-content{
width: 60%;
height: 520px;
h1{
color: #fff;
margin-bottom: 10px;
}
p{
color: #fff;
font-size: 20px;
line-height: 28px;
margin-bottom: 25px;
}
a{
padding: 12px 30px;
background-color: #E8D44B;
color: #2C2C2C;
font-size: 18px;
line-height: 24px;
text-decoration: none;
text-transform: uppercase;
}
a:hover{
color: #2C2C2C;
background-color:#fff;
}
}
#btn-back-to-top {
background-image: url("../images/logo-border.png");
}
.hero-content {
width: 60%;
height: 520px;
h1 {
color: #fff;
margin-bottom: 10px;
}
p {
color: #fff;
font-size: 20px;
line-height: 28px;
margin-bottom: 25px;
}
a {
padding: 12px 30px;
background-color: #e8d44b;
color: #2c2c2c;
font-size: 18px;
line-height: 24px;
text-decoration: none;
text-transform: uppercase;
}
a:hover {
color: #2c2c2c;
background-color: #fff;
}
}
#btn-back-to-top {
position: fixed;
bottom: 20px;
right: 0px;
width: 43px;
height: 43px;
display: none;
background-color: #0484B8;
background-color: #0484b8;
padding: 5px;
border-radius: 0px;
background-size:22px;
background-size: 22px;
background-position: center;
background-repeat: no-repeat;
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");
z-index: 999;
}
#btn-back-to-top:hover{
background-color:#000;
}
.search-button a{
#btn-back-to-top:hover {
background-color: #000;
}
.search-button a {
text-indent: 99999px;
background-repeat: no-repeat;
width: 35px;
height: 35px;
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");
}
\ No newline at end of file
}
\ No newline at end of file
......