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 @@
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';
......@@ -11,14 +16,14 @@ jQuery(document).ready(function($) {
jQuery('.carousel-items').each(function() {
var offset = ((window.innerWidth - $('.entry-content').width() ) / 2) - 28;
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');
if(jQuery(this).hasClass('promo-carousel')) {
if (jQuery(this).hasClass('promo-carousel')) {
offset = 0;
PerView = 1;
space = 0;
......@@ -37,20 +42,20 @@ jQuery(document).ready(function($) {
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",
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: {
......
jQuery( document ).ready(function($) {
jQuery(document).ready(function($) {
if(!$('.grid.course').length){
if (!$('.grid.course').length) {
return false;
}
var qsRegex;
//course list Isotope setup
//course list Isotope setup
var qsRegex;
var $grid = $('.grid.course').isotope({
itemSelector: '.element-item',
layoutMode: 'fitRows',
......@@ -18,51 +15,52 @@ var qsRegex;
},
filter: function() {
var $this = $(this);
var filterText = qsRegex ? $(this).text().match( qsRegex ) : true;
var buttonResult = filterValue ? $this.is( filterValue ) : true;
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() {
// use value of search field to filter
var $quicksearch = $('#quicksearch').keyup(debounce(function() {
console.log($quicksearch.val());
qsRegex = new RegExp( $quicksearch.val(), 'gi' );
qsRegex = new RegExp($quicksearch.val(), 'gi');
$grid.isotope();
updateFilterCounts();
}, 200 ) );
}, 200));
// debounce so filtering doesn't happen every millisecond
function debounce( fn, threshold ) {
// debounce so filtering doesn't happen every millisecond
function debounce(fn, threshold) {
var timeout;
threshold = threshold || 100;
return function debounced() {
clearTimeout( timeout );
clearTimeout(timeout);
var args = arguments;
var _this = this;
function delayed() {
fn.apply( _this, args );
fn.apply(_this, args);
}
timeout = setTimeout( delayed, threshold );
timeout = setTimeout(delayed, threshold);
};
}
}
// filter with selects and checkboxes
var $checkboxes = $('.category-filter input');
var filterValue;
// filter with selects and checkboxes
var $checkboxes = $('.category-filter input');
var filterValue;
$checkboxes.change( function() {
$checkboxes.change(function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$checkboxes.each( function( i, elem ) {
$checkboxes.each(function(i, elem) {
// if checkbox, use value if checked
if ( elem.checked ) {
inclusives.push( elem.value );
if (elem.checked) {
inclusives.push(elem.value);
}
});
......@@ -70,34 +68,37 @@ $checkboxes.change( function() {
filterValue = inclusives.length ? inclusives.join(', ') : '*';
$grid.isotope();
updateFilterCounts();
});
});
$('.sort-button-group').on( 'click', 'button', function() {
$('.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 });
$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) {
$(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() {
function updateFilterCounts() {
var itemElems = $grid.isotope('getFilteredItemElements');
var count_items = $(itemElems).length;
......@@ -105,7 +106,7 @@ function updateFilterCounts() {
if (count_items > counter) {
$("#load-more").hide();
}else {
} else {
$("#load-more").show();
}
if ($('.element-item').hasClass('hidden')) {
......@@ -113,7 +114,7 @@ function updateFilterCounts() {
}
var index = 0;
$(itemElems).each(function () {
$(itemElems).each(function() {
if (index >= counter) {
$(this).addClass('hidden');
}
......@@ -121,17 +122,17 @@ function updateFilterCounts() {
});
console.log('updateFilterCounts');
console.log(index);
if(index === 0){
if (index === 0) {
$("#load-more").hide();
}else{
} else {
$("#load-more").show();
}
$grid.isotope('layout');
}
}
......@@ -191,8 +192,4 @@ function updateFilterCounts() {
loadMore(counter);
});
});
\ No newline at end of file
......
jQuery(document).ready(function($) {
jQuery( document ).ready(function($) {
if(!$('#resources').length){
if (!$('#resources').length) {
return;
}
......@@ -17,47 +15,46 @@ jQuery( document ).ready(function($) {
// use value of search field to filter
var $quicksearch = $('#quicksearch').keyup( function() {
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;
var $checkboxes = $('.category-filter input');
var filterValue;
$checkboxes.change( function() {
$checkboxes.change(function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$checkboxes.each( function( i, elem ) {
$checkboxes.each(function(i, elem) {
// if checkbox, use value if checked
if ( elem.checked ) {
inclusives.push( elem.value );
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() {
$typecheckboxes.change(function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$typecheckboxes.each( function( i, elem ) {
$typecheckboxes.each(function(i, elem) {
// if checkbox, use value if checked
if ( elem.checked ) {
inclusives.push( elem.value );
if (elem.checked) {
inclusives.push(elem.value);
}
});
......@@ -67,7 +64,7 @@ $checkboxes.change( function() {
});
$('.sort-button-group').on( 'click', 'button', function() {
$('.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');
......@@ -78,7 +75,7 @@ $checkboxes.change( function() {
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
myTable.order([sortValue, newDirection]).draw();
});
});
......@@ -87,6 +84,6 @@ $checkboxes.change( function() {
$('.filter-group').toggleClass('open');
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
});
});
});
\ 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,7 +29,7 @@ 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');
......@@ -37,13 +37,13 @@ document.addEventListener("DOMContentLoaded", function(){
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 () {
window.onscroll = function() {
scrollFunction();
};
......
.swiper-pagination-bullet{
.swiper-pagination-bullet {
background: #fff !important;
border: 2px solid #2C2C2C !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;
}
opacity: 1 !important;
}
.swiper-pagination-bullet-active {
background: #3f9c35 !important;
border: 2px solid #3f9c35 !important;
}
// carousel css
.carousel:not(.is-admin){
// carousel css
.carousel:not(.is-admin) {
background-color: transparent !important;
left: -20px;
width: 100vw;
......@@ -20,9 +19,7 @@
margin-bottom: 30px;
}
.carousel-items{
.carousel-items {
list-style: none;
margin-block-start: 0em;
margin-block-end: 0em;
......@@ -33,75 +30,73 @@
@media only screen and (max-width: 600px) {
padding-inline-start: 0px;
}
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
.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-items.slick-initialized.slick-slider {
margin-right: 15px; //for the scroll bar
}
.carousel {
width:100vw;
margin-left:calc((100% - 100vw) / 2);
.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;
left: 7px !important;
@media only screen and (max-width: 600px) {
left:-5px !important;
left: -5px !important;
}
}
.swiper-pagination{
.swiper-pagination {
bottom: -20px !important;
}
.carousel-items {
margin-left:1.75rem;
margin-left: 1.75rem;
}
.swiper-wrapper {
gap: 1rem;
}
}
}
// testimonials carousel css
.testimonials-carousel{
// testimonials carousel css
.testimonials-carousel {
@media only screen and (max-width: 600px) {
margin-left: 0px !important;
}
.swiper-slide{
width:890px !important;
.swiper-slide {
width: 890px !important;
@media only screen and (max-width: 600px) {
width:98% !important;
width: 98% !important;
}
.testimonials{
width:890px;
background:#E5F2F8;
.testimonials {
width: 890px;
background: #e5f2f8;
border-radius: 25px 25px 0px 0px;
margin-right: 20px;
@media only screen and (max-width: 600px) {
width:98%;
width: 98%;
margin-right: 0px;
}
.row{
.row {
margin-right: 0rem !important;
border-bottom:20px solid #FFA300;
border-bottom: 20px solid #ffa300;
margin-left: -15px !important;
min-height:316px !important;
min-height: 316px !important;
@media only screen and (max-width: 600px) {
margin-left: 0px !important;
}
}
.col-md-1 {
......@@ -110,134 +105,126 @@
padding-left: 0px;
}
}
.testimonial-text{
.testimonial-text {
padding: 30px 50px;
}
p{
p {
font-size: 16px !important;
line-height:24px !important;
color: #2C2C2C;
line-height: 24px !important;
color: #2c2c2c;
}
.testimonials_image{
.testimonials_image {
width: 100%;
}
}
}
}
.swiper-slide:nth-of-type(2){
.testimonials{
.row{
border-bottom:20px solid #3F9C35;
.swiper-slide:nth-of-type(2) {
.testimonials {
.row {
border-bottom: 20px solid #3f9c35;
}
}
.promo-img img{
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;
.swiper-slide:nth-of-type(3) {
.testimonials {
.row {
border-bottom: 20px solid #0484b8;
}
}
.promo-img img{
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;
.swiper-slide:nth-of-type(4) {
.testimonials {
.row {
border-bottom: 20px solid #e04e39;
}
}
.promo-img img{
border-bottom:20px solid #E04E39;
.promo-img img {
border-bottom: 20px solid #e04e39;
}
}
}
}
.promo-carousel{
width:100% !important;
margin-left:0px !important;
.promo-carousel {
width: 100% !important;
margin-left: 0px !important;
position: relative;
@media only screen and (min-width:1400px) {
@media only screen and (min-width: 1400px) {
max-width: 100% !important;
}
.swiper-slide{
margin-left:0px !important;
.swiper-slide {
margin-left: 0px !important;
max-width: 100% !important;
@media only screen and (min-width:1400px) {
width:100% !important;
@media only screen and (min-width: 1400px) {
width: 100% !important;
}
.promo-img{
.promo-img {
max-height: 264px;
max-width: 372px;
overflow: hidden;
border-bottom:20px solid #FFA300;
border-bottom: 20px solid #ffa300;
}
.promo-img img{
.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) {
.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%;
width: 80%;
}
margin: 40px auto;
padding: 50px 0px;
}
.promo_content{
.promo_content {
max-width: 760px;
h3{
h3 {
font-size: 22px;
line-height: 33px;
}
p{
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{
.swiper-pagination {
bottom: 65px !important;
}
.swiper-slide:nth-of-type(2){
.swiper-slide:nth-of-type(2) {
.promo-img {
border-bottom:20px solid #3F9C35;
border-bottom: 20px solid #3f9c35;
}
}
.swiper-slide:nth-of-type(3){
.swiper-slide:nth-of-type(3) {
.promo-img {
border-bottom:20px solid #0484B8;
border-bottom: 20px solid #0484b8;
}
}
.swiper-slide:nth-of-type(4){
.swiper-slide:nth-of-type(4) {
.promo-img {
border-bottom:20px solid #E04E39;
border-bottom: 20px solid #e04e39;
}
}
}
}
\ No newline at end of file
\ 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{
#program-info {
.nav-item {
width: 50%;
border: 0px solid #ccc;
.nav-link{
.nav-link {
width: 100%;
border-radius: 0px;
background-color: #0081BC;
color: #FFFFFF;
background-color: #0081bc;
color: #ffffff;
border: 0px solid #ccc;
font-size: 18px;
padding: 20px 20px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.nav-link.active{
background-color:#FFFFFF;
color: #0081BC;
.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{
tr {
th {
width: 33%;
font-size: 18px;
color: #0081BC;
font-family: 'Poppins', sans-serif;
color: #0081bc;
font-family: "Poppins", sans-serif;
}
}
tr:not(.not){
border-bottom:1px solid #FFA300;
td{
tr:not(.not) {
border-bottom: 1px solid #ffa300;
td {
font-size: 16px;
padding: 10px 0px;
}
}
}
}
}
.outcomes{
}
.outcomes {
margin: 70px 0px;
.outcome{
.outcome {
width: 100%;
min-height: 227px;
background-color: #E2F2F9;
padding:25px 25px 25px 15px;
background-color: #e2f2f9;
padding: 25px 25px 25px 15px;
border-radius: 25px 25px 0px 0px;
border-bottom: 22px solid #FFA300;
border-bottom: 22px solid #ffa300;
font-size: 16px;
line-height: 24px;
}
.col-out{
.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
......
#wrapper-footer-full{
#wrapper-footer-full {
background-color: #fff;
padding-bottom: 0px;
#footer-full-content{
.footer-widget{
.wp-block-columns{
p{
#footer-full-content {
.footer-widget {
.wp-block-columns {
p {
color: #707070;
}
.wp-block-column:nth-of-type(2) {
::before{
::before {
content: "";
margin: 20px 0px;
display: block;
width: 120px;
height: 4px;
background-color: #FFA300;
background-color: #ffa300;
}
}
.wp-block-column:nth-of-type(3) {
::before{
::before {
content: "";
margin: 20px 0px;
display: block;
width: 120px;
height: 4px;
background-color: #3F9C35;
background-color: #3f9c35;
}
}
.wp-block-column:nth-of-type(4) {
p::before{
p::before {
content: "";
margin: 20px 0px;
display: block;
width: 120px;
height: 4px;
background-color: #E04E39;
background-color: #e04e39;
}
}
}
}
}
}
}
.newsletter{
background-color: #6ED5FF;
.newsletter {
background-color: #6ed5ff;
min-height: 236px;
padding: 52px 0px 32px 0px;
h2{
h2 {
font-size: 18px;
line-height: 24px;
color:#000 !important;
color: #000 !important;
text-align: left !important;
text-transform: uppercase;
}
.wpcf7{
.wpcf7 {
max-width: 100%;
input[type=submit]{
input[type="submit"] {
float: right;
margin-top: 20px;
width: 112px;
......@@ -64,8 +64,8 @@
text-transform: uppercase;
}
}
}
#menu-social {
}
#menu-social {
display: flex;
list-style: none;
margin: 0;
......@@ -75,15 +75,15 @@
flex-direction: row;
align-content: flex-end;
flex-wrap: wrap;
}
}
#menu-social > .menu-item {
#menu-social > .menu-item {
a {
color:transparent;
color: transparent;
display: inline-block;
width:2.5rem;
height:2.5rem;
background-repeat:no-repeat;
width: 2.5rem;
height: 2.5rem;
background-repeat: no-repeat;
transition-duration: 0.4s;
}
a:hover {
......@@ -94,29 +94,21 @@
a {
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");
}
}
&.linkedin {
a {
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");
}
}
&.twitter {
a {
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");
}
}
&.facebook {
a{
a {
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");
}
}
}
\ No newline at end of file
}
\ 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{
.sponsored {
text-align: right;
.logo{
.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{
img {
transition: 0.4s;
width: 349px;
}
}
.navbar-nav.sign-up{
.navbar-nav.sign-up {
margin-bottom: 20px;
}
#login-menu{
#login-menu {
transition: 0.4s;
position: relative;
a{
a {
font-size: 14px;
color: #0484B8;
color: #0484b8;
margin-left: 20px;
text-align: center;
}
a:hover{
color: #2C2C2C;
a:hover {
color: #2c2c2c;
text-decoration: underline;
}
.sign-up{
a{
.sign-up {
a {
margin-left: 10px;
}
}
.log-in-button{
background-color: #0484B8;
.log-in-button {
background-color: #0484b8;
margin-left: 20px;
a{
a {
font-size: 14px;
color: #fff;
padding: 7px 25px;
margin-left: 0px;
}
a:hover{
a:hover {
text-decoration: none !important;
}
}
.log-in-button:hover{
background-color: #2C2C2C;
.log-in-button:hover {
background-color: #2c2c2c;
}
}
#main-menu{
#main-menu {
transition: 0.4s;
position: relative;
top: unset;
a{
a {
font-size: 18px;
font-weight: bold;
color: #0484B8;
color: #0484b8;
}
a:hover{
color: #2C2C2C;
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{
#main-menu {
top: -20px;
}
#login-menu{
#login-menu {
top: -60px;
}
.custom-logo-link img{
.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');
}
background-image: url("../images/logo-border.png");
}
.hero-content{
.hero-content {
width: 60%;
height: 520px;
h1{
h1 {
color: #fff;
margin-bottom: 10px;
}
p{
p {
color: #fff;
font-size: 20px;
line-height: 28px;
margin-bottom: 25px;
}
a{
a {
padding: 12px 30px;
background-color: #E8D44B;
color: #2C2C2C;
background-color: #e8d44b;
color: #2c2c2c;
font-size: 18px;
line-height: 24px;
text-decoration: none;
text-transform: uppercase;
}
a:hover{
color: #2C2C2C;
background-color:#fff;
a:hover {
color: #2c2c2c;
background-color: #fff;
}
}
}
#btn-back-to-top {
#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;
}
#btn-back-to-top:hover {
background-color: #000;
}
.search-button a{
.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
......