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 263 additions and 261 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;
...@@ -21,17 +21,17 @@ ...@@ -21,17 +21,17 @@
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;
...@@ -41,36 +41,33 @@ ...@@ -41,36 +41,33 @@
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 {
...@@ -82,21 +79,20 @@ ul.social { ...@@ -82,21 +79,20 @@ ul.social {
82 display: inline-block; 79 display: inline-block;
83 width: 36px !important; 80 width: 36px !important;
84 height: 36px !important; 81 height: 36px !important;
85 background:url(/wp-content/themes/understrap-child/src/images/social.svg) no-repeat; 82 background: url(/wp-content/themes/understrap-child/src/images/social.svg)
83 no-repeat;
86 text-indent: 100%; 84 text-indent: 100%;
87 white-space: nowrap; 85 white-space: nowrap;
88 overflow: hidden; 86 overflow: hidden;
89 background-size: 400%; 87 background-size: 400%;
90 box-shadow: none !important; 88 box-shadow: none !important;
91 border: solid 0px #4A4E4F; 89 border: solid 0px #4a4e4f;
92 background-color: transparent !important; 90 background-color: transparent !important;
93 margin-top:0px ; 91 margin-top: 0px;
94 margin-bottom: 0rem; 92 margin-bottom: 0rem;
95
96 } 93 }
97 94
98 a.twitter-icon { 95 a.twitter-icon {
99
100 background-position: 0% 0%; 96 background-position: 0% 0%;
101 97
102 &:hover { 98 &:hover {
...@@ -110,11 +106,9 @@ ul.social { ...@@ -110,11 +106,9 @@ ul.social {
110 &:focus { 106 &:focus {
111 opacity: 0.5; 107 opacity: 0.5;
112 } 108 }
113
114 } 109 }
115 110
116 a.instagram-icon { 111 a.instagram-icon {
117
118 background-position: 33% 0%; 112 background-position: 33% 0%;
119 113
120 &:hover { 114 &:hover {
...@@ -131,7 +125,6 @@ ul.social { ...@@ -131,7 +125,6 @@ ul.social {
131 } 125 }
132 126
133 a.facebook-icon { 127 a.facebook-icon {
134
135 background-position: 66% 0%; 128 background-position: 66% 0%;
136 129
137 &:hover { 130 &:hover {
...@@ -148,8 +141,6 @@ ul.social { ...@@ -148,8 +141,6 @@ ul.social {
148 } 141 }
149 142
150 a.linkedin-icon { 143 a.linkedin-icon {
151
152
153 background-position: 100% 0%; 144 background-position: 100% 0%;
154 145
155 &:hover { 146 &:hover {
...@@ -165,4 +156,5 @@ ul.social { ...@@ -165,4 +156,5 @@ ul.social {
165 } 156 }
166 } 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;
...@@ -10,109 +9,114 @@ ...@@ -10,109 +9,114 @@
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
14 } 12 }
15 } 13 }
16 14
17 p{ 15 p {
18 font-family: 'Calibri'; 16 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,
87 .container-md,
88 .container-sm,
89 .container-xl,
90 .container-xxl {
91 max-width: 1366px; 91 max-width: 1366px;
92 } 92 }
93 } 93 }
94 94
95 @media (min-width: 1200px){ 95 @media (min-width: 1200px) {
96 .container, .container-lg, .container-md, .container-sm, .container-xl { 96 .container,
97 .container-lg,
98 .container-md,
99 .container-sm,
100 .container-xl {
97 max-width: 1234px; 101 max-width: 1234px;
98 } 102 }
99 } 103 }
100 .wrapper{ 104 .wrapper {
101 padding:0px; 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 }
...@@ -126,108 +130,108 @@ h2{ ...@@ -126,108 +130,108 @@ h2{
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 }
...@@ -236,7 +240,7 @@ h2{ ...@@ -236,7 +240,7 @@ h2{
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 }
...@@ -245,39 +249,36 @@ h2{ ...@@ -245,39 +249,36 @@ h2{
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
259 } 262 }
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 }
...@@ -285,16 +286,15 @@ h2{ ...@@ -285,16 +286,15 @@ h2{
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: "";
...@@ -307,9 +307,9 @@ h2{ ...@@ -307,9 +307,9 @@ h2{
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;
...@@ -320,158 +320,151 @@ h2{ ...@@ -320,158 +320,151 @@ h2{
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 325
326 326 a.rotated.wp-block-button__link:after {
327 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
332 } 330 }
333 .wp-block-column:last-child{ 331 .wp-block-column:last-child {
334 margin-left: 0; 332 margin-left: 0;
335 margin-right: -50%; 333 margin-right: -50%;
336 padding-right: 50%; 334 padding-right: 50%;
337 background-color: #005EB8; 335 background-color: #005eb8;
338 flex-basis: 108%!important; 336 flex-basis: 108% !important;
339 padding-top: 0px; 337 padding-top: 0px;
340 padding-bottom: 50px; 338 padding-bottom: 50px;
341 padding-left: 50px; 339 padding-left: 50px;
342 @media (max-width: 768px){ 340 @media (max-width: 768px) {
343 display:none; 341 display: none;
344 } 342 }
345 .side-img{ 343 .side-img {
346 display: block; 344 display: block;
347 height: 418px; 345 height: 418px;
348 background-repeat: no-repeat; 346 background-repeat: no-repeat;
349 background-size: cover; 347 background-size: cover;
350 margin-left:-50px ; 348 margin-left: -50px;
351 margin-right: -70%; 349 margin-right: -70%;
352 background-position: center; 350 background-position: center;
353 background-image: url('/wp-content/themes/understrap-child/src/images/man.jpg'); 351 background-image: url("/wp-content/themes/understrap-child/src/images/man.jpg");
354 @media (min-width: 1200px){ 352 @media (min-width: 1200px) {
355 margin-right: -50%; 353 margin-right: -50%;
356 } 354 }
357 @media (min-width: 1200px){ 355 @media (min-width: 1200px) {
358 margin-right: -50%; 356 margin-right: -50%;
359 } 357 }
360 @media (min-width: 1500px){ 358 @media (min-width: 1500px) {
361 margin-right: -150%; 359 margin-right: -150%;
362 } 360 }
363 } 361 }
364 p{ 362 p {
365 margin-top: -15px; 363 margin-top: -15px;
366 color: #fff; 364 color: #fff;
367 width: 100%; 365 width: 100%;
368 font-size: 18px; 366 font-size: 18px;
369 } 367 }
370 h3{ 368 h3 {
371 font-family: 'Calibri-bold'; 369 font-family: "Calibri-bold";
372 font-size: 40px; 370 font-size: 40px;
373 color: #fff; 371 color: #fff;
374 margin-bottom: 20px; 372 margin-bottom: 20px;
375 margin-top: 20px; 373 margin-top: 20px;
376
377 } 374 }
378 375 }
379 } 376 }
380 377
381 } 378 .wp-block-group.register {
382 379 background-color: #f2f2f2;
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
394 margin-left: -30%; 388 margin-left: -30%;
395 padding-left: 35%; 389 padding-left: 35%;
396 margin-right: -30%; 390 margin-right: -30%;
397 padding-right: 35%; 391 padding-right: 35%;
398 } 392 }
399 @media (max-width: 600px){ 393 @media (max-width: 600px) {
400 min-height: 750px; 394 min-height: 750px;
401 margin-left: -10%; 395 margin-left: -10%;
402 padding-left: 15%; 396 padding-left: 15%;
403 margin-right: -10%; 397 margin-right: -10%;
404 padding-right: 15%; 398 padding-right: 15%;
405 } 399 }
406 .terms{ 400 .terms {
407 background-color: #fff; 401 background-color: #fff;
408 padding: 20px; 402 padding: 20px;
409 height: 296px; 403 height: 296px;
410 margin-top: 50px; 404 margin-top: 50px;
411 margin-bottom: 20px; 405 margin-bottom: 20px;
412 overflow: auto; 406 overflow: auto;
413 p{ 407 p {
414 line-height: 21px; 408 line-height: 21px;
415 } 409 }
416 } 410 }
417 .thank-you{ 411 .thank-you {
418 display: none; 412 display: none;
419 text-align: center; 413 text-align: center;
420 max-width: 800px; 414 max-width: 800px;
421 margin: auto; 415 margin: auto;
422 margin-top: 100px; 416 margin-top: 100px;
423 } 417 }
424 .wpcf7 form.sent .wpcf7-response-output{ 418 .wpcf7 form.sent .wpcf7-response-output {
425 border: 0px #fff solid; 419 border: 0px #fff solid;
426 } 420 }
427 .wpcf7{ 421 .wpcf7 {
428 max-width: unset; 422 max-width: unset;
429 h2{ 423 h2 {
430 margin-bottom: 10px; 424 margin-bottom: 10px;
431 margin-left: -210px; 425 margin-left: -210px;
432 @media (max-width: 768px){ 426 @media (max-width: 768px) {
433 margin-left: 0px; 427 margin-left: 0px;
434 } 428 }
435 } 429 }
436 .steps{ 430 .steps {
437 display: none; 431 display: none;
438 @media (max-width: 768px){ 432 @media (max-width: 768px) {
439 display: block; 433 display: block;
440 margin-top: 20px; 434 margin-top: 20px;
441 margin-bottom: 30px; 435 margin-bottom: 30px;
442 } 436 }
443 } 437 }
444 span.required{ 438 span.required {
445
446 margin-bottom: 30px; 439 margin-bottom: 30px;
447 margin-left: -210px; 440 margin-left: -210px;
448 @media (max-width: 768px){ 441 @media (max-width: 768px) {
449 margin-left: 0px; 442 margin-left: 0px;
450 } 443 }
451 } 444 }
452 .wpcf7-submit, 445 .wpcf7-submit,
453 .cf7mls_next.action-button{ 446 .cf7mls_next.action-button {
454 background-color: #012169; 447 background-color: #012169;
455 text-transform: uppercase; 448 text-transform: uppercase;
456 font-family: 'Calibri-bold'; 449 font-family: "Calibri-bold";
457 font-size: 20px; 450 font-size: 20px;
458 padding: 5px 50px !important; 451 padding: 5px 50px !important;
459 border-radius: 0px; 452 border-radius: 0px;
460 color: #fff; 453 color: #fff;
461 width: unset; 454 width: unset;
462 } 455 }
463 .wpcf7-submit{ 456 .wpcf7-submit {
464 @media (max-width: 768px){ 457 @media (max-width: 768px) {
465 margin-top: 50px 458 margin-top: 50px;
466 } 459 }
467 } 460 }
468 .wpcf7 input[type=submit]:focus{ 461 .wpcf7 input[type="submit"]:focus {
469 border: none; 462 border: none;
470 } 463 }
471 label{ 464 label {
472 text-transform: uppercase; 465 text-transform: uppercase;
473 } 466 }
474 .wpcf7-form-control{ 467 .wpcf7-form-control {
475 border-radius: 0px; 468 border-radius: 0px;
476 } 469 }
477 470
...@@ -481,57 +474,56 @@ h2{ ...@@ -481,57 +474,56 @@ h2{
481 } 474 }
482 475
483 label.first-name, 476 label.first-name,
484 label.last-name{ 477 label.last-name {
485 width: 28.5%!important; 478 width: 28.5% !important;
486 margin-right: 1%; 479 margin-right: 1%;
487 @media (max-width: 768px){ 480 @media (max-width: 768px) {
488 width: 100% !important; 481 width: 100% !important;
489 } 482 }
490 } 483 }
491 label.fp_id, 484 label.fp_id,
492 label.designation{ 485 label.designation {
493 width: 20% !important; 486 width: 20% !important;
494 @media (max-width: 768px){ 487 @media (max-width: 768px) {
495 width: 49% !important; 488 width: 49% !important;
496 } 489 }
497
498 } 490 }
499 label.designation{ 491 label.designation {
500 margin-right: 1%; 492 margin-right: 1%;
501 } 493 }
502 label.company-address{ 494 label.company-address {
503 width: 79% !important; 495 width: 79% !important;
504 margin-right: 1%; 496 margin-right: 1%;
505 @media (max-width: 768px){ 497 @media (max-width: 768px) {
506 width: 100% !important; 498 width: 100% !important;
507 } 499 }
508 } 500 }
509 label.company-unit{ 501 label.company-unit {
510 width: 20% !important; 502 width: 20% !important;
511 @media (max-width: 768px){ 503 @media (max-width: 768px) {
512 width: 30% !important; 504 width: 30% !important;
513 margin-right: 1%; 505 margin-right: 1%;
514 } 506 }
515 } 507 }
516 label.company-prov{ 508 label.company-prov {
517 width: 10% !important; 509 width: 10% !important;
518 margin-right: 1%; 510 margin-right: 1%;
519 @media (max-width: 768px){ 511 @media (max-width: 768px) {
520 width: 30% !important; 512 width: 30% !important;
521 margin-right: 1%; 513 margin-right: 1%;
522 } 514 }
523 } 515 }
524 label.company-city{ 516 label.company-city {
525 width: 59% !important; 517 width: 59% !important;
526 margin-right: 1%; 518 margin-right: 1%;
527 @media (max-width: 768px){ 519 @media (max-width: 768px) {
528 width: 69% !important; 520 width: 69% !important;
529 margin-right: 0%; 521 margin-right: 0%;
530 } 522 }
531 } 523 }
532 label.company-postal{ 524 label.company-postal {
533 width: 29% !important; 525 width: 29% !important;
534 @media (max-width: 768px){ 526 @media (max-width: 768px) {
535 width: 69% !important; 527 width: 69% !important;
536 margin-right: 0%; 528 margin-right: 0%;
537 } 529 }
...@@ -539,28 +531,31 @@ h2{ ...@@ -539,28 +531,31 @@ h2{
539 531
540 label.your-phone, 532 label.your-phone,
541 label.confirm-email, 533 label.confirm-email,
542 label.your-email{ 534 label.your-email {
543 width: 25% !important; 535 width: 25% !important;
544 margin-right: 1%; 536 margin-right: 1%;
545 @media (max-width: 768px){ 537 @media (max-width: 768px) {
546 width: 100% !important; 538 width: 100% !important;
547 margin-right: 0%; 539 margin-right: 0%;
548 } 540 }
549 } 541 }
550 label.your-phone{ 542 label.your-phone {
551 @media (max-width: 768px){ 543 @media (max-width: 768px) {
552 width: 77% !important; 544 width: 77% !important;
553 margin-right: 1%; 545 margin-right: 1%;
554 } 546 }
555 } 547 }
556 label.your-ext{ 548 label.your-ext {
557 width: 22% !important; 549 width: 22% !important;
558 } 550 }
559 551
560 .acceptance-548{ 552 .acceptance-548 {
561 text-transform:none; 553 text-transform: none;
562 } 554 }
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 { 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 {
564 position: absolute; 559 position: absolute;
565 top: 10px; 560 top: 10px;
566 left: 100%; 561 left: 100%;
...@@ -572,7 +567,7 @@ h2{ ...@@ -572,7 +567,7 @@ h2{
572 margin-left: 17px; 567 margin-left: 17px;
573 overflow: visible; 568 overflow: visible;
574 } 569 }
575 @media (max-width: 768px){ 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 }
...@@ -581,91 +576,94 @@ h2{ ...@@ -581,91 +576,94 @@ h2{
581 } 576 }
582 } 577 }
583 578
584 textarea.wpcf7-form-control.wpcf7-textarea { 579 textarea.wpcf7-form-control.wpcf7-textarea {
585 height: 150px; 580 height: 150px;
586 } 581 }
582 }
587 } 583 }
588 584
585 .fieldset-cf7mls-wrapper {
586 overflow: visible;
587 }
589 588
590 } 589 .cf7mls_progress_bar {
591 590 width: 18% !important;
592 .fieldset-cf7mls-wrapper{ 591 margin: 0 !important;
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;
606 }
613 } 607 }
614 } 608 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal
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{ 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{
647 display: none; 649 display: none;
648 } 650 }
649 .cf7_mls_steps_item_icon{ 651 .cf7_mls_steps_item_icon {
650
651 border: 2px #707070 solid; 652 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
663 border: 2px #707070 solid; 662 border: 2px #707070 solid;
664 } 663 }
664 }
665 665
666 } 666 .cf7mls_number_step_wrap {
667
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
......