Skip to content

Jeff Balicki / FP_Canada

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

scss formating

1 parent 26aa95b3
Inline Side-by-side
Showing 7 changed files with 719 additions and 717 deletions
...@@ -15617,13 +15617,13 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -15617,13 +15617,13 @@ figure.woocommerce-product-gallery__wrapper {
15617 p { 15617 p {
15618 font-family: "Calibri"; 15618 font-family: "Calibri";
15619 font-size: 18px; 15619 font-size: 18px;
15620 color: #5B6770; 15620 color: #5b6770;
15621 line-height: 21px; 15621 line-height: 21px;
15622 } 15622 }
15623 15623
15624 ol li { 15624 ol li {
15625 font-size: 18px; 15625 font-size: 18px;
15626 color: #5B6770; 15626 color: #5b6770;
15627 line-height: 21px; 15627 line-height: 21px;
15628 margin-bottom: 10px; 15628 margin-bottom: 10px;
15629 } 15629 }
...@@ -15701,12 +15701,21 @@ h2, .h2 { ...@@ -15701,12 +15701,21 @@ h2, .h2 {
15701 } 15701 }
15702 15702
15703 @media (min-width: 1400px) { 15703 @media (min-width: 1400px) {
15704 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { 15704 .container,
15705 .container-lg,
15706 .container-md,
15707 .container-sm,
15708 .container-xl,
15709 .container-xxl {
15705 max-width: 1366px; 15710 max-width: 1366px;
15706 } 15711 }
15707 } 15712 }
15708 @media (min-width: 1200px) { 15713 @media (min-width: 1200px) {
15709 .container, .container-lg, .container-md, .container-sm, .container-xl { 15714 .container,
15715 .container-lg,
15716 .container-md,
15717 .container-sm,
15718 .container-xl {
15710 max-width: 1234px; 15719 max-width: 1234px;
15711 } 15720 }
15712 } 15721 }
...@@ -15773,7 +15782,7 @@ h2, .h2 { ...@@ -15773,7 +15782,7 @@ h2, .h2 {
15773 .numbers-top .wp-block-column:first-child { 15782 .numbers-top .wp-block-column:first-child {
15774 margin-left: -100%; 15783 margin-left: -100%;
15775 padding-left: 100%; 15784 padding-left: 100%;
15776 background-color: #333F48; 15785 background-color: #333f48;
15777 flex-basis: 292% !important; 15786 flex-basis: 292% !important;
15778 padding-top: 50px; 15787 padding-top: 50px;
15779 padding-right: 50px; 15788 padding-right: 50px;
...@@ -15950,7 +15959,7 @@ h2, .h2 { ...@@ -15950,7 +15959,7 @@ h2, .h2 {
15950 margin-right: 20px; 15959 margin-right: 20px;
15951 background-repeat: no-repeat; 15960 background-repeat: no-repeat;
15952 background-position: center; 15961 background-position: center;
15953 background-image: url(/wp-content/themes/understrap-child/src/images/clip_borad.svg); 15962 background-image: url("/wp-content/themes/understrap-child/src/images/clip_borad.svg");
15954 } 15963 }
15955 .numbers-second .wp-block-column:first-child a.wp-block-button__link:after { 15964 .numbers-second .wp-block-column:first-child a.wp-block-button__link:after {
15956 content: ""; 15965 content: "";
...@@ -15973,7 +15982,7 @@ h2, .h2 { ...@@ -15973,7 +15982,7 @@ h2, .h2 {
15973 margin-left: 0; 15982 margin-left: 0;
15974 margin-right: -50%; 15983 margin-right: -50%;
15975 padding-right: 50%; 15984 padding-right: 50%;
15976 background-color: #005EB8; 15985 background-color: #005eb8;
15977 flex-basis: 108% !important; 15986 flex-basis: 108% !important;
15978 padding-top: 0px; 15987 padding-top: 0px;
15979 padding-bottom: 50px; 15988 padding-bottom: 50px;
...@@ -16024,7 +16033,7 @@ h2, .h2 { ...@@ -16024,7 +16033,7 @@ h2, .h2 {
16024 } 16033 }
16025 16034
16026 .wp-block-group.register { 16035 .wp-block-group.register {
16027 background-color: #F2F2F2; 16036 background-color: #f2f2f2;
16028 margin-left: -100%; 16037 margin-left: -100%;
16029 padding-left: 100%; 16038 padding-left: 100%;
16030 margin-right: -50%; 16039 margin-right: -50%;
...@@ -16228,7 +16237,8 @@ h2, .h2 { ...@@ -16228,7 +16237,8 @@ h2, .h2 {
16228 .wp-block-group.register .wpcf7 .acceptance-548 { 16237 .wp-block-group.register .wpcf7 .acceptance-548 {
16229 text-transform: none; 16238 text-transform: none;
16230 } 16239 }
16231 .wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after, .wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after { 16240 .wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after,
16241 .wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after {
16232 position: absolute; 16242 position: absolute;
16233 top: 10px; 16243 top: 10px;
16234 left: 100%; 16244 left: 100%;
...@@ -16281,13 +16291,15 @@ h2, .h2 { ...@@ -16281,13 +16291,15 @@ h2, .h2 {
16281 } 16291 }
16282 } 16292 }
16283 16293
16284 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li, .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li { 16294 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li,
16295 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li {
16285 display: block !important; 16296 display: block !important;
16286 margin-bottom: 50px; 16297 margin-bottom: 50px;
16287 overflow: visible !important; 16298 overflow: visible !important;
16288 } 16299 }
16289 16300
16290 .wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after, .wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after { 16301 .wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after,
16302 .wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after {
16291 position: absolute; 16303 position: absolute;
16292 top: 22px; 16304 top: 22px;
16293 left: 0%; 16305 left: 0%;
...@@ -16434,7 +16446,7 @@ ul.social li a { ...@@ -16434,7 +16446,7 @@ ul.social li a {
16434 overflow: hidden; 16446 overflow: hidden;
16435 background-size: 400%; 16447 background-size: 400%;
16436 box-shadow: none !important; 16448 box-shadow: none !important;
16437 border: solid 0px #4A4E4F; 16449 border: solid 0px #4a4e4f;
16438 background-color: transparent !important; 16450 background-color: transparent !important;
16439 margin-top: 0px; 16451 margin-top: 0px;
16440 margin-bottom: 0rem; 16452 margin-bottom: 0rem;
......
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 #wrapper-footer{ 1 #wrapper-footer {
2 background-color:#012169; 2 background-color: #012169;
3 height: 273px; 3 height: 273px;
4 @media screen and (max-width: 768px) { 4 @media screen and (max-width: 768px) {
5 height: auto; 5 height: auto;
6 padding-bottom: 50px; 6 padding-bottom: 50px;
7 } 7 }
8 a{ 8 a {
9 color: #fff; 9 color: #fff;
10 } 10 }
11 } 11 }
12 12
13 .footer-widget{ 13 .footer-widget {
14 width: 39%; 14 width: 39%;
15 display: inline-block; 15 display: inline-block;
16 position: relative; 16 position: relative;
...@@ -18,151 +18,143 @@ ...@@ -18,151 +18,143 @@
18 top: 45px; 18 top: 45px;
19 vertical-align: top; 19 vertical-align: top;
20 @media screen and (max-width: 768px) { 20 @media screen and (max-width: 768px) {
21 width: 90%; 21 width: 90%;
22 padding-left: 5%; 22 padding-left: 5%;
23 } 23 }
24 p{ 24 p {
25 font-size: 14px; 25 font-size: 14px;
26 text-align: right; 26 text-align: right;
27 margin-top:0px; 27 margin-top: 0px;
28 color: #fff; 28 color: #fff;
29 @media screen and (max-width: 768px) { 29 @media screen and (max-width: 768px) {
30 text-align: left; 30 text-align: left;
31 } 31 }
32 } 32 }
33 } 33 }
34 .footer-left{ 34 .footer-left {
35 width: 60%; 35 width: 60%;
36 display: inline-block; 36 display: inline-block;
37 position: relative; 37 position: relative;
38 left: 0px; 38 left: 0px;
39 top: 45px; 39 top: 45px;
40 @media screen and (max-width: 768px) { 40 @media screen and (max-width: 768px) {
41 width: 90%; 41 width: 90%;
42 padding-left: 5%; 42 padding-left: 5%;
43 } 43 }
44 p{ 44 p {
45 position: relative; 45 position: relative;
46 right: 0px; 46 right: 0px;
47 text-align: left; 47 text-align: left;
48 margin-top:0px; 48 margin-top: 0px;
49 color: #fff; 49 color: #fff;
50 } 50 }
51 51 }
52 } 52 div.social {
53 div.social{
54
55 position: relative; 53 position: relative;
56 right: 0px; 54 right: 0px;
57 top:0px; 55 top: 0px;
58 width: 300px; 56 width: 300px;
59 display: block; 57 display: block;
60 float: right; 58 float: right;
61 @media screen and (max-width: 768px) { 59 @media screen and (max-width: 768px) {
62 float: left; 60 float: left;
63 } 61 }
64 62 }
65 } 63 ul.social {
66 ul.social {
67 list-style-position: inside; 64 list-style-position: inside;
68 text-align: right; 65 text-align: right;
69 margin-top:0px ; 66 margin-top: 0px;
70 margin-bottom: 0rem !important; 67 margin-bottom: 0rem !important;
71 @media screen and (max-width: 768px) { 68 @media screen and (max-width: 768px) {
72 text-align: left; 69 text-align: left;
73 padding-left:0px !important; 70 padding-left: 0px !important;
74 margin-bottom: 0.7rem !important; 71 margin-bottom: 0.7rem !important;
75 } 72 }
76 li { 73 li {
74 display: inline-block;
75
76 a {
77 -webkit-transition: none !important;
78 transition: none !important;
77 display: inline-block; 79 display: inline-block;
78 80 width: 36px !important;
79 a { 81 height: 36px !important;
80 -webkit-transition: none !important; 82 background: url(/wp-content/themes/understrap-child/src/images/social.svg)
81 transition: none !important; 83 no-repeat;
82 display: inline-block; 84 text-indent: 100%;
83 width: 36px !important; 85 white-space: nowrap;
84 height: 36px !important; 86 overflow: hidden;
85 background:url(/wp-content/themes/understrap-child/src/images/social.svg) no-repeat; 87 background-size: 400%;
86 text-indent: 100%; 88 box-shadow: none !important;
87 white-space: nowrap; 89 border: solid 0px #4a4e4f;
88 overflow: hidden; 90 background-color: transparent !important;
89 background-size: 400%; 91 margin-top: 0px;
90 box-shadow: none !important; 92 margin-bottom: 0rem;
91 border: solid 0px #4A4E4F; 93 }
92 background-color: transparent !important; 94
93 margin-top:0px ; 95 a.twitter-icon {
94 margin-bottom: 0rem; 96 background-position: 0% 0%;
95 97
98 &:hover {
99 opacity: 0.5;
96 } 100 }
97 101
98 a.twitter-icon { 102 &:active {
99 103 opacity: 0.5;
100 background-position: 0% 0%;
101
102 &:hover {
103 opacity: 0.5;
104 }
105
106 &:active {
107 opacity: 0.5;
108 }
109
110 &:focus {
111 opacity: 0.5;
112 }
113
114 } 104 }
115 105
116 a.instagram-icon { 106 &:focus {
117 107 opacity: 0.5;
118 background-position: 33% 0%;
119
120 &:hover {
121 opacity: 0.5;
122 }
123
124 &:active {
125 opacity: 0.5;
126 }
127
128 &:focus {
129 opacity: 0.5;
130 }
131 } 108 }
132 109 }
133 a.facebook-icon { 110
134 111 a.instagram-icon {
135 background-position: 66% 0%; 112 background-position: 33% 0%;
136 113
137 &:hover { 114 &:hover {
138 opacity: 0.5; 115 opacity: 0.5;
139 }
140
141 &:active {
142 opacity: 0.5;
143 }
144
145 &:focus {
146 opacity: 0.5;
147 }
148 } 116 }
149 117
150 a.linkedin-icon { 118 &:active {
151 119 opacity: 0.5;
152 120 }
153 background-position: 100% 0%; 121
154 122 &:focus {
155 &:hover { 123 opacity: 0.5;
156 opacity: 0.5; 124 }
157 } 125 }
158 126
159 &:active { 127 a.facebook-icon {
160 opacity: 0.5; 128 background-position: 66% 0%;
161 } 129
162 130 &:hover {
163 &:focus { 131 opacity: 0.5;
164 opacity: 0.5; 132 }
165 } 133
134 &:active {
135 opacity: 0.5;
136 }
137
138 &:focus {
139 opacity: 0.5;
140 }
141 }
142
143 a.linkedin-icon {
144 background-position: 100% 0%;
145
146 &:hover {
147 opacity: 0.5;
148 }
149
150 &:active {
151 opacity: 0.5;
152 }
153
154 &:focus {
155 opacity: 0.5;
166 } 156 }
157 }
167 } 158 }
168 }
...\ No newline at end of file ...\ No newline at end of file
159 }
160
...\ No newline at end of file ...\ No newline at end of file
......
1 1 #main-nav.numbers {
2 #main-nav.numbers{
3 position: absolute; 2 position: absolute;
4 width: 100%; 3 width: 100%;
5 padding-top: 0rem; 4 padding-top: 0rem;
6 @media screen and (max-width: 768px) { 5 @media screen and (max-width: 768px) {
7 position: fixed; 6 position: fixed;
8 width: 100%; 7 width: 100%;
9 padding-top: 0; 8 padding-top: 0;
10 background-color: #fff; 9 background-color: #fff;
11 padding-bottom: 0px; 10 padding-bottom: 0px;
12 z-index: 999999; 11 z-index: 999999;
13 12 }
14 } 13 }
15 } 14
16 15 p {
17 p{ 16 font-family: "Calibri";
18 font-family: 'Calibri';
19 font-size: 18px; 17 font-size: 18px;
20 color:#5B6770; 18 color: #5b6770;
21 line-height: 21px; 19 line-height: 21px;
22 } 20 }
23 ol{ 21 ol {
24 li{ 22 li {
25 font-size: 18px; 23 font-size: 18px;
26 color:#5B6770; 24 color: #5b6770;
27 line-height: 21px; 25 line-height: 21px;
28 margin-bottom: 10px; 26 margin-bottom: 10px;
29 } 27 }
30 } 28 }
31 h2{ 29 h2 {
32 font-family: 'Calibri-bold'; 30 font-family: "Calibri-bold";
33 font-size: 40px; 31 font-size: 40px;
34 color: #012169; 32 color: #012169;
35 margin-bottom: 30px; 33 margin-bottom: 30px;
36 margin-top: 20px; 34 margin-top: 20px;
37 text-transform: uppercase; 35 text-transform: uppercase;
38 } 36 }
39 .cont{ 37 .cont {
40 width: 100%; 38 width: 100%;
41 } 39 }
42 .full-width{ 40 .full-width {
43 padding: 0px 65px; 41 padding: 0px 65px;
44 } 42 }
45 .custom-logo-link{ 43 .custom-logo-link {
46 padding: 0px; 44 padding: 0px;
47 } 45 }
48 46
49 .navbar-brand.custom-logo-link{ 47 .navbar-brand.custom-logo-link {
50 float: right; 48 float: right;
51 margin-right: 0rem; 49 margin-right: 0rem;
52 position: relative; 50 position: relative;
53 z-index: 9999; 51 z-index: 9999;
54 img{ 52 img {
55 width: 135px; 53 width: 135px;
56
57 } 54 }
58 } 55 }
59 #Layer_1{ 56 #Layer_1 {
60 left: 0px; 57 left: 0px;
61 top: 0px; 58 top: 0px;
62 position: absolute; 59 position: absolute;
63 @media (min-width: 1400px) and (max-width: 1500px){ 60 @media (min-width: 1400px) and (max-width: 1500px) {
64 transform: scale(1.3); 61 transform: scale(1.3);
65 top:50px; 62 top: 50px;
66 } 63 }
67 @media (min-width: 1300px) and (max-width: 1400px){ 64 @media (min-width: 1300px) and (max-width: 1400px) {
68 transform: scale(1.2); 65 transform: scale(1.2);
69 top:50px; 66 top: 50px;
70 } 67 }
71 @media (min-width: 1200px) and (max-width: 1300px){ 68 @media (min-width: 1200px) and (max-width: 1300px) {
72 transform: scale(1.3); 69 transform: scale(1.3);
73 top:50px; 70 top: 50px;
74 } 71 }
75 @media (min-width: 1000px) and (max-width: 1199px){ 72 @media (min-width: 1000px) and (max-width: 1199px) {
76 transform: scale(1.6); 73 transform: scale(1.6);
77 top:130px; 74 top: 130px;
78 } 75 }
79 @media (max-width: 999px){ 76 @media (max-width: 999px) {
80 transform: scale(1.8); 77 transform: scale(1.8);
81 top:150px; 78 top: 150px;
82
83 } 79 }
84 @media screen and (max-width: 768px) { 80 @media screen and (max-width: 768px) {
85 top:50px; 81 top: 50px;
86 } 82 }
87 83 }
88 } 84 @media (min-width: 1400px) {
89 @media (min-width: 1400px){ 85 .container,
90 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { 86 .container-lg,
91 max-width: 1366px; 87 .container-md,
92 } 88 .container-sm,
93 } 89 .container-xl,
94 90 .container-xxl {
95 @media (min-width: 1200px){ 91 max-width: 1366px;
96 .container, .container-lg, .container-md, .container-sm, .container-xl { 92 }
97 max-width: 1234px; 93 }
98 } 94
99 } 95 @media (min-width: 1200px) {
100 .wrapper{ 96 .container,
101 padding:0px; 97 .container-lg,
98 .container-md,
99 .container-sm,
100 .container-xl {
101 max-width: 1234px;
102 }
103 }
104 .wrapper {
105 padding: 0px;
102 margin-bottom: -16px; 106 margin-bottom: -16px;
103 position: relative; 107 position: relative;
104 @media screen and (max-width: 780px) { 108 @media screen and (max-width: 780px) {
105 top: 66px !important; 109 top: 66px !important;
106 } 110 }
107 } 111 }
108 112
109 #full-width-page-wrapper { 113 #full-width-page-wrapper {
110 overflow-x: hidden; 114 overflow-x: hidden;
111 } 115 }
112 116
113 .header-image{ 117 .header-image {
114 top: 0px !important; 118 top: 0px !important;
115 @media (max-width: 768px){ 119 @media (max-width: 768px) {
116 top: 66px !important; 120 top: 66px !important;
117 position: relative; 121 position: relative;
118 } 122 }
119 max-height: 768px; 123 max-height: 768px;
120 min-height: 768px; 124 min-height: 768px;
121 height: 768px; 125 height: 768px;
122 background-attachment: scroll; 126 background-attachment: scroll;
123 background-repeat: no-repeat; 127 background-repeat: no-repeat;
124 background-position: 50% 30%; 128 background-position: 50% 30%;
125 background-size: cover; 129 background-size: cover;
126 display: flex; 130 display: flex;
127 align-items: flex-end; 131 align-items: flex-end;
128 overflow: hidden; 132 overflow: hidden;
129 @media (max-width: 768px){ 133 @media (max-width: 768px) {
130 max-height: 240px; 134 max-height: 240px;
131 min-height: 240px; 135 min-height: 240px;
132 } 136 }
133 137
134 .header-text{ 138 .header-text {
135 max-width: 741px; 139 max-width: 741px;
136 position: relative; 140 position: relative;
137 z-index: 999999; 141 z-index: 999999;
138 margin-bottom: 100px; 142 margin-bottom: 100px;
139 143
140 h1{ 144 h1 {
141 font-family: 'Calibri-bold'; 145 font-family: "Calibri-bold";
142 color: #fff; 146 color: #fff;
143 font-size: 60px; 147 font-size: 60px;
144 @media (max-width: 768px){ 148 @media (max-width: 768px) {
145 display: none; 149 display: none;
146 } 150 }
147 } 151 }
148 } 152 }
149 } 153 }
150 154
151 .numbers-top{ 155 .numbers-top {
152 margin-bottom: 0em; 156 margin-bottom: 0em;
153 .wp-block-column:first-child{ 157 .wp-block-column:first-child {
154 h1{ 158 h1 {
155 font-family: 'Calibri-bold'; 159 font-family: "Calibri-bold";
156 color: #fff; 160 color: #fff;
157 font-size: 36px; 161 font-size: 36px;
158 display: none; 162 display: none;
159 @media (max-width: 768px){ 163 @media (max-width: 768px) {
160 display: block; 164 display: block;
161 } 165 }
162 } 166 }
163 margin-left: -100%; 167 margin-left: -100%;
164 padding-left: 100%; 168 padding-left: 100%;
165 background-color: #333F48; 169 background-color: #333f48;
166 flex-basis: 292% !important; 170 flex-basis: 292% !important;
167 padding-top: 50px; 171 padding-top: 50px;
168 padding-right: 50px; 172 padding-right: 50px;
169 @media (max-width: 800px){ 173 @media (max-width: 800px) {
170 margin-left: -30%; 174 margin-left: -30%;
171 padding-left: 35%; 175 padding-left: 35%;
172 margin-right: -30%; 176 margin-right: -30%;
173 padding-right: 35%; 177 padding-right: 35%;
174 } 178 }
175 179
176 @media (max-width: 600px){ 180 @media (max-width: 600px) {
177 margin-left: -10%; 181 margin-left: -10%;
178 padding-left: 15%; 182 padding-left: 15%;
179 margin-right: -10%; 183 margin-right: -10%;
180 padding-right: 15%; 184 padding-right: 15%;
181 } 185 }
182 p{ 186 p {
183 color: #fff; 187 color: #fff;
184 font-size: 30px; 188 font-size: 30px;
185 line-height: 34px; 189 line-height: 34px;
186 @media (max-width: 768px){ 190 @media (max-width: 768px) {
187 font-size: 18px; 191 font-size: 18px;
188 } 192 }
189 } 193 }
190 span{ 194 span {
191 color: #fff; 195 color: #fff;
192 font-size: 14px; 196 font-size: 14px;
193 display: block; 197 display: block;
194 float: right; 198 float: right;
195 margin-top: 10px; 199 margin-top: 10px;
196 margin-bottom: 30px; 200 margin-bottom: 30px;
197 @media (max-width: 768px){ 201 @media (max-width: 768px) {
198 margin-top: 10px; 202 margin-top: 10px;
199 margin-bottom: 30px; 203 margin-bottom: 30px;
200 } 204 }
201 } 205 }
202 } 206 }
203 .wp-block-column:last-child{ 207 .wp-block-column:last-child {
204 margin-left: 0; 208 margin-left: 0;
205 margin-right: -50%; 209 margin-right: -50%;
206 padding-right: 50%; 210 padding-right: 50%;
207 background-color: #cf4520; 211 background-color: #cf4520;
208 flex-basis: 108%!important; 212 flex-basis: 108% !important;
209 padding-top: 50px; 213 padding-top: 50px;
210 padding-bottom: 20px; 214 padding-bottom: 20px;
211 padding-left: 50px; 215 padding-left: 50px;
212 @media (max-width: 800px){ 216 @media (max-width: 800px) {
213 flex-basis: 180%!important; 217 flex-basis: 180% !important;
214 margin-left: -30%; 218 margin-left: -30%;
215 padding-left: 35%; 219 padding-left: 35%;
216 margin-right: -30%; 220 margin-right: -30%;
217 padding-right: 35%; 221 padding-right: 35%;
218 } 222 }
219 @media (max-width: 600px){ 223 @media (max-width: 600px) {
220 margin-left: -10%; 224 margin-left: -10%;
221 padding-left: 15%; 225 padding-left: 15%;
222 margin-right: -10%; 226 margin-right: -10%;
223 padding-right: 15%; 227 padding-right: 15%;
224 } 228 }
225 p{ 229 p {
226 margin-top: -15px; 230 margin-top: -15px;
227 color: #fff; 231 color: #fff;
228 width: 100%; 232 width: 100%;
229 font-size: 18px; 233 font-size: 18px;
230 @media (min-width: 800px) and (max-width: 1000px){ 234 @media (min-width: 800px) and (max-width: 1000px) {
231 margin-top: 16px; 235 margin-top: 16px;
232 } 236 }
233 } 237 }
234 span.doller-number { 238 span.doller-number {
235 font-size: 205px; 239 font-size: 205px;
236 color: #fff; 240 color: #fff;
237 line-height: 100px; 241 line-height: 100px;
238 display: inline-block; 242 display: inline-block;
239 @media (min-width: 800px) and (max-width: 1000px){ 243 @media (min-width: 800px) and (max-width: 1000px) {
240 margin-top: -130px; 244 margin-top: -130px;
241 } 245 }
242 } 246 }
243 span.doller-sign { 247 span.doller-sign {
244 font-size: 100px; 248 font-size: 100px;
245 color: #fff; 249 color: #fff;
246 display: inline-block; 250 display: inline-block;
247 margin-top: -100px; 251 margin-top: -100px;
248 @media (min-width: 800px) and (max-width: 1000px){ 252 @media (min-width: 800px) and (max-width: 1000px) {
249 margin-top: 0px; 253 margin-top: 0px;
250 } 254 }
251 sup { 255 sup {
252 top: -1.1em; 256 top: -1.1em;
253 @media (min-width: 800px) and (max-width: 1000px){ 257 @media (min-width: 800px) and (max-width: 1000px) {
254 top: 0px; 258 top: 0px;
255 left: -40px; 259 left: -40px;
256 } 260 }
257 } 261 }
258 262 }
259 }
260 } 263 }
261 264 }
262 265 .numbers-second {
263 }
264 .numbers-second{
265 margin-bottom: 0em; 266 margin-bottom: 0em;
266 .wp-block-column:first-child{ 267 .wp-block-column:first-child {
267 margin-left: -100%; 268 margin-left: -100%;
268 padding-left: 100%; 269 padding-left: 100%;
269 background-color: #fff; 270 background-color: #fff;
270 flex-basis: 292% !important; 271 flex-basis: 292% !important;
271 padding-top: 50px; 272 padding-top: 50px;
272 padding-right: 50px; 273 padding-right: 50px;
273 @media (max-width: 768px){ 274 @media (max-width: 768px) {
274 margin-left: -10%; 275 margin-left: -10%;
275 padding-left: 15%; 276 padding-left: 15%;
276 margin-right: -10%; 277 margin-right: -10%;
277 padding-right: 15%; 278 padding-right: 15%;
278 } 279 }
279 h2{ 280 h2 {
280 @media (max-width: 768px){ 281 @media (max-width: 768px) {
281 font-size: 28px; 282 font-size: 28px;
282 } 283 }
283 } 284 }
284 a.wp-block-button__link { 285 a.wp-block-button__link {
285 margin-bottom: 50px; 286 margin-bottom: 50px;
286 background-color: #012169; 287 background-color: #012169;
287 text-transform: uppercase; 288 text-transform: uppercase;
288 font-family: 'Calibri-bold'; 289 font-family: "Calibri-bold";
289 font-size: 30px; 290 font-size: 30px;
290 padding: 15px 70px; 291 padding: 15px 70px;
291 border-radius: 0px; 292 border-radius: 0px;
292 width: 368px; 293 width: 368px;
293 @media (max-width: 768px){ 294 @media (max-width: 768px) {
294 width: 330px; 295 width: 330px;
295 padding: 15px 20px; 296 padding: 15px 20px;
296 } 297 }
297 298 }
298 } 299 a.wp-block-button__link:before {
299 a.wp-block-button__link:before { 300 content: "";
300 content: ""; 301 width: 40px;
301 width: 40px; 302 height: 40px;
302 height: 40px; 303 display: inline-block;
303 display: inline-block; 304 top: 10px;
304 top: 10px; 305 position: relative;
305 position: relative; 306 margin-left: -50px;
306 margin-left: -50px; 307 margin-right: 20px;
307 margin-right: 20px; 308 background-repeat: no-repeat;
308 background-repeat: no-repeat; 309 background-position: center;
309 background-position: center; 310 background-image: url("/wp-content/themes/understrap-child/src/images/clip_borad.svg");
310 background-image: url(/wp-content/themes/understrap-child/src/images/clip_borad.svg); 311 }
311 } 312 a.wp-block-button__link:after {
312 a.wp-block-button__link:after{ 313 content: "";
313 content: ""; 314 width: 40px;
314 width: 40px; 315 height: 40px;
315 height: 40px; 316 display: inline-block;
316 display: inline-block; 317 top: 10px;
317 top: 10px; 318 position: relative;
318 position: relative; 319 margin-right: -50px;
319 margin-right: -50px; 320 margin-left: 20px;
320 margin-left: 20px; 321 background-repeat: no-repeat;
321 background-repeat: no-repeat; 322 background-position: center;
322 background-position: center; 323 background-image: url("/wp-content/themes/understrap-child/src/images/arrow_down.svg");
323 background-image: url('/wp-content/themes/understrap-child/src/images/arrow_down.svg'); 324 }
324 }
325
326 325
327 a.rotated.wp-block-button__link:after{ 326 a.rotated.wp-block-button__link:after {
328 top: 10px; 327 top: 10px;
329 background-image: url('/wp-content/themes/understrap-child/src/images/arrow_up.svg'); 328 background-image: url("/wp-content/themes/understrap-child/src/images/arrow_up.svg");
330 } 329 }
331 330 }
332 } 331 .wp-block-column:last-child {
333 .wp-block-column:last-child{ 332 margin-left: 0;
334 margin-left: 0; 333 margin-right: -50%;
335 margin-right: -50%; 334 padding-right: 50%;
336 padding-right: 50%; 335 background-color: #005eb8;
337 background-color: #005EB8; 336 flex-basis: 108% !important;
338 flex-basis: 108%!important; 337 padding-top: 0px;
339 padding-top: 0px; 338 padding-bottom: 50px;
340 padding-bottom: 50px; 339 padding-left: 50px;
341 padding-left: 50px; 340 @media (max-width: 768px) {
342 @media (max-width: 768px){ 341 display: none;
343 display:none; 342 }
344 } 343 .side-img {
345 .side-img{ 344 display: block;
346 display: block; 345 height: 418px;
347 height: 418px; 346 background-repeat: no-repeat;
348 background-repeat: no-repeat; 347 background-size: cover;
349 background-size: cover; 348 margin-left: -50px;
350 margin-left:-50px ; 349 margin-right: -70%;
351 margin-right: -70%; 350 background-position: center;
352 background-position: center; 351 background-image: url("/wp-content/themes/understrap-child/src/images/man.jpg");
353 background-image: url('/wp-content/themes/understrap-child/src/images/man.jpg'); 352 @media (min-width: 1200px) {
354 @media (min-width: 1200px){ 353 margin-right: -50%;
355 margin-right: -50%; 354 }
356 } 355 @media (min-width: 1200px) {
357 @media (min-width: 1200px){ 356 margin-right: -50%;
358 margin-right: -50%; 357 }
359 } 358 @media (min-width: 1500px) {
360 @media (min-width: 1500px){ 359 margin-right: -150%;
361 margin-right: -150%; 360 }
362 } 361 }
363 } 362 p {
364 p{ 363 margin-top: -15px;
365 margin-top: -15px; 364 color: #fff;
366 color: #fff; 365 width: 100%;
367 width: 100%; 366 font-size: 18px;
368 font-size: 18px; 367 }
369 } 368 h3 {
370 h3{ 369 font-family: "Calibri-bold";
371 font-family: 'Calibri-bold'; 370 font-size: 40px;
372 font-size: 40px; 371 color: #fff;
373 color: #fff; 372 margin-bottom: 20px;
374 margin-bottom: 20px; 373 margin-top: 20px;
375 margin-top: 20px; 374 }
376 375 }
377 } 376 }
378 377
379 } 378 .wp-block-group.register {
380 379 background-color: #f2f2f2;
381 }
382
383 .wp-block-group.register{
384 background-color: #F2F2F2;
385 margin-left: -100%; 380 margin-left: -100%;
386 padding-left: 100%; 381 padding-left: 100%;
387 margin-right: -50%; 382 margin-right: -50%;
388 padding-right: 50%; 383 padding-right: 50%;
389 padding-top:50px; 384 padding-top: 50px;
390 display: none; 385 display: none;
391 min-height: 600px; 386 min-height: 600px;
392 @media (max-width: 800px){ 387 @media (max-width: 800px) {
393 388 margin-left: -30%;
394 margin-left: -30%; 389 padding-left: 35%;
395 padding-left: 35%; 390 margin-right: -30%;
396 margin-right: -30%; 391 padding-right: 35%;
397 padding-right: 35%;
398 }
399 @media (max-width: 600px){
400 min-height: 750px;
401 margin-left: -10%;
402 padding-left: 15%;
403 margin-right: -10%;
404 padding-right: 15%;
405 }
406 .terms{
407 background-color: #fff;
408 padding: 20px;
409 height: 296px;
410 margin-top: 50px;
411 margin-bottom: 20px;
412 overflow: auto;
413 p{
414 line-height: 21px;
415 }
416 } 392 }
417 .thank-you{ 393 @media (max-width: 600px) {
418 display: none; 394 min-height: 750px;
419 text-align: center; 395 margin-left: -10%;
420 max-width: 800px; 396 padding-left: 15%;
421 margin: auto; 397 margin-right: -10%;
422 margin-top: 100px; 398 padding-right: 15%;
423 } 399 }
424 .wpcf7 form.sent .wpcf7-response-output{ 400 .terms {
425 border: 0px #fff solid; 401 background-color: #fff;
426 } 402 padding: 20px;
427 .wpcf7{ 403 height: 296px;
428 max-width: unset; 404 margin-top: 50px;
429 h2{ 405 margin-bottom: 20px;
430 margin-bottom: 10px; 406 overflow: auto;
431 margin-left: -210px; 407 p {
432 @media (max-width: 768px){ 408 line-height: 21px;
433 margin-left: 0px; 409 }
434 } 410 }
435 } 411 .thank-you {
436 .steps{ 412 display: none;
437 display: none; 413 text-align: center;
438 @media (max-width: 768px){ 414 max-width: 800px;
439 display: block; 415 margin: auto;
440 margin-top: 20px; 416 margin-top: 100px;
441 margin-bottom: 30px; 417 }
442 } 418 .wpcf7 form.sent .wpcf7-response-output {
443 } 419 border: 0px #fff solid;
444 span.required{ 420 }
445 421 .wpcf7 {
446 margin-bottom: 30px; 422 max-width: unset;
447 margin-left: -210px; 423 h2 {
448 @media (max-width: 768px){ 424 margin-bottom: 10px;
449 margin-left: 0px; 425 margin-left: -210px;
450 } 426 @media (max-width: 768px) {
451 } 427 margin-left: 0px;
452 .wpcf7-submit,
453 .cf7mls_next.action-button{
454 background-color: #012169;
455 text-transform: uppercase;
456 font-family: 'Calibri-bold';
457 font-size: 20px;
458 padding: 5px 50px !important;
459 border-radius: 0px;
460 color: #fff;
461 width: unset;
462 }
463 .wpcf7-submit{
464 @media (max-width: 768px){
465 margin-top: 50px
466 }
467 }
468 .wpcf7 input[type=submit]:focus{
469 border: none;
470 }
471 label{
472 text-transform: uppercase;
473 }
474 .wpcf7-form-control{
475 border-radius: 0px;
476 }
477
478 label {
479 display: inline-block;
480 margin-bottom: 15px;
481 }
482
483 label.first-name,
484 label.last-name{
485 width: 28.5%!important;
486 margin-right: 1%;
487 @media (max-width: 768px){
488 width: 100% !important;
489 }
490 }
491 label.fp_id,
492 label.designation{
493 width: 20% !important;
494 @media (max-width: 768px){
495 width: 49% !important;
496 }
497
498 }
499 label.designation{
500 margin-right: 1%;
501 }
502 label.company-address{
503 width: 79% !important;
504 margin-right: 1%;
505 @media (max-width: 768px){
506 width: 100% !important;
507 }
508 }
509 label.company-unit{
510 width: 20% !important;
511 @media (max-width: 768px){
512 width: 30% !important;
513 margin-right: 1%;
514 }
515 }
516 label.company-prov{
517 width: 10% !important;
518 margin-right: 1%;
519 @media (max-width: 768px){
520 width: 30% !important;
521 margin-right: 1%;
522 }
523 }
524 label.company-city{
525 width: 59% !important;
526 margin-right: 1%;
527 @media (max-width: 768px){
528 width: 69% !important;
529 margin-right: 0%;
530 }
531 }
532 label.company-postal{
533 width: 29% !important;
534 @media (max-width: 768px){
535 width: 69% !important;
536 margin-right: 0%;
537 }
538 }
539
540 label.your-phone,
541 label.confirm-email,
542 label.your-email{
543 width: 25% !important;
544 margin-right: 1%;
545 @media (max-width: 768px){
546 width: 100% !important;
547 margin-right: 0%;
548 }
549 }
550 label.your-phone{
551 @media (max-width: 768px){
552 width: 77% !important;
553 margin-right: 1%;
554 }
555 }
556 label.your-ext{
557 width: 22% !important;
558 } 428 }
429 }
430 .steps {
431 display: none;
432 @media (max-width: 768px) {
433 display: block;
434 margin-top: 20px;
435 margin-bottom: 30px;
436 }
437 }
438 span.required {
439 margin-bottom: 30px;
440 margin-left: -210px;
441 @media (max-width: 768px) {
442 margin-left: 0px;
443 }
444 }
445 .wpcf7-submit,
446 .cf7mls_next.action-button {
447 background-color: #012169;
448 text-transform: uppercase;
449 font-family: "Calibri-bold";
450 font-size: 20px;
451 padding: 5px 50px !important;
452 border-radius: 0px;
453 color: #fff;
454 width: unset;
455 }
456 .wpcf7-submit {
457 @media (max-width: 768px) {
458 margin-top: 50px;
459 }
460 }
461 .wpcf7 input[type="submit"]:focus {
462 border: none;
463 }
464 label {
465 text-transform: uppercase;
466 }
467 .wpcf7-form-control {
468 border-radius: 0px;
469 }
559 470
560 .acceptance-548{ 471 label {
561 text-transform:none; 472 display: inline-block;
562 } 473 margin-bottom: 15px;
563 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after, .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after { 474 }
564 position: absolute; 475
565 top: 10px; 476 label.first-name,
566 left: 100%; 477 label.last-name {
567 display: block; 478 width: 28.5% !important;
568 width: 2px; 479 margin-right: 1%;
569 height: 100px; 480 @media (max-width: 768px) {
570 background: #707070; 481 width: 100% !important;
571 content: ""; 482 }
572 margin-left: 17px; 483 }
573 overflow: visible; 484 label.fp_id,
574 } 485 label.designation {
575 @media (max-width: 768px){ 486 width: 20% !important;
487 @media (max-width: 768px) {
488 width: 49% !important;
489 }
490 }
491 label.designation {
492 margin-right: 1%;
493 }
494 label.company-address {
495 width: 79% !important;
496 margin-right: 1%;
497 @media (max-width: 768px) {
498 width: 100% !important;
499 }
500 }
501 label.company-unit {
502 width: 20% !important;
503 @media (max-width: 768px) {
504 width: 30% !important;
505 margin-right: 1%;
506 }
507 }
508 label.company-prov {
509 width: 10% !important;
510 margin-right: 1%;
511 @media (max-width: 768px) {
512 width: 30% !important;
513 margin-right: 1%;
514 }
515 }
516 label.company-city {
517 width: 59% !important;
518 margin-right: 1%;
519 @media (max-width: 768px) {
520 width: 69% !important;
521 margin-right: 0%;
522 }
523 }
524 label.company-postal {
525 width: 29% !important;
526 @media (max-width: 768px) {
527 width: 69% !important;
528 margin-right: 0%;
529 }
530 }
531
532 label.your-phone,
533 label.confirm-email,
534 label.your-email {
535 width: 25% !important;
536 margin-right: 1%;
537 @media (max-width: 768px) {
538 width: 100% !important;
539 margin-right: 0%;
540 }
541 }
542 label.your-phone {
543 @media (max-width: 768px) {
544 width: 77% !important;
545 margin-right: 1%;
546 }
547 }
548 label.your-ext {
549 width: 22% !important;
550 }
551
552 .acceptance-548 {
553 text-transform: none;
554 }
555 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal
556 .cf7mls_progress_bar_title:after,
557 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal
558 .cf7mls_progress_bar_title:after {
559 position: absolute;
560 top: 10px;
561 left: 100%;
562 display: block;
563 width: 2px;
564 height: 100px;
565 background: #707070;
566 content: "";
567 margin-left: 17px;
568 overflow: visible;
569 }
570 @media (max-width: 768px) {
576 span.wpcf7-form-control-wrap.acceptance-548 { 571 span.wpcf7-form-control-wrap.acceptance-548 {
577 margin-left: -35px; 572 margin-left: -35px;
578 } 573 }
579 label.acceptance-548 { 574 label.acceptance-548 {
580 padding-left: 20px; 575 padding-left: 20px;
581 } 576 }
577 }
578
579 textarea.wpcf7-form-control.wpcf7-textarea {
580 height: 150px;
581 }
582 } 582 }
583 583 }
584 textarea.wpcf7-form-control.wpcf7-textarea { 584
585 height: 150px; 585 .fieldset-cf7mls-wrapper {
586 } 586 overflow: visible;
587 } 587 }
588 588
589 589 .cf7mls_progress_bar {
590 } 590 width: 18% !important;
591 591 margin: 0 !important;
592 .fieldset-cf7mls-wrapper{
593 overflow:visible;
594 }
595
596 .cf7mls_progress_bar{
597 width: 18%!important;
598 margin: 0!important;
599 margin-top: 150px !important; 592 margin-top: 150px !important;
600 display: inline-block!important; 593 display: inline-block !important;
601 vertical-align: top; 594 vertical-align: top;
602 @media (max-width: 768px){ 595 @media (max-width: 768px) {
603 display: none!important; 596 display: none !important;
604 margin-top: 0px !important; 597 margin-top: 0px !important;
605 } 598 }
606 } 599 }
607 .fieldset-cf7mls-wrapper{ 600 .fieldset-cf7mls-wrapper {
608 width: 80% !important; 601 width: 80% !important;
609 display: inline-block !important; 602 display: inline-block !important;
610 @media (max-width: 768px){ 603 @media (max-width: 768px) {
611 width: 100% !important; 604 width: 100% !important;
612 display: block!important; 605 display: block !important;
613 } 606 }
614 } 607 }
615 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li, .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li{ 608 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal
609 li,
610 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal
611 li {
616 display: block !important; 612 display: block !important;
617 margin-bottom: 50px; 613 margin-bottom: 50px;
618 overflow: visible !important; 614 overflow: visible !important;
619 } 615 }
620 .wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after, .wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after{ 616 .wp-block-group.register
617 .wpcf7
618 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal
619 .cf7mls_progress_bar_title:after,
620 .wp-block-group.register
621 .wpcf7
622 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal
623 .cf7mls_progress_bar_title:after {
621 position: absolute; 624 position: absolute;
622 top: 22px; 625 top: 22px;
623 left: 0%; 626 left: 0%;
624 display: block; 627 display: block;
625 width: 2px; 628 width: 2px;
626 height:60px; 629 height: 60px;
627 background: #707070; 630 background: #707070;
628 content: ""; 631 content: "";
629 margin-left: -30px; 632 margin-left: -30px;
630 overflow: visible; 633 overflow: visible;
631 } 634 }
632 635
633 .cf7_mls_steps_item:nth-of-type(2) .cf7mls_progress_bar_title:after { 636 .cf7_mls_steps_item:nth-of-type(2) .cf7mls_progress_bar_title:after {
634 display: none !important; 637 display: none !important;
635 } 638 }
636 .cf7_mls_check, 639 .cf7_mls_check,
637 .cf7_mls_count_step{ 640 .cf7_mls_count_step {
638 display: none !important; 641 display: none !important;
639 } 642 }
640 .cf7_mls_steps_item_icon{ 643 .cf7_mls_steps_item_icon {
641 width: 21px; 644 width: 21px;
642 height: 21px; 645 height: 21px;
643 646 }
644 } 647 .cf7_mls_steps_item:not(.active) {
645 .cf7_mls_steps_item:not(.active){ 648 .cf7mls_progress_bar_title {
646 .cf7mls_progress_bar_title{ 649 display: none;
647 display: none;
648 } 650 }
649 .cf7_mls_steps_item_icon{ 651 .cf7_mls_steps_item_icon {
650 652 border: 2px #707070 solid;
651 border: 2px #707070 solid;
652 } 653 }
653 } 654 }
654 .cf7mls-steps-item-finish{ 655 .cf7mls-steps-item-finish {
655 .cf7mls_progress_bar_title{ 656 .cf7mls_progress_bar_title {
656 color: #f2f2f2 !important; 657 color: #f2f2f2 !important;
657 } 658 }
658 .cf7_mls_steps_item_icon{ 659 .cf7_mls_steps_item_icon {
659
660 } 660 }
661 .cf7_mls_steps_item_icon{ 661 .cf7_mls_steps_item_icon {
662 662 border: 2px #707070 solid;
663 border: 2px #707070 solid;
664 } 663 }
665 664 }
666 } 665
667 666 .cf7mls_number_step_wrap {
668 .cf7mls_number_step_wrap{
669 display: none !important; 667 display: none !important;
670 } 668 }
671 669
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 Author: the Understrap Contributors 5 Author: the Understrap Contributors
6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors 6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors
7 Template: understrap 7 Template: understrap
8 Version: 1.1.11 8 Version: 1.1.12
9 License: GNU General Public License v2 or later 9 License: GNU General Public License v2 or later
10 License URI: http://www.gnu.org/licenses/gpl-2.0.html 10 License URI: http://www.gnu.org/licenses/gpl-2.0.html
11 Text Domain: understrap-child 11 Text Domain: understrap-child
......