237. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-07-21 10:22:18 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

237.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo19_en.css2021-04-28 03:14:22 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo19_en.css2021-06-27 10:07:32 +0000

237.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2644
Changed12
Inserted00
Removed00

237.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

237.4 Active regular expressions

No regular expressions were active.

237.5 Comparison detail

1 /** 1 /**
2  * WARNING: Do not change this file. Your changes will be lost. 2  * WARNING: Do not change this file. Your changes will be lost.
3  * 2021-04-28 03:14:21 */ 3  * 2021-06-27 10:07:31 */
4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed { 4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
5 } 5 }
6 @media (min-width: 768px) { 6 @media (min-width: 768px) {
7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom { 7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
8         width: 57.17%; 8         width: 57.17%;
9     } 9     }
10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper { 10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
11         width: 40.83%; 11         width: 40.83%;
12     } 12     }
13  13 
14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main { 14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
15         width: 42.8775%; 15         width: 42.8775%;
16     } 16     }
17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media { 17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
18         width: 30.6225%; 18         width: 30.6225%;
19     } 19     }
20 } 20 }
21  21 
22 @media (max-width: 575px){ 22 @media (max-width: 575px){
23 body { 23 body {
24     font-size: 13px; 24     font-size: 13px;
25     line-height: 21px; 25     line-height: 21px;
26 } 26 }
27 } 27 }
28 @media (min-width: 768px) { 28 @media (min-width: 768px) {
29 .layout-fullwidth .container, .layout-fullwidth .block.category.event,.layout-fullwidth .footer.content,.layout-fullwidth .header.content,.layout-fullwidth .navigation,.layout-fullwidth .page-main,.layout-fullwidth .page-wrapper>.breadcrumbs >ul,.layout-fullwidth .page-wrapper>.page-bottom,.layout-fullwidth .page-wrapper>.widget,.layout-fullwidth .top-container{ 29 .layout-fullwidth .container, .layout-fullwidth .block.category.event,.layout-fullwidth .footer.content,.layout-fullwidth .header.content,.layout-fullwidth .navigation,.layout-fullwidth .page-main,.layout-fullwidth .page-wrapper>.breadcrumbs >ul,.layout-fullwidth .page-wrapper>.page-bottom,.layout-fullwidth .page-wrapper>.widget,.layout-fullwidth .top-container{
30     padding-left: 4vw; 30     padding-left: 4vw;
31     padding-right: 4vw; 31     padding-right: 4vw;
32  32 
33 .page-wrapper { 33 .page-wrapper {
34     padding-left: 80px; 34     padding-left: 80px;
35 } 35 }
36 } 36 }
37 h1, h2, h3, h4, h5, h6 { 37 h1, h2, h3, h4, h5, h6 {
38     font-family: Poppins,sans-serif; 38     font-family: Poppins,sans-serif;
39     color: #222529; 39     color: #222529;
40     letter-spacing: normal; 40     letter-spacing: normal;
41 } 41 }
42 h1 {  42 h1 { 
43     font-weight: 700; 43     font-weight: 700;
44     font-size: 36px; 44     font-size: 36px;
45     line-height: 44px; 45     line-height: 44px;
46     margin: 0 0 32px 0; 46     margin: 0 0 32px 0;
47 } 47 }
48 h2 {  48 h2 { 
49     font-weight: 700; 49     font-weight: 700;
50     font-size: 30px; 50     font-size: 30px;
51     line-height: 40px; 51     line-height: 40px;
52     margin: 0 0 32px 0; 52     margin: 0 0 32px 0;
53 } 53 }
54 h3 {  54 h3 { 
55     font-weight: 700; 55     font-weight: 700;
56     font-size: 25px; 56     font-size: 25px;
57     line-height: 32px; 57     line-height: 32px;
58     margin: 0 0 20px 0; 58     margin: 0 0 20px 0;
59 } 59 }
60 h4 {  60 h4 { 
61     font-weight: 700; 61     font-weight: 700;
62     font-size: 20px; 62     font-size: 20px;
63     line-height: 27px; 63     line-height: 27px;
64     margin: 0 0 14px 0; 64     margin: 0 0 14px 0;
65 } 65 }
66 h5 {  66 h5 { 
67     font-weight: 700; 67     font-weight: 700;
68     font-size: 14px; 68     font-size: 14px;
69     line-height: 18px; 69     line-height: 18px;
70     margin: 0 0 14px 0; 70     margin: 0 0 14px 0;
71 } 71 }
72 h6 {  72 h6 { 
73     font-weight: 600; 73     font-weight: 600;
74     font-size: 14px; 74     font-size: 14px;
75     line-height: 18px; 75     line-height: 18px;
76     margin: 0 0 14px 0; 76     margin: 0 0 14px 0;
77 } 77 }
78 .home-banner-slider h2.vc_custom_heading, .custom-font4 { 78 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
79     font-family: 'Segoe Script','Savoye LET'; 79     font-family: 'Segoe Script','Savoye LET';
80 } 80 }
81 html .heading-secondary, html .lnk-secondary, html .text-color-secondary { 81 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
82     color: #ff7272; 82     color: #ff7272;
83 } 83 }
84 html .btn-modern { 84 html .btn-modern {
85     text-transform: uppercase; 85     text-transform: uppercase;
86     font-size: .75rem; 86     font-size: .75rem;
87     padding: .75rem 1.5rem; 87     padding: .75rem 1.5rem;
88     font-weight: 600; 88     font-weight: 600;
89     height: auto; 89     height: auto;
90 } 90 }
91 html .action.primary, html .btn { 91 html .action.primary, html .btn {
92     font-family: Poppins; 92     font-family: Poppins;
93     letter-spacing: .01em; 93     letter-spacing: .01em;
94     font-weight: 700; 94     font-weight: 700;
95     line-height: 1.42857; 95     line-height: 1.42857;
96     padding: .8em 2em;  96     padding: .8em 2em; 
97 } 97 }
98 html .btn-modern { 98 html .btn-modern {
99     font-size: .8125rem; 99     font-size: .8125rem;
100     padding: 1em 2.8em; 100     padding: 1em 2.8em;
101 } 101 }
102 html .action.primary { 102 html .action.primary {
103     color: #fff; 103     color: #fff;
104     background-color: #08c; 104     background-color: #08c;
105     border-color: #08c #08c #069; 105     border-color: #08c #08c #069;
106 } 106 }
107 html .btn-xl { 107 html .btn-xl {
108     font-size: 1rem; 108     font-size: 1rem;
109     padding: .8rem 2rem; 109     padding: .8rem 2rem;
110  110 
111 .btn-modern.btn-xl { 111 .btn-modern.btn-xl {
112     font-size: 1.125em; 112     font-size: 1.125em;
113     padding: 1em 3em; 113     padding: 1em 3em;
114 } 114 }
115 .btn-modern.btn-lg { 115 .btn-modern.btn-lg {
116     font-size: .84375em; 116     font-size: .84375em;
117     padding: 1em 2.75em; 117     padding: 1em 2.75em;
118     line-height: 1.3333; 118     line-height: 1.3333;
119 } 119 }
120 .btn-flat { 120 .btn-flat {
121     padding: 0!important; 121     padding: 0!important;
122     background: none!important; 122     background: none!important;
123     border: none!important; 123     border: none!important;
124     border-bottom: 1px solid transparent!important; 124     border-bottom: 1px solid transparent!important;
125     box-shadow: none!important; 125     box-shadow: none!important;
126     text-transform: uppercase; 126     text-transform: uppercase;
127     font-size: .75rem; 127     font-size: .75rem;
128  128 
129 html .btn-dark { 129 html .btn-dark {
130     color: #fff; 130     color: #fff;
131     background-color: #33373d; 131     background-color: #33373d;
132     border-color: #3a3f45 #3a3f45 #222529; 132     border-color: #3a3f45 #3a3f45 #222529;
133  133 
134 html .btn-light { 134 html .btn-light {
135     color: #222529; 135     color: #222529;
136     background-color: #fff; 136     background-color: #fff;
137     border-color: #fff #fff #e6e6e6; 137     border-color: #fff #fff #e6e6e6;
138 } 138 }
139 html .btn-quaternary { 139 html .btn-quaternary {
140     color: #fff; 140     color: #fff;
141     background-color: #000; 141     background-color: #000;
142     border-color: #000 #000 #000; 142     border-color: #000 #000 #000;
143 } 143 }
144 html .background-color-secondary { 144 html .background-color-secondary {
145     background-color: #f4a085 !important; 145     background-color: #f4a085 !important;
146 }   146 }  
147 .page-header.type4 .header-main .header-center { 147 .page-header.type4 .header-main .header-center {
148     order: 1;  148     order: 1; 
149     justify-content: flex-start; 149     justify-content: flex-start;
150     flex: 1; 150     flex: 1;
151     padding-left: 0; 151     padding-left: 0;
152     padding-right: 0; 152     padding-right: 0;
153 } 153 }
154 .page-header.type4 .header-main .header-left, .page-header.type4 .header-main .header-right { 154 .page-header.type4 .header-main .header-left, .page-header.type4 .header-main .header-right {
155     order: 2;  155     order: 2; 
156 } 156 }
157 .page-header.type4 .header-main .header-left,.page-header.type4 .header-main .header-right { 157 .page-header.type4 .header-main .header-left,.page-header.type4 .header-main .header-right {
158     flex: inherit; 158     flex: inherit;
159  159 
160 .page-header.type4 .header-contact i {  160 .page-header.type4 .header-contact i { 
161     font-size: 24px; 161     font-size: 24px;
162 } 162 }
163 .page-header.type4 .search-area.show-icon a.search-toggle-icon { 163 .page-header.type4 .search-area.show-icon a.search-toggle-icon {
164     font-size: 19px;  164     font-size: 19px; 
165 } 165 }
166 .page-header.type4 .header.panel {  166 .page-header.type4 .header.panel { 
167     margin-left: .875rem; 167     margin-left: .875rem;
168 } 168 }
169 @media (min-width: 992px) { 169 @media (min-width: 992px) {
170 header.page-header.type4.sticky-header .header-main { 170 header.page-header.type4.sticky-header .header-main {
171     width: calc(100% - 80px); 171     width: calc(100% - 80px);
172     left: 80px; 172     left: 80px;
173 } 173 }
174 .page-header.type4.sticky-header .logo img {  174 .page-header.type4.sticky-header .logo img { 
175     transform-origin: left center; 175     transform-origin: left center;
176 } 176 }
177 .page-header.type4 .header-main .header-center .logo { 177 .page-header.type4 .header-main .header-center .logo {
178     padding-top: 0; 178     padding-top: 0;
179     padding-bottom: 0; 179     padding-bottom: 0;
180 } 180 }
181 .page-header.type4 .header-main .header-center {  181 .page-header.type4 .header-main .header-center { 
182     padding-top: 30px; 182     padding-top: 30px;
183     padding-bottom: 30px;  183     padding-bottom: 30px; 
184 } 184 }
185 .page-header.type4 .header-main .header-left, .page-header.type4 .header-main .header-right {  185 .page-header.type4 .header-main .header-left, .page-header.type4 .header-main .header-right { 
186     padding-top: 30px; 186     padding-top: 30px;
187     padding-bottom: 30px; 187     padding-bottom: 30px;
188 } 188 }
189 .page-header.type4 .header-main .header-center .logo {  189 .page-header.type4 .header-main .header-center .logo { 
190     min-width: 111px; 190     min-width: 111px;
191 } 191 }
192 .page-header.type4 .navigation:not(.side-megamenu) .level0 .level-top { 192 .page-header.type4 .navigation:not(.side-megamenu) .level0 .level-top {
193     font-family: Poppins,sans-serif;    193     font-family: Poppins,sans-serif;   
194     padding: 13px 15px 13px 15px;  194     padding: 13px 15px 13px 15px; 
195 } 195 }
196 .page-header.type4 .navigation:not(.side-megamenu) > ul {  196 .page-header.type4 .navigation:not(.side-megamenu) > ul { 
197     justify-content: flex-end; 197     justify-content: flex-end;
198 } 198 }
199 } 199 }
200 @media (min-width: 992px) and (max-width: 1219px) { 200 @media (min-width: 992px) and (max-width: 1219px) {
201 .page-header.type4 .navigation:not(.side-megamenu) .level0 .level-top { 201 .page-header.type4 .navigation:not(.side-megamenu) .level0 .level-top {
202     padding: 10px 13px 10px 13px 202     padding: 10px 13px 10px 13px
203 } 203 }
204 } 204 }
205 @media (min-width:768px) and (max-width: 991px) { 205 @media (min-width:768px) and (max-width: 991px) {
206 header.page-header.sticky-header .header-main {  206 header.page-header.sticky-header .header-main { 
207     width: calc(100% - 8vw);  207     width: calc(100% - 8vw); 
208 } 208 }
209 } 209 }
210 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i { 210 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
211     display: none; 211     display: none;
212 } 212 }
213 .top-icon .porto-sicon-header { 213 .top-icon .porto-sicon-header {
214     margin-bottom: .75rem; 214     margin-bottom: .75rem;
215 } 215 }
216 .widget, .sidebar-content .widget {margin-top: 1.5rem;margin-bottom: 1.5rem;} 216 .widget, .sidebar-content .widget {margin-top: 1.5rem;margin-bottom: 1.5rem;}
217 .widget .widgettitle { 217 .widget .widgettitle {
218     font-size: 1rem; 218     font-size: 1rem;
219     letter-spacing: -.02em; 219     letter-spacing: -.02em;
220  220 
221 .page-wrapper > .breadcrumbs .items {  221 .page-wrapper > .breadcrumbs .items { 
222     margin-bottom: 30px; 222     margin-bottom: 30px;
223     position: relative; 223     position: relative;
224 } 224 }
225 .page-wrapper > .breadcrumbs .items:after { 225 .page-wrapper > .breadcrumbs .items:after {
226     content: ""; 226     content: "";
227     position: absolute; 227     position: absolute;
228     width: 100%; 228     width: 100%;
229     left: 0; 229     left: 0;
230     bottom: 0; 230     bottom: 0;
231     border-bottom: 1px solid #e7e7e7;  231     border-bottom: 1px solid #e7e7e7; 
232 } 232 }
233 .page-wrapper > .breadcrumbs .items {   233 .page-wrapper > .breadcrumbs .items {  
234     font-size: .75rem; 234     font-size: .75rem;
235     font-weight: 400; 235     font-weight: 400;
236     letter-spacing: 0; 236     letter-spacing: 0;
237 } 237 }
238 .page-wrapper > .breadcrumbs .items>li.home a {  238 .page-wrapper > .breadcrumbs .items>li.home a { 
239     width: auto;  239     width: auto; 
240     text-indent: 0; 240     text-indent: 0;
241 } 241 }
242 .page-wrapper > .breadcrumbs .items>li.home a:after {display: none;} 242 .page-wrapper > .breadcrumbs .items>li.home a:after {display: none;}
243  243 
244 .footer .widgettitle, .footer .widget-title { 244 .footer .widgettitle, .footer .widget-title {
245     font-size: .9375rem; 245     font-size: .9375rem;
246     font-weight: 600; 246     font-weight: 600;
247 } 247 }
248 html .background-color-secondary { 248 html .background-color-secondary {
249     background-color: #ff7272!important; 249     background-color: #ff7272!important;
250 } 250 }
251 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i { 251 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
252     display: none; 252     display: none;
253 } 253 }
254 .top-icon .porto-sicon-header { 254 .top-icon .porto-sicon-header {
255     margin-bottom: .75rem; 255     margin-bottom: .75rem;
256 }   256 }  
257 .footer .widgettitle, .footer .widget-title { 257 .footer .widgettitle, .footer .widget-title {
258     font-size: .9375rem; 258     font-size: .9375rem;
259     font-weight: 600; 259     font-weight: 600;
260 } 260 }
261 .widget.contact-info ul, .widget.contact-info li { 261 .widget.contact-info ul, .widget.contact-info li {
262     line-height: 1.8; 262     line-height: 1.8;
263 } 263 }
264 .footer .follow-us .share-links a:not(:hover) { 264 .footer .follow-us .share-links a:not(:hover) {
265     background: none; 265     background: none;
266     color: #525252; 266     color: #525252;
267     border: none; 267     border: none;
268     font-size: 18px; 268     font-size: 18px;
269 } 269 }
270 .footer .newsletter input,.footer .newsletter .action.subscribe { 270 .footer .newsletter input,.footer .newsletter .action.subscribe {
271     border-radius: 0; 271     border-radius: 0;
272 } 272 }
273 .footer .newsletter input { 273 .footer .newsletter input {
274     background: #f4f4f4; 274     background: #f4f4f4;
275     min-width: 271px; 275     min-width: 271px;
276     padding: 8px 12px; 276     padding: 8px 12px;
277 } 277 }
278 .footer .newsletter .action.subscribe { 278 .footer .newsletter .action.subscribe {
279     padding: .533rem .933rem; 279     padding: .533rem .933rem;
280     line-height: 1.42857; 280     line-height: 1.42857;
281     background-color: #222529; 281     background-color: #222529;
282 } 282 }
283 .footer .row.d-inline-flex { 283 .footer .row.d-inline-flex {
284     white-space: nowrap; 284     white-space: nowrap;
285     margin-left: -3vw; 285     margin-left: -3vw;
286     margin-right: -3vw; 286     margin-right: -3vw;
287 } 287 }
288 .footer .row.d-inline-flex>div { 288 .footer .row.d-inline-flex>div {
289     padding-left: 3vw; 289     padding-left: 3vw;
290     padding-right: 3vw; 290     padding-right: 3vw;
291 } 291 }
292 .footer-middle > .container { 292 .footer-middle > .container {
293     padding-bottom: 1.55rem; 293     padding-bottom: 1.55rem;
294 } 294 }
295 .footer .contact-info .contact-details strong { 295 .footer .contact-info .contact-details strong {
296     color: #000; 296     color: #000;
297 } 297 }
298 .footer .contact-info .contact-details strong, .footer .contact-info .contact-details span { 298 .footer .contact-info .contact-details strong, .footer .contact-info .contact-details span {
299     line-height: 1.4; 299     line-height: 1.4;
300 } 300 }
301 .footer-middle .widget.follow-us { 301 .footer-middle .widget.follow-us {
302     display: none; 302     display: none;
303 } 303 }
304 .footer .footer-bottom { 304 .footer .footer-bottom {
305     padding: 1.5rem 0 2rem; 305     padding: 1.5rem 0 2rem;
306     font-size: 1em; 306     font-size: 1em;
307 } 307 }
308 .footer-middle > .container::after { 308 .footer-middle > .container::after {
309     left: 4.27vw; 309     left: 4.27vw;
310     right: 4.27vw; 310     right: 4.27vw;
311     border-color: #e7e7e7; 311     border-color: #e7e7e7;
312 } 312 }
313 @media (min-width: 576px) { 313 @media (min-width: 576px) {
314 .footer .contact-details { 314 .footer .contact-details {
315     display: -ms-flexbox; 315     display: -ms-flexbox;
316     display: flex; 316     display: flex;
317     -ms-flex-wrap: wrap; 317     -ms-flex-wrap: wrap;
318     flex-wrap: wrap; 318     flex-wrap: wrap;
319 } 319 }
320 .footer .contact-details>li { 320 .footer .contact-details>li {
321     flex: 0 0 50%; 321     flex: 0 0 50%;
322 } 322 }
323 } 323 }