Skip to content

Jeff Balicki / FP_Canada

Go to a project
Toggle navigation
Toggle navigation pinning
63a2436c by Jeff Balicki
Options

fp build

1 parent b4d0143c
Inline Side-by-side
Showing 53 changed files with 657 additions and 24 deletions
No preview for this file type
No preview for this file type
...@@ -15598,13 +15598,73 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -15598,13 +15598,73 @@ figure.woocommerce-product-gallery__wrapper {
15598 display: block; 15598 display: block;
15599 } 15599 }
15600 15600
15601 #main-nav.numbers {
15602 position: absolute;
15603 width: 100%;
15604 padding-top: 0rem;
15605 }
15606
15607 p {
15608 font-family: "Calibri";
15609 font-size: 18px;
15610 color: #5B6770;
15611 line-height: 21px;
15612 }
15613
15614 h2, .h2 {
15615 font-family: "Calibri-bold";
15616 font-size: 40px;
15617 color: #012169;
15618 margin-bottom: 30px;
15619 margin-top: 20px;
15620 }
15621
15622 .cont {
15623 width: 100%;
15624 }
15625
15626 .full-width {
15627 padding: 0px 65px;
15628 }
15629
15630 .custom-logo-link {
15631 padding: 0px;
15632 }
15633
15634 .navbar-brand.custom-logo-link {
15635 float: right;
15636 margin-right: 0rem;
15637 }
15638 .navbar-brand.custom-logo-link img {
15639 width: 135px;
15640 }
15641
15642 @media (min-width: 1400px) {
15643 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
15644 max-width: 1366px;
15645 }
15646 }
15647 @media (min-width: 1200px) {
15648 .container, .container-lg, .container-md, .container-sm, .container-xl {
15649 max-width: 1234px;
15650 }
15651 }
15652 .wrapper {
15653 padding: 0px;
15654 margin-bottom: -16px;
15655 }
15656
15601 .header-image { 15657 .header-image {
15602 top: 0px !important; 15658 top: 0px !important;
15603 max-height: 768px; 15659 max-height: 768px;
15604 min-height: 768px; 15660 min-height: 768px;
15661 height: 768px;
15605 background-attachment: scroll; 15662 background-attachment: scroll;
15606 background-repeat: no-repeat; 15663 background-repeat: no-repeat;
15664 background-position: 50% 30%;
15607 background-size: cover; 15665 background-size: cover;
15666 display: flex;
15667 align-items: flex-end;
15608 } 15668 }
15609 @media screen and (max-width: 768px) { 15669 @media screen and (max-width: 768px) {
15610 .header-image { 15670 .header-image {
...@@ -15612,16 +15672,164 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -15612,16 +15672,164 @@ figure.woocommerce-product-gallery__wrapper {
15612 min-height: 240px; 15672 min-height: 240px;
15613 } 15673 }
15614 } 15674 }
15615 .header-image h1, .header-image .h1 { 15675 .header-image .header-text {
15616 position: relative; 15676 max-width: 741px;
15617 bottom: 20px; 15677 margin-bottom: 100px;
15678 }
15679 .header-image .header-text h1, .header-image .header-text .h1 {
15680 font-family: "Calibri-bold";
15681 color: #fff;
15682 font-size: 60px;
15618 } 15683 }
15619 15684
15620 @media screen and (max-width: 768px) { 15685 .numbers-top {
15621 .admin-bar .header-image { 15686 margin-bottom: 0em;
15622 top: 69px; 15687 }
15688 .numbers-top .wp-block-column:first-child {
15689 margin-left: -100%;
15690 padding-left: 100%;
15691 background-color: #333F48;
15692 flex-basis: 292% !important;
15693 padding-top: 50px;
15694 padding-right: 50px;
15695 }
15696 .numbers-top .wp-block-column:first-child p {
15697 color: #fff;
15698 font-size: 30px;
15699 line-height: 34px;
15700 }
15701 .numbers-top .wp-block-column:first-child span {
15702 color: #fff;
15703 font-size: 14px;
15704 display: block;
15705 float: right;
15706 margin-top: 40px;
15707 }
15708 .numbers-top .wp-block-column:last-child {
15709 margin-left: 0;
15710 margin-right: -50%;
15711 padding-right: 50%;
15712 background-color: #cf4520;
15713 flex-basis: 108% !important;
15714 padding-top: 50px;
15715 padding-bottom: 20px;
15716 padding-left: 50px;
15717 }
15718 .numbers-top .wp-block-column:last-child p {
15719 margin-top: -15px;
15720 color: #fff;
15721 width: 100%;
15722 font-size: 18px;
15723 }
15724 .numbers-top .wp-block-column:last-child span.doller-number {
15725 font-size: 205px;
15726 color: #fff;
15727 line-height: 100px;
15728 display: inline-block;
15729 }
15730 .numbers-top .wp-block-column:last-child span.doller-sign {
15731 font-size: 100px;
15732 color: #fff;
15733 display: inline-block;
15734 margin-top: -100px;
15735 }
15736 .numbers-top .wp-block-column:last-child span.doller-sign sup {
15737 top: -1.1em;
15738 }
15739
15740 .numbers-second {
15741 margin-bottom: 0em;
15742 }
15743 .numbers-second .wp-block-column:first-child {
15744 margin-left: -100%;
15745 padding-left: 100%;
15746 background-color: #fff;
15747 flex-basis: 292% !important;
15748 padding-top: 50px;
15749 padding-right: 50px;
15750 }
15751 .numbers-second .wp-block-column:first-child a.wp-block-button__link {
15752 background-color: #012169;
15753 text-transform: uppercase;
15754 font-family: "Calibri-bold";
15755 font-size: 30px;
15756 padding: 15px 70px;
15757 border-radius: 0px;
15758 width: 368px;
15759 }
15760 .numbers-second .wp-block-column:first-child a.wp-block-button__link:before {
15761 content: "";
15762 width: 40px;
15763 height: 40px;
15764 display: inline-block;
15765 top: 10px;
15766 position: relative;
15767 margin-left: -50px;
15768 margin-right: 20px;
15769 background-repeat: no-repeat;
15770 background-position: center;
15771 background-image: url(/wp-content/themes/understrap-child/src/images/clip_borad.svg);
15772 }
15773 .numbers-second .wp-block-column:first-child a.wp-block-button__link:after {
15774 content: "";
15775 width: 40px;
15776 height: 40px;
15777 display: inline-block;
15778 top: 10px;
15779 position: relative;
15780 margin-right: -50px;
15781 margin-left: 20px;
15782 background-repeat: no-repeat;
15783 background-position: center;
15784 background-image: url("/wp-content/themes/understrap-child/src/images/arrow_down.svg");
15785 }
15786 .numbers-second .wp-block-column:last-child {
15787 margin-left: 0;
15788 margin-right: -50%;
15789 padding-right: 50%;
15790 background-color: #005EB8;
15791 flex-basis: 108% !important;
15792 padding-top: 0px;
15793 padding-bottom: 20px;
15794 padding-left: 50px;
15795 }
15796 .numbers-second .wp-block-column:last-child .side-img {
15797 display: block;
15798 height: 418px;
15799 background-repeat: no-repeat;
15800 background-size: cover;
15801 margin-left: -50px;
15802 background-position: center;
15803 background-image: url("/wp-content/themes/understrap-child/src/images/man.jpg");
15804 }
15805 @media (min-width: 1200px) {
15806 .numbers-second .wp-block-column:last-child .side-img {
15807 margin-right: -50%;
15808 }
15809 }
15810 @media (min-width: 1500px) {
15811 .numbers-second .wp-block-column:last-child .side-img {
15812 margin-right: -150%;
15623 } 15813 }
15624 } 15814 }
15815 .numbers-second .wp-block-column:last-child p {
15816 margin-top: -15px;
15817 color: #fff;
15818 width: 100%;
15819 font-size: 18px;
15820 }
15821 .numbers-second .wp-block-column:last-child h3, .numbers-second .wp-block-column:last-child .h3 {
15822 font-family: "Calibri-bold";
15823 font-size: 40px;
15824 color: #fff;
15825 margin-bottom: 20px;
15826 margin-top: 20px;
15827 }
15828
15829 #wrapper-footer {
15830 background-color: #012169;
15831 height: 273px;
15832 }
15625 15833
15626 .has-blue-color, 15834 .has-blue-color,
15627 .has-blue-color:visited { 15835 .has-blue-color:visited {
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
1 @font-face {
2 font-family: 'Calibri-italic';
3 src: url('Calibri-Italic.woff2') format('woff2'),
4 url('Calibri-Italic.woff') format('woff');
5 font-weight: normal;
6 font-style: italic;
7 font-display: swap;
8 }
9
10 @font-face {
11 font-family: 'Calibri-italic-bold';
12 src: url('Calibri-BoldItalic.woff2') format('woff2'),
13 url('Calibri-BoldItalic.woff') format('woff');
14 font-weight: bold;
15 font-style: italic;
16 font-display: swap;
17 }
18
19 @font-face {
20 font-family: 'Calibri-bold';
21 src: url('Calibri-Bold.woff2') format('woff2'),
22 url('Calibri-Bold.woff') format('woff');
23 font-weight: bold;
24 font-style: normal;
25 font-display: swap;
26 }
27
28 @font-face {
29 font-family: 'Calibri-light-italic';
30 src: url('Calibri-LightItalic.woff2') format('woff2'),
31 url('Calibri-LightItalic.woff') format('woff');
32 font-weight: 300;
33 font-style: italic;
34 font-display: swap;
35 }
36
37 @font-face {
38 font-family: 'Calibri';
39 src: url('Calibri.woff2') format('woff2'),
40 url('Calibri.woff') format('woff');
41 font-weight: normal;
42 font-style: normal;
43 font-display: swap;
44 }
45
46 @font-face {
47 font-family: 'Calibri-light';
48 src: url('Calibri-Light.woff2') format('woff2'),
49 url('Calibri-Light.woff') format('woff');
50 font-weight: 300;
51 font-style: normal;
52 font-display: swap;
53 }
54
1 <?php
2 /**
3 * Header Navbar (bootstrap5)
4 *
5 * @package Understrap
6 */
7
8 // Exit if accessed directly.
9 defined( 'ABSPATH' ) || exit;
10
11 $container = "cont";
12 //get_theme_mod( 'understrap_container_type' );
13 ?>
14
15 <nav id="main-nav" class="navbar numbers" aria-labelledby="main-nav-label">
16
17 <h2 id="main-nav-label" class="screen-reader-text">
18 <?php esc_html_e( 'Main Navigation', 'understrap' ); ?>
19 </h2>
20
21
22 <div class="<?php echo esc_attr( $container ); ?>">
23
24 <!-- Your site title as branding in the menu -->
25 <?php if ( ! has_custom_logo() ) { ?>
26
27 <?php if ( is_front_page() && is_home() ) : ?>
28
29 <h1 class="navbar-brand mb-0"><a rel="home" href="<?php echo esc_url( home_url( '/' ) ); ?>" itemprop="url"><?php bloginfo( 'name' ); ?></a></h1>
30
31 <?php else : ?>
32
33 <a class="navbar-brand" rel="home" href="<?php echo esc_url( home_url( '/' ) ); ?>" itemprop="url"><?php bloginfo( 'name' ); ?></a>
34
35 <?php endif; ?>
36
37 <?php
38 } else {
39 the_custom_logo();
40 }
41 ?>
42 <!-- end custom logo -->
43
44 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="<?php esc_attr_e( 'Toggle navigation', 'understrap' ); ?>">
45 <span class="navbar-toggler-icon"></span>
46 </button>
47
48 <!-- The WordPress Menu goes here -->
49 <?php
50 wp_nav_menu(
51 array(
52 'theme_location' => 'primary',
53 'container_class' => 'collapse navbar-collapse',
54 'container_id' => 'navbarNavDropdown',
55 'menu_class' => 'navbar-nav ms-auto',
56 'fallback_cb' => '',
57 'menu_id' => 'main-menu',
58 'depth' => 2,
59 'walker' => new Understrap_WP_Bootstrap_Navwalker(),
60 )
61 );
62 ?>
63
64 </div><!-- .container(-fluid) -->
65
66 </nav><!-- .site-navigation -->
...@@ -10,14 +10,17 @@ defined( 'ABSPATH' ) || exit; ...@@ -10,14 +10,17 @@ defined( 'ABSPATH' ) || exit;
10 ?> 10 ?>
11 <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?> 11 <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
12 <div class="header-image" id="header-image" style="background-image: url(<?php echo $image[0]; ?>);"> 12 <div class="header-image" id="header-image" style="background-image: url(<?php echo $image[0]; ?>);">
13 13 <div class="container" id="content">
14 14 <div class="row">
15 15 <div class="col-md-12 content-area" id="primary">
16 <?php if( get_field('header_text')): ?> 16 <div class="header-text">
17 <?php the_field('header_text'); ?> 17 <?php if( get_field('header_text')): ?>
18 <?php endif; ?> 18 <?php the_field('header_text'); ?>
19 19 <?php endif; ?>
20 </div>
21 </div>
22 </div>
23 </div>
20 </div> 24 </div>
21
22 <?php 25 <?php
23 26
......
1 <?php
2 /**
3 * The header for our theme
4 *
5 * Displays all of the <head> section and everything up till <div id="content">
6 *
7 * @package Understrap
8 */
9
10 // Exit if accessed directly.
11 defined( 'ABSPATH' ) || exit;
12
13 $bootstrap_version = get_theme_mod( 'understrap_bootstrap_version', 'bootstrap4' );
14 $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' );
15 ?>
16 <!DOCTYPE html>
17 <html <?php language_attributes(); ?>>
18 <head>
19 <meta charset="<?php bloginfo( 'charset' ); ?>">
20 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
21 <link rel="profile" href="http://gmpg.org/xfn/11">
22 <?php wp_head(); ?>
23 </head>
24
25 <body <?php body_class(); ?> <?php understrap_body_attributes(); ?>>
26 <?php do_action( 'wp_body_open' ); ?>
27 <div class="site" id="page">
28
29 <!-- ******************* The Navbar Area ******************* -->
30 <header id="wrapper-navbar">
31
32 <a class="skip-link sr-only sr-only-focusable" href="#content"><?php esc_html_e( 'Skip to content', 'understrap' ); ?></a>
33
34 <?php get_template_part( 'global-templates/navbar', $navbar_type . '-' . $bootstrap_version ); ?>
35
36 </header><!-- #wrapper-navbar end -->
1 <?php
2 /**
3 * Understrap enqueue scripts
4 *
5 * @package Understrap
6 */
7
8 // Exit if accessed directly.
9 defined( 'ABSPATH' ) || exit;
10
11 if ( ! function_exists( 'understrap_scripts' ) ) {
12 /**
13 * Load theme's JavaScript and CSS sources.
14 */
15 function understrap_scripts() {
16 // Get the theme data.
17 $the_theme = wp_get_theme();
18 $theme_version = $the_theme->get( 'Version' );
19 $bootstrap_version = get_theme_mod( 'understrap_bootstrap_version', 'bootstrap4' );
20 $suffix = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
21
22 // Grab asset urls.
23 $theme_styles = "/css/theme{$suffix}.css";
24 $theme_scripts = "/js/theme{$suffix}.js";
25 if ( 'bootstrap4' === $bootstrap_version ) {
26 $theme_styles = "/css/theme-bootstrap4{$suffix}.css";
27 $theme_scripts = "/js/theme-bootstrap4{$suffix}.js";
28 }
29
30 $css_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_styles );
31 wp_enqueue_style( 'fonts', get_template_directory_uri() .'fonts/fonts.css', array(), $css_version );
32 wp_enqueue_style( 'understrap-styles', get_template_directory_uri() . $theme_styles, array(), $css_version );
33
34 wp_enqueue_script( 'jquery' );
35
36 $js_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_scripts );
37 wp_enqueue_script( 'understrap-scripts', get_template_directory_uri() . $theme_scripts, array(), $js_version, true );
38 if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
39 wp_enqueue_script( 'comment-reply' );
40 }
41 }
42 } // End of if function_exists( 'understrap_scripts' ).
43
44 add_action( 'wp_enqueue_scripts', 'understrap_scripts' );
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
11 defined( 'ABSPATH' ) || exit; 11 defined( 'ABSPATH' ) || exit;
12 12
13 get_header(); 13 get_header();
14 //$container = "full-width";
14 $container = get_theme_mod( 'understrap_container_type' ); 15 $container = get_theme_mod( 'understrap_container_type' );
15 16
16 if ( is_front_page() ) { 17 if ( is_front_page() ) {
...@@ -27,9 +28,7 @@ if ( is_front_page() ) { ...@@ -27,9 +28,7 @@ if ( is_front_page() ) {
27 <div class="col-md-12 content-area" id="primary"> 28 <div class="col-md-12 content-area" id="primary">
28 29
29 <main class="site-main" id="main" role="main"> 30 <main class="site-main" id="main" role="main">
30 <div class="cert_header"> 31
31
32 </div>
33 <?php 32 <?php
34 while ( have_posts() ) { 33 while ( have_posts() ) {
35 the_post(); 34 the_post();
......
1 <svg xmlns="http://www.w3.org/2000/svg" width="25.051" height="15.19" viewBox="0 0 25.051 15.19">
2 <path id="Path_734" data-name="Path 734" d="M23.855,193.285c.868-.879,1.72-1.75,2.582-2.612q3.1-3.1,6.21-6.192a1.393,1.393,0,0,1,2.058,0c.394.4.8.8,1.2,1.2a1.364,1.364,0,0,1-.008,2.042q-2.793,2.792-5.584,5.585Q27.6,196.02,24.9,198.733a1.511,1.511,0,0,1-1.013.483,1.442,1.442,0,0,1-1.114-.481q-2.089-2.1-4.18-4.191-2.844-2.847-5.69-5.692c-.387-.387-.776-.773-1.161-1.162a1.356,1.356,0,0,1,.014-2q.594-.592,1.186-1.186a1.391,1.391,0,0,1,2.088,0l5.037,5.018,3.648,3.632C23.748,193.185,23.785,193.218,23.855,193.285Z" transform="translate(-11.305 -184.028)" fill="#fff"/>
3 </svg>
1 <svg id="Group_1041" data-name="Group 1041" xmlns="http://www.w3.org/2000/svg" width="37.976" height="39.782" viewBox="0 0 37.976 39.782">
2 <path id="Path_1305" data-name="Path 1305" d="M-44.354-184c.392.066.789.112,1.176.2a7.2,7.2,0,0,1,5.442,5.784,7.915,7.915,0,0,1,.113,1.25c.012,1.793.008,3.586,0,5.379a1.8,1.8,0,0,1-1.421,1.809,1.793,1.793,0,0,1-2.185-1.7c-.015-1.515,0-3.031-.006-4.546a4.508,4.508,0,0,0-3.6-4.458,4.525,4.525,0,0,0-.946-.1q-9.022-.008-18.045,0a4.513,4.513,0,0,0-4.54,4.433c0,.074,0,.149,0,.223q0,11.62,0,23.24a4.493,4.493,0,0,0,1.572,3.551,4.39,4.39,0,0,0,2.9,1.1c.629.011,1.259-.005,1.888.005a1.8,1.8,0,0,1,1.778,1.872,1.814,1.814,0,0,1-1.39,1.693c-.051.012-.1.031-.15.047h-3.491c-.253-.039-.506-.074-.758-.117a7.207,7.207,0,0,1-5.767-5.485c-.122-.557-.145-1.136-.214-1.7v-25.168c.01-.107.017-.214.03-.321a10.744,10.744,0,0,1,.181-1.364,7.1,7.1,0,0,1,5.394-5.423c.37-.1.756-.134,1.134-.2Z" transform="translate(72 184)" fill="#fff"/>
3 <path id="Path_1306" data-name="Path 1306" d="M335.533,282.168c-.1-.03-.2-.059-.305-.092A1.779,1.779,0,0,1,334,280.431c-.01-1.84-.007-3.68,0-5.519a2.016,2.016,0,0,1,.743-1.433q5.1-5.031,10.2-10.064a22.074,22.074,0,0,1,1.926-1.828,5.058,5.058,0,0,1,5.278-.726,5.119,5.119,0,0,1,3.287,4.246,5.207,5.207,0,0,1-1.492,4.532q-5.6,5.815-11.221,11.618c-.112.116-.2.253-.311.372a2,2,0,0,1-1.021.539Zm2.03-3.608h.247c.764,0,1.529,0,2.293,0a.5.5,0,0,0,.4-.168q3.718-3.869,7.446-7.729,1.7-1.767,3.408-3.534a1.754,1.754,0,0,0,.43-1.925,1.778,1.778,0,0,0-2.971-.605q-1.643,1.614-3.275,3.238-3.93,3.889-7.858,7.779a.345.345,0,0,0-.119.2C337.561,276.722,337.563,277.627,337.563,278.561Z" transform="translate(-317.508 -242.386)" fill="#fff"/>
4 <path id="Path_1307" data-name="Path 1307" d="M116.514,86.865c-2.666,0-5.332,0-8,0a1.8,1.8,0,0,1-1.639-.831,1.711,1.711,0,0,1-.081-1.813,1.757,1.757,0,0,1,1.558-.97c.034,0,.068,0,.1,0q8.068,0,16.137,0a1.8,1.8,0,0,1,1.824,1.377,1.782,1.782,0,0,1-1.663,2.225c-1.339.024-2.679.009-4.019.01Z" transform="translate(-99.327 -72.403)" fill="#fff"/>
5 <path id="Path_1308" data-name="Path 1308" d="M114.1,264.745q-2.668,0-5.336,0a1.81,1.81,0,1,1-.164-3.616c.054,0,.108,0,.162,0q5.336,0,10.672,0a1.8,1.8,0,0,1,1.871,1.519,1.785,1.785,0,0,1-1.646,2.088c-.878.03-1.758.012-2.637.013Q115.561,264.746,114.1,264.745Z" transform="translate(-99.608 -243.054)" fill="#fff"/>
6 <path id="Path_1309" data-name="Path 1309" d="M111.292,443.18c-.879,0-1.759,0-2.638,0a1.806,1.806,0,0,1-1.854-1.492,1.781,1.781,0,0,1,1.644-2.106c1.1-.031,2.2-.012,3.307-.013.778,0,1.556-.013,2.333.009a1.68,1.68,0,0,1,1.522.982,1.715,1.715,0,0,1-.108,1.811,1.783,1.783,0,0,1-1.59.81Z" transform="translate(-99.512 -414.25)" fill="#fff"/>
7 </svg>
...@@ -4,4 +4,5 @@ ...@@ -4,4 +4,5 @@
4 4
5 5
6 $purple: #5533ff; // Thats a sample how you could change a BootStrap variable. 6 $purple: #5533ff; // Thats a sample how you could change a BootStrap variable.
7 $transparent: transparent; // Thats a sample how you could change a BootStrap variable.
7 $primary: $purple; // Once we've changed the value, we'll also make it the primary brand color. 8 $primary: $purple; // Once we've changed the value, we'll also make it the primary brand color.
......
1
2 #main-nav.numbers{
3 position: absolute;
4 width: 100%;
5 padding-top: 0rem;
6 }
7 p{
8 font-family: 'Calibri';
9 font-size: 18px;
10 color:#5B6770;
11 line-height: 21px;
12 }
13 h2{
14 font-family: 'Calibri-bold';
15 font-size: 40px;
16 color: #012169;
17 margin-bottom: 30px;
18 margin-top: 20px;
19 }
20 .cont{
21 width: 100%;
22 }
23 .full-width{
24 padding: 0px 65px;
25 }
26 .custom-logo-link{
27 padding: 0px;
28 }
29
30 .navbar-brand.custom-logo-link{
31 float: right;
32 margin-right: 0rem;
33 img{
34 width: 135px;
35
36 }
37 }
38
39 @media (min-width: 1400px){
40 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
41 max-width: 1366px;
42 }
43 }
44
45 @media (min-width: 1200px){
46 .container, .container-lg, .container-md, .container-sm, .container-xl {
47 max-width: 1234px;
48 }
49 }
50 .wrapper{
51 padding:0px;
52 margin-bottom: -16px;
53 }
54
1 .header-image{ 55 .header-image{
2 top: 0px !important; 56 top: 0px !important;
3 max-height: 768px; 57 max-height: 768px;
4 min-height: 768px; 58 min-height: 768px;
59 height: 768px;
5 background-attachment: scroll; 60 background-attachment: scroll;
6 background-repeat: no-repeat; 61 background-repeat: no-repeat;
62 background-position: 50% 30%;
7 background-size: cover; 63 background-size: cover;
64 display: flex;
65 align-items: flex-end;
8 @media screen and (max-width: 768px) { 66 @media screen and (max-width: 768px) {
9 max-height: 240px; 67 max-height: 240px;
10 min-height: 240px; 68 min-height: 240px;
11 } 69 }
12 h1{ 70
13 position: relative; 71 .header-text{
14 bottom:20px; 72 max-width: 741px;
73
74 margin-bottom: 100px;
75
76 h1{
77 font-family: 'Calibri-bold';
78 color: #fff;
79 font-size: 60px;
80 }
15 } 81 }
16 } 82 }
17 .admin-bar { 83 .numbers-top{
18 .header-image{ 84 margin-bottom: 0em;
19 @media screen and (max-width: 768px) { 85 .wp-block-column:first-child{
20 top: 69px; 86 margin-left: -100%;
87 padding-left: 100%;
88 background-color: #333F48;
89 flex-basis: 292% !important;
90 padding-top: 50px;
91 padding-right: 50px;
92 p{
93 color: #fff;
94 font-size: 30px;
95 line-height: 34px;
96 }
97 span{
98 color: #fff;
99 font-size: 14px;
100 display: block;
101 float: right;
102 margin-top: 40px;
103 }
104 }
105 .wp-block-column:last-child{
106 margin-left: 0;
107 margin-right: -50%;
108 padding-right: 50%;
109 background-color: #cf4520;
110 flex-basis: 108%!important;
111 padding-top: 50px;
112 padding-bottom: 20px;
113 padding-left: 50px;
114 p{
115 margin-top: -15px;
116 color: #fff;
117 width: 100%;
118 font-size: 18px;
119 }
120 span.doller-number {
121 font-size: 205px;
122 color: #fff;
123 line-height: 100px;
124 display: inline-block;
125 }
126 span.doller-sign {
127 font-size: 100px;
128 color: #fff;
129 display: inline-block;
130 margin-top: -100px;
131 sup {
132 top: -1.1em;
133 }
134
135 }
136 }
137
138
139 }
140 .numbers-second{
141 margin-bottom: 0em;
142 .wp-block-column:first-child{
143 margin-left: -100%;
144 padding-left: 100%;
145 background-color: #fff;
146 flex-basis: 292% !important;
147 padding-top: 50px;
148 padding-right: 50px;
149 p{
150
151 }
152 a.wp-block-button__link {
153 background-color: #012169;
154 text-transform: uppercase;
155 font-family: 'Calibri-bold';
156 font-size: 30px;
157 padding: 15px 70px;
158 border-radius: 0px;
159 width: 368px;
160
161 }
162 a.wp-block-button__link:before {
163 content: "";
164 width: 40px;
165 height: 40px;
166 display: inline-block;
167 top: 10px;
168 position: relative;
169 margin-left: -50px;
170 margin-right: 20px;
171 background-repeat: no-repeat;
172 background-position: center;
173 background-image: url(/wp-content/themes/understrap-child/src/images/clip_borad.svg);
174 }
175 a.wp-block-button__link:after{
176 content: "";
177 width: 40px;
178 height: 40px;
179 display: inline-block;
180 top: 10px;
181 position: relative;
182 margin-right: -50px;
183 margin-left: 20px;
184 background-repeat: no-repeat;
185 background-position: center;
186 background-image: url('/wp-content/themes/understrap-child/src/images/arrow_down.svg');
187 }
188
189 }
190 .wp-block-column:last-child{
191 margin-left: 0;
192 margin-right: -50%;
193 padding-right: 50%;
194 background-color: #005EB8;
195 flex-basis: 108%!important;
196 padding-top: 0px;
197 padding-bottom: 20px;
198 padding-left: 50px;
199 .side-img{
200 display: block;
201 height: 418px;
202 background-repeat: no-repeat;
203 background-size: cover;
204 margin-left:-50px ;
205 background-position: center;
206 background-image: url('/wp-content/themes/understrap-child/src/images/man.jpg');
207 @media (min-width: 1200px){
208 margin-right: -50%;
209 }
210 @media (min-width: 1500px){
211 margin-right: -150%;
212 }
213 }
214 p{
215 margin-top: -15px;
216 color: #fff;
217 width: 100%;
218 font-size: 18px;
219 }
220 h3{
221 font-family: 'Calibri-bold';
222 font-size: 40px;
223 color: #fff;
224 margin-bottom: 20px;
225 margin-top: 20px;
226 }
227
21 } 228 }
229
22 } 230 }
231
232 #wrapper-footer{
233 background-color:#012169;
234 height: 273px;
23 } 235 }
...\ No newline at end of file ...\ No newline at end of file
......
This file is too large to display.