249. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-07-21 10:22:19 +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.

249.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_demo3_en.css2021-04-28 09:41:46 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo3_en.css2021-06-27 10:07:32 +0000

249.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2592
Changed12
Inserted00
Removed00

249.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

249.4 Active regular expressions

No regular expressions were active.

249.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 09:41:46 */ 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 .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{ 22 .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{
23     padding-left: 4.27vw;padding-right: 4.27vw; 23     padding-left: 4.27vw;padding-right: 4.27vw;
24 } 24 }
25 @media (max-width: 575px){ 25 @media (max-width: 575px){
26 html { 26 html {
27     font-size: 13.7143px; 27     font-size: 13.7143px;
28 } 28 }
29 body { 29 body {
30     font-size: 12px; 30     font-size: 12px;
31     line-height: 21px; 31     line-height: 21px;
32 } 32 }
33 } 33 }
34 h1, h2, h3, h4, h5, h6 { 34 h1, h2, h3, h4, h5, h6 {
35     color: #222529; 35     color: #222529;
36     letter-spacing: normal; 36     letter-spacing: normal;
37 } 37 }
38 h2 { 38 h2 {
39     font-family: Poppins,sans-serif; 39     font-family: Poppins,sans-serif;
40     font-weight: 700; 40     font-weight: 700;
41     font-size: 30px; 41     font-size: 30px;
42     line-height: 40px; 42     line-height: 40px;
43     letter-spacing: -.3px; 43     letter-spacing: -.3px;
44     color: #302e2a; 44     color: #302e2a;
45     margin: 0 0 32px 0; 45     margin: 0 0 32px 0;
46 } 46 }
47 h3 {  47 h3 { 
48     font-family: Poppins,sans-serif; 48     font-family: Poppins,sans-serif;
49     font-weight: 700; 49     font-weight: 700;
50     font-size: 25px; 50     font-size: 25px;
51     line-height: 32px; 51     line-height: 32px;
52     color: #222329;  52     color: #222329; 
53     margin: 0 0 20px 0; 53     margin: 0 0 20px 0;
54 } 54 }
55 h4 { 55 h4 {
56     font-family: Poppins,sans-serif; 56     font-family: Poppins,sans-serif;
57     font-weight: 700; 57     font-weight: 700;
58     font-size: 20px; 58     font-size: 20px;
59     line-height: 27px; 59     line-height: 27px;
60     color: #222329; 60     color: #222329;
61     margin: 0 0 14px 0; 61     margin: 0 0 14px 0;
62 } 62 }
63 h5 { 63 h5 {
64     font-family: Poppins,sans-serif; 64     font-family: Poppins,sans-serif;
65     font-weight: 700; 65     font-weight: 700;
66     font-size: 14px; 66     font-size: 14px;
67     line-height: 20px; 67     line-height: 20px;
68     color: #222329; 68     color: #222329;
69     margin: 0 0 14px 0; 69     margin: 0 0 14px 0;
70 } 70 }
71 h6 { 71 h6 {
72     font-family: Poppins,sans-serif; 72     font-family: Poppins,sans-serif;
73     font-weight: 600; 73     font-weight: 600;
74     font-size: 13px; 74     font-size: 13px;
75     line-height: 18px; 75     line-height: 18px;
76     color: #222329; 76     color: #222329;
77     margin: 0 0 14px 0; 77     margin: 0 0 14px 0;
78 } 78 }
79 p {  79 p { 
80     letter-spacing: 0; 80     letter-spacing: 0;
81 } 81 }
82 .home-banner-slider h2.vc_custom_heading, .custom-font4 { 82 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
83     font-family: 'Segoe Script','Savoye LET'; 83     font-family: 'Segoe Script','Savoye LET';
84  84 
85 html .heading-secondary, html .lnk-secondary, html .text-color-secondary { 85 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
86     color: #ff7272; 86     color: #ff7272;
87 } 87 }
88 html .action.primary, html .btn { 88 html .action.primary, html .btn {
89     font-family: Poppins;  89     font-family: Poppins; 
90     font-weight: 700; 90     font-weight: 700;
91     line-height: 1.42857; 91     line-height: 1.42857;
92     padding: .8em 2em; 92     padding: .8em 2em;
93 } 93 }
94 html .action.primary { 94 html .action.primary {
95     color: #fff; 95     color: #fff;
96     background-color: #000; 96     background-color: #000;
97     border-color: #000 #000 #000; 97     border-color: #000 #000 #000;
98 } 98 }
99 html .btn-modern { 99 html .btn-modern {
100     text-transform: uppercase; 100     text-transform: uppercase;
101     font-size: .75rem; 101     font-size: .75rem;
102     padding: .75rem 1.5rem; 102     padding: .75rem 1.5rem;
103     font-weight: 600; 103     font-weight: 600;
104     height: auto; 104     height: auto;
105 } 105 }
106 .btn-modern.btn-xl { 106 .btn-modern.btn-xl {
107     font-size: 1.125em; 107     font-size: 1.125em;
108     font-weight: 700; 108     font-weight: 700;
109     padding: 1.125em 2.75em; 109     padding: 1.125em 2.75em;
110 } 110 }
111 .btn-flat { 111 .btn-flat {
112     padding: 0!important; 112     padding: 0!important;
113     background: none!important; 113     background: none!important;
114     border: none!important; 114     border: none!important;
115     border-bottom: 1px solid transparent!important; 115     border-bottom: 1px solid transparent!important;
116     box-shadow: none!important; 116     box-shadow: none!important;
117     text-transform: uppercase; 117     text-transform: uppercase;
118     font-size: .75rem; 118     font-size: .75rem;
119 } 119 }
120 html .btn-dark { 120 html .btn-dark {
121     color: #fff; 121     color: #fff;
122     background-color: #222529; 122     background-color: #222529;
123     border-color: #222529 #222529 #0b0c0e; 123     border-color: #222529 #222529 #0b0c0e;
124 } 124 }
125 html .btn-light { 125 html .btn-light {
126     color: #222529; 126     color: #222529;
127     background-color: #fff; 127     background-color: #fff;
128     border-color: #fff #fff #e6e6e6; 128     border-color: #fff #fff #e6e6e6;
129 } 129 }
130 html .background-color-secondary { 130 html .background-color-secondary {
131     background-color: #ff7272!important; 131     background-color: #ff7272!important;
132 } 132 }
133 .cms-index-index .page-header.type3 { 133 .cms-index-index .page-header.type3 {
134     background-color: transparent; 134     background-color: transparent;
135     position: absolute; 135     position: absolute;
136     width: 100%; 136     width: 100%;
137 } 137 }
138 .page-header.type3 .navigation .level0 .level-top { 138 .page-header.type3 .navigation .level0 .level-top {
139      font-family: Poppins; 139      font-family: Poppins;
140 }   140 }  
141 .widget .widgettitle { 141 .widget .widgettitle {
142     font-size: 1rem; 142     font-size: 1rem;
143     letter-spacing: -.02em; 143     letter-spacing: -.02em;
144  144 
145 .small-list.products-grid .product-items .product-item-info .product-item-photo:before {display: none;} 145 .small-list.products-grid .product-items .product-item-info .product-item-photo:before {display: none;}
146 .page-wrapper > .breadcrumbs {  146 .page-wrapper > .breadcrumbs { 
147     border-bottom: 1px solid #dfdfdf; 147     border-bottom: 1px solid #dfdfdf;
148     margin-bottom: 35px; 148     margin-bottom: 35px;
149 } 149 }
150 .page-wrapper > .breadcrumbs .items {   150 .page-wrapper > .breadcrumbs .items {  
151     font-size: 10px; 151     font-size: 10px;
152     font-weight: 700; 152     font-weight: 700;
153     letter-spacing: 1px; 153     letter-spacing: 1px;
154 } 154 }
155 .page-wrapper > .breadcrumbs .items>li.home a {  155 .page-wrapper > .breadcrumbs .items>li.home a { 
156     width: auto;  156     width: auto; 
157     text-indent: 0; 157     text-indent: 0;
158 } 158 }
159 .page-wrapper > .breadcrumbs .items>li.home a:after {display: none;} 159 .page-wrapper > .breadcrumbs .items>li.home a:after {display: none;}
160 .catalog-category-view .sidebar.sidebar-main .sidebar-content { 160 .catalog-category-view .sidebar.sidebar-main .sidebar-content {
161     border: none; 161     border: none;
162 } 162 }
163 .owl-carousel.show-nav-title .owl-nav {  163 .owl-carousel.show-nav-title .owl-nav { 
164     margin-top: -22px; 164     margin-top: -22px;
165 } 165 }
166 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions { 166 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions {
167     padding: 0; 167     padding: 0;
168     margin-bottom: 30px; 168     margin-bottom: 30px;
169     border: none; 169     border: none;
170  170 
171 .filter-current {padding: 0;} 171 .filter-current {padding: 0;}
172 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title,.filter .filter-current-subtitle { 172 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title,.filter .filter-current-subtitle {
173     border-bottom: 2px solid #dfdfdf; 173     border-bottom: 2px solid #dfdfdf;
174     font-family: Oswald; 174     font-family: Oswald;
175     font-size: 14px; 175     font-size: 14px;
176     font-weight: 700; 176     font-weight: 700;
177     letter-spacing: .05em; 177     letter-spacing: .05em;
178     line-height: 1; 178     line-height: 1;
179     padding: 10px 0; 179     padding: 10px 0;
180     margin-bottom: 10px; 180     margin-bottom: 10px;
181 } 181 }
182 .block-category-list .block-title { 182 .block-category-list .block-title {
183     padding-top: 0; 183     padding-top: 0;
184 } 184 }
185 .block-category-list .block-content ol li a { 185 .block-category-list .block-content ol li a {
186     font-size: 12px;  186     font-size: 12px; 
187 } 187 }
188 .side-custom-block .custom-block:last-child {  188 .side-custom-block .custom-block:last-child { 
189     margin-bottom: 0; 189     margin-bottom: 0;
190 } 190 }
191 .side-custom-block .custom-block h5 { 191 .side-custom-block .custom-block h5 {
192     margin-top: 0 !important; 192     margin-top: 0 !important;
193 } 193 }
194 .sorter-label, .limiter .label { 194 .sorter-label, .limiter .label {
195     font-family: Oswald; 195     font-family: Oswald;
196     font-weight: 700; 196     font-weight: 700;
197     font-size: 12px; 197     font-size: 12px;
198     color: #222329; 198     color: #222329;
199     text-transform: uppercase; 199     text-transform: uppercase;
200 } 200 }
201 .toolbar select { 201 .toolbar select {
202     border: 2px solid #000; 202     border: 2px solid #000;
203     font-weight: 700; 203     font-weight: 700;
204     text-transform: uppercase; 204     text-transform: uppercase;
205 } 205 }
206 .pages strong.page { 206 .pages strong.page {
207     border: none; 207     border: none;
208 } 208 }
209 .pages a.page,.pages a.page:hover { 209 .pages a.page,.pages a.page:hover {
210     border: none; 210     border: none;
211     color: #000; 211     color: #000;
212  212 
213 .pages .action, .pages .action:hover { 213 .pages .action, .pages .action:hover {
214     border-width: 2px; 214     border-width: 2px;
215     border-color: #222529; 215     border-color: #222529;
216     height: 36px; 216     height: 36px;
217     width: 36px; 217     width: 36px;
218     color: #000; 218     color: #000;
219 } 219 }
220 .pages .action:hover { 220 .pages .action:hover {
221     background: #000; 221     background: #000;
222     color: #fff !important; 222     color: #fff !important;
223 } 223 }
224 .footer .widget,.widget { 224 .footer .widget,.widget {
225     margin-bottom: 1.875rem; 225     margin-bottom: 1.875rem;
226     margin-top: 1.875rem; 226     margin-top: 1.875rem;
227 } 227 }
228 .footer .widget:first-child,.widget:first-child { 228 .footer .widget:first-child,.widget:first-child {
229     margin-top: 0; 229     margin-top: 0;
230 } 230 }
231 .footer .widgettitle, .footer .widget-title { 231 .footer .widgettitle, .footer .widget-title {
232     font-size: 1.1666em; 232     font-size: 1.1666em;
233     font-weight: 700; 233     font-weight: 700;
234 } 234 }
235 .widget.contact-info ul, .widget.contact-info li {  235 .widget.contact-info ul, .widget.contact-info li { 
236     line-height: 1.8; 236     line-height: 1.8;
237 } 237 }
238 .footer .follow-us .share-links a:not(:hover) { 238 .footer .follow-us .share-links a:not(:hover) {
239     background: none; 239     background: none;
240     color: #525252; 240     color: #525252;
241     border: none; 241     border: none;
242     font-size: 18px; 242     font-size: 18px;
243 } 243 }
244 .footer .newsletter input,.footer .newsletter .action.subscribe { 244 .footer .newsletter input,.footer .newsletter .action.subscribe {
245     border-radius: 0; 245     border-radius: 0;
246 } 246 }
247 .footer .newsletter input { 247 .footer .newsletter input {
248     background: #f4f4f4; 248     background: #f4f4f4;
249     min-width: 271px; 249     min-width: 271px;
250     padding: 8px 12px; 250     padding: 8px 12px;
251 } 251 }
252 .footer .newsletter .action.subscribe { 252 .footer .newsletter .action.subscribe {
253     padding: .533rem .933rem;  253     padding: .533rem .933rem; 
254     line-height: 1.42857; 254     line-height: 1.42857;
255     background-color: #222529; 255     background-color: #222529;
256 } 256 }
257 .footer .row.d-inline-flex { 257 .footer .row.d-inline-flex {
258     white-space: nowrap; 258     white-space: nowrap;
259     margin-left: -3vw; 259     margin-left: -3vw;
260     margin-right: -3vw; 260     margin-right: -3vw;
261 } 261 }
262 .footer .row.d-inline-flex>div { 262 .footer .row.d-inline-flex>div {
263     padding-left: 3vw; 263     padding-left: 3vw;
264     padding-right: 3vw; 264     padding-right: 3vw;
265 } 265 }
266 .footer-middle > .container {  266 .footer-middle > .container { 
267     padding-bottom: 1.55rem; 267     padding-bottom: 1.55rem;
268 } 268 }
269 .footer .contact-info .contact-details strong {  269 .footer .contact-info .contact-details strong { 
270     color: #000;  270     color: #000; 
271 } 271 }
272 .footer .contact-info .contact-details strong, .footer .contact-info .contact-details span {  272 .footer .contact-info .contact-details strong, .footer .contact-info .contact-details span { 
273     line-height: 1.4; 273     line-height: 1.4;
274 } 274 }
275 .footer-middle .widget.follow-us { 275 .footer-middle .widget.follow-us {
276     display: none; 276     display: none;
277 } 277 }
278 .footer .footer-bottom { 278 .footer .footer-bottom {
279     padding: 1.5rem 0 2rem; 279     padding: 1.5rem 0 2rem;
280     font-size: 1em; 280     font-size: 1em;
281 } 281 }
282 .footer-middle > .container::after { 282 .footer-middle > .container::after {
283     left: 4.27vw; 283     left: 4.27vw;
284     right: 4.27vw; 284     right: 4.27vw;
285     border-color: #e7e7e7; 285     border-color: #e7e7e7;
286 } 286 }
287 @media (min-width: 576px) { 287 @media (min-width: 576px) {
288 .footer .contact-details { 288 .footer .contact-details {
289     display: -ms-flexbox; 289     display: -ms-flexbox;
290     display: flex; 290     display: flex;
291     -ms-flex-wrap: wrap; 291     -ms-flex-wrap: wrap;
292     flex-wrap: wrap; 292     flex-wrap: wrap;
293 } 293 }
294 .footer .contact-details>li { 294 .footer .contact-details>li {
295     flex: 0 0 50%; 295     flex: 0 0 50%;
296 } 296 }
297 } 297 }