258. Araxis Merge File Comparison Report

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

258.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_demo7_en.css2021-04-28 09:25:00 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo7_en.css2021-06-27 10:07:32 +0000

258.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2544
Changed12
Inserted00
Removed00

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

258.4 Active regular expressions

No regular expressions were active.

258.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:24:59 */ 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 (min-width: 1190px) { 22 @media (min-width: 1190px) {
23   .layout-1220 .container,.layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220 .page-main, .layout-1220 .page-wrapper>.breadcrumbs >ul, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container { 23   .layout-1220 .container,.layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220 .page-main, .layout-1220 .page-wrapper>.breadcrumbs >ul, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container {
24     max-width: 1170px; 24     max-width: 1170px;
25   } 25   }
26 } 26 }
27 @media (max-width: 575px){ 27 @media (max-width: 575px){
28   body { 28   body {
29     font-size: 13px; 29     font-size: 13px;
30     line-height: 21px; 30     line-height: 21px;
31   } 31   }
32 } 32 }
33 p {  33 p { 
34   letter-spacing: 0; 34   letter-spacing: 0;
35 } 35 }
36 h1, h2, h3, h4, h5, h6 { 36 h1, h2, h3, h4, h5, h6 {
37   font-family: Poppins,sans-serif; 37   font-family: Poppins,sans-serif;
38   color: #222529; 38   color: #222529;
39   letter-spacing: normal; 39   letter-spacing: normal;
40 } 40 }
41 h1 {  41 h1 { 
42   font-weight: 700; 42   font-weight: 700;
43   font-size: 36px; 43   font-size: 36px;
44   line-height: 44px;  44   line-height: 44px; 
45   margin: 0 0 32px 0; 45   margin: 0 0 32px 0;
46 } 46 }
47 h2 {  47 h2 { 
48   font-weight: 700; 48   font-weight: 700;
49   font-size: 30px; 49   font-size: 30px;
50   line-height: 40px; 50   line-height: 40px;
51   margin: 0 0 32px 0; 51   margin: 0 0 32px 0;
52 } 52 }
53 h3 {  53 h3 { 
54   font-weight: 700; 54   font-weight: 700;
55   font-size: 25px; 55   font-size: 25px;
56   line-height: 32px; 56   line-height: 32px;
57   margin: 0 0 20px 0; 57   margin: 0 0 20px 0;
58 } 58 }
59 h4 {  59 h4 { 
60   font-weight: 700; 60   font-weight: 700;
61   font-size: 20px; 61   font-size: 20px;
62   line-height: 27px; 62   line-height: 27px;
63   margin: 0 0 14px 0; 63   margin: 0 0 14px 0;
64 } 64 }
65 h5 {  65 h5 { 
66   font-weight: 700; 66   font-weight: 700;
67   font-size: 14px; 67   font-size: 14px;
68   line-height: 18px; 68   line-height: 18px;
69   margin: 0 0 14px 0; 69   margin: 0 0 14px 0;
70 } 70 }
71 h6 {  71 h6 { 
72   font-weight: 600; 72   font-weight: 600;
73   font-size: 14px; 73   font-size: 14px;
74   line-height: 18px;  74   line-height: 18px; 
75   margin: 0 0 14px 0; 75   margin: 0 0 14px 0;
76 } 76 }
77 .home-banner-slider h2.vc_custom_heading, .custom-font4 { 77 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
78   font-family: 'Segoe Script','Savoye LET'; 78   font-family: 'Segoe Script','Savoye LET';
79 } 79 }
80 html .heading-secondary, html .lnk-secondary, html .text-color-secondary { 80 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
81   color: #ff7272; 81   color: #ff7272;
82 } 82 }
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   text-transform: uppercase; 89   text-transform: uppercase;
90   height: auto; 90   height: auto;
91 } 91 }
92 html .action.primary, html .btn { 92 html .action.primary, html .btn {
93   font-family: Poppins; 93   font-family: Poppins;
94   letter-spacing: .01em; 94   letter-spacing: .01em;
95   font-weight: 700; 95   font-weight: 700;
96   line-height: 1.42857; 96   line-height: 1.42857;
97   padding: .8em 2em; 97   padding: .8em 2em;
98   border-radius: 0; 98   border-radius: 0;
99 } 99 }
100 html .action.primary { 100 html .action.primary {
101   color: #fff; 101   color: #fff;
102   background-color: #65829d; 102   background-color: #65829d;
103     border-color: #65829d #65829d #51697f; 103     border-color: #65829d #65829d #51697f;
104 } 104 }
105 html .btn-lg { 105 html .btn-lg {
106   padding: .5rem .875rem; 106   padding: .5rem .875rem;
107   font-size: .875rem; 107   font-size: .875rem;
108   line-height: 1.3333; 108   line-height: 1.3333;
109   border-radius: 0; 109   border-radius: 0;
110 } 110 }
111 .btn-modern.btn-lg { 111 .btn-modern.btn-lg {
112   font-size: .875rem; 112   font-size: .875rem;
113   padding: 1rem 2.25rem; 113   padding: 1rem 2.25rem;
114 } 114 }
115 .btn-flat { 115 .btn-flat {
116   padding: 0!important; 116   padding: 0!important;
117   background: none!important; 117   background: none!important;
118   border: none!important; 118   border: none!important;
119   border-bottom: 1px solid transparent!important; 119   border-bottom: 1px solid transparent!important;
120   box-shadow: none!important; 120   box-shadow: none!important;
121   text-transform: uppercase; 121   text-transform: uppercase;
122   font-size: .75rem; 122   font-size: .75rem;
123  123 
124 html .btn-dark { 124 html .btn-dark {
125   color: #fff; 125   color: #fff;
126   background-color: #222529; 126   background-color: #222529;
127   border-color: #222529 #222529 #0b0c0e; 127   border-color: #222529 #222529 #0b0c0e;
128  128 
129 html .btn-light { 129 html .btn-light {
130   color: #222529; 130   color: #222529;
131   background-color: #fff; 131   background-color: #fff;
132   border-color: #fff #fff #e6e6e6; 132   border-color: #fff #fff #e6e6e6;
133 } 133 }
134 html .background-color-secondary { 134 html .background-color-secondary {
135   background-color: #ff7272!important; 135   background-color: #ff7272!important;
136 } 136 }
137 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i { 137 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
138   display: none; 138   display: none;
139 } 139 }
140 .top-icon .porto-sicon-header { 140 .top-icon .porto-sicon-header {
141   margin-bottom: .75rem; 141   margin-bottom: .75rem;
142 } 142 }
143 .widget .widgettitle { 143 .widget .widgettitle {
144   font-size: 1rem; 144   font-size: 1rem;
145   letter-spacing: -.02em; 145   letter-spacing: -.02em;
146 } 146 }
147 .product-item-name a {  147 .product-item-name a { 
148     font-family: 'Poppins'; 148     font-family: 'Poppins';
149 } 149 }
150 .product-item-info .product-item-details .product-item-actions .tocart { 150 .product-item-info .product-item-details .product-item-actions .tocart {
151     padding-left: 1rem; 151     padding-left: 1rem;
152     padding-right: 1rem; 152     padding-right: 1rem;
153     background: #f4f4f4; 153     background: #f4f4f4;
154     border: none; 154     border: none;
155     line-height: 36px; 155     line-height: 36px;
156     font-weight: 700; 156     font-weight: 700;
157 } 157 }
158 .product-item-photo>a:not(.weltpixel-quickview):before { 158 .product-item-photo>a:not(.weltpixel-quickview):before {
159   content: ''; 159   content: '';
160   position: absolute; 160   position: absolute;
161   left: 0; 161   left: 0;
162   top: 0; 162   top: 0;
163   width: 100%; 163   width: 100%;
164   height: 100%; 164   height: 100%;
165   background: rgba(0,0,0,.1); 165   background: rgba(0,0,0,.1);
166   z-index: 3; 166   z-index: 3;
167   opacity: 0; 167   opacity: 0;
168   transition: opacity .2s; 168   transition: opacity .2s;
169 } 169 }
170 .product-item-info:hover .product-item-photo>a:not(.weltpixel-quickview):before { 170 .product-item-info:hover .product-item-photo>a:not(.weltpixel-quickview):before {
171   opacity:1; 171   opacity:1;
172 } 172 }
173 .small-list.products-grid .product-items .product-item-info .product-item-photo:before {display: none;} 173 .small-list.products-grid .product-items .product-item-info .product-item-photo:before {display: none;}
174  174 
175 .owl-carousel.show-nav-title .owl-nav { 175 .owl-carousel.show-nav-title .owl-nav {
176     margin-top: -24px;  176     margin-top: -24px; 
177 } 177 }
178 .page-wrapper > .breadcrumbs { 178 .page-wrapper > .breadcrumbs {
179     border-bottom: 1px solid #dfdfdf; 179     border-bottom: 1px solid #dfdfdf;
180     margin-bottom: 30px; 180     margin-bottom: 30px;
181 } 181 }
182 .page-wrapper > .breadcrumbs .items { 182 .page-wrapper > .breadcrumbs .items {
183     font-size: 12px; 183     font-size: 12px;
184     font-weight: 400; 184     font-weight: 400;
185     letter-spacing: 0; 185     letter-spacing: 0;
186 } 186 }
187 .page-wrapper > .breadcrumbs .items>li.home a { 187 .page-wrapper > .breadcrumbs .items>li.home a {
188     width: auto; 188     width: auto;
189     text-indent: 0; 189     text-indent: 0;
190 } 190 }
191 .page-wrapper > .breadcrumbs .items>li.home a:after {display: none;} 191 .page-wrapper > .breadcrumbs .items>li.home a:after {display: none;}
192 .catalog-category-view .sidebar.sidebar-main .sidebar-content { 192 .catalog-category-view .sidebar.sidebar-main .sidebar-content {
193     border: none; 193     border: none;
194 } 194 }
195 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions { 195 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions {
196     padding: 0; 196     padding: 0;
197     margin-bottom: 20px; 197     margin-bottom: 20px;
198     border: none; 198     border: none;
199 } 199 }
200 .filter-current {padding: 0;} 200 .filter-current {padding: 0;}
201 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title,.filter .filter-current-subtitle { 201 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title,.filter .filter-current-subtitle {
202     font-family: Poppins; 202     font-family: Poppins;
203     border-bottom: 1px solid #dfdfdf; 203     border-bottom: 1px solid #dfdfdf;
204     font-size: 15px; 204     font-size: 15px;
205     font-weight: 600 205     font-weight: 600
206     line-height: 1.4; 206     line-height: 1.4;
207     padding: 0 0 10px; 207     padding: 0 0 10px;
208     margin-bottom: 0; 208     margin-bottom: 0;
209 } 209 }
210 .block-category-list .block-title { 210 .block-category-list .block-title {
211     padding-top: 0; 211     padding-top: 0;
212 } 212 }
213 .block-category-list .block-content ol li a { 213 .block-category-list .block-content ol li a {
214     font-size: 13px; 214     font-size: 13px;
215     color: #000; 215     color: #000;
216     line-height: 1.8; 216     line-height: 1.8;
217 } 217 }
218 .side-custom-block .custom-block:last-child { 218 .side-custom-block .custom-block:last-child {
219     margin-bottom: 0; 219     margin-bottom: 0;
220 } 220 }
221 .side-custom-block .custom-block h5 { 221 .side-custom-block .custom-block h5 {
222     margin-top: 0 !important; 222     margin-top: 0 !important;
223 } 223 }
224 .side-custom-block .block-content,.sidebar-filterproducts { 224 .side-custom-block .block-content,.sidebar-filterproducts {
225     margin-top: 10px; 225     margin-top: 10px;
226 } 226 }
227 .footer, .footer p {  227 .footer, .footer p { 
228     letter-spacing: 0; 228     letter-spacing: 0;
229 } 229 }
230 .footer .widgettitle, .footer .widget-title { 230 .footer .widgettitle, .footer .widget-title {
231   font-weight: 700; 231   font-weight: 700;
232     font-size: 1rem; 232     font-size: 1rem;
233     letter-spacing: 0; 233     letter-spacing: 0;
234     text-transform: uppercase; 234     text-transform: uppercase;
235 } 235 }
236 .footer-middle .widget { 236 .footer-middle .widget {
237     margin-bottom: 1.875rem; 237     margin-bottom: 1.875rem;
238     margin-top: 1.875rem; 238     margin-top: 1.875rem;
239 } 239 }
240 .footer-middle .widget:first-child { 240 .footer-middle .widget:first-child {
241     margin-top: 0; 241     margin-top: 0;
242 } 242 }
243 .footer-middle .widget_media_image img { 243 .footer-middle .widget_media_image img {
244     max-width: 111px 244     max-width: 111px
245 } 245 }
246 .footer .block.newsletter .form.subscribe {  246 .footer .block.newsletter .form.subscribe { 
247     display: block; 247     display: block;
248 } 248 }
249 .footer .block.newsletter .field { 249 .footer .block.newsletter .field {
250     margin-bottom: 17px; 250     margin-bottom: 17px;
251 } 251 }
252 .footer-middle .block.newsletter { 252 .footer-middle .block.newsletter {
253     margin-top: 20px; 253     margin-top: 20px;
254 } 254 }
255 .footer li {  255 .footer li { 
256     line-height: 1.8; 256     line-height: 1.8;
257 } 257 }
258 .footer .newsletter input { 258 .footer .newsletter input {
259     height: 3rem; 259     height: 3rem;
260     border: none; 260     border: none;
261     border-radius: 30px; 261     border-radius: 30px;
262     background: #292c30; 262     background: #292c30;
263     padding-left: 1.25rem; 263     padding-left: 1.25rem;
264     font-size: .8125rem; 264     font-size: .8125rem;
265 } 265 }
266 .footer .newsletter .action.subscribe { 266 .footer .newsletter .action.subscribe {
267     height: 44px; 267     height: 44px;
268     border: none; 268     border: none;
269     border-radius: 30px; 269     border-radius: 30px;
270     padding: .75rem 1.5rem; 270     padding: .75rem 1.5rem;
271     font-size: .8125rem; 271     font-size: .8125rem;
272     font-weight: 700; 272     font-weight: 700;
273 } 273 }