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

248.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_demo29_en.css2021-04-28 09:12:22 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo29_en.css2021-06-27 10:07:32 +0000

248.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2714
Changed12
Inserted00
Removed00

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

248.4 Active regular expressions

No regular expressions were active.

248.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:12: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 body {  22 body { 
23     line-height: 26px; 23     line-height: 26px;
24     letter-spacing: .07px; 24     letter-spacing: .07px;
25     background-color: #222529; 25     background-color: #222529;
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 li { 33 li {
34     line-height: 26px; 34     line-height: 26px;
35 } 35 }
36 p { 36 p {
37     letter-spacing: .07px; 37     letter-spacing: .07px;
38 } 38 }
39 h1, h2, h3, h4, h5, h6 { 39 h1, h2, h3, h4, h5, h6 {
40     font-family: Poppins,sans-serif; 40     font-family: Poppins,sans-serif;
41     color: #fff; 41     color: #fff;
42     letter-spacing: normal; 42     letter-spacing: normal;
43 } 43 }
44 h1 {  44 h1 { 
45     font-family: Open Sans,sans-serif; 45     font-family: Open Sans,sans-serif;
46     font-weight: 400; 46     font-weight: 400;
47     font-size: 36px; 47     font-size: 36px;
48     line-height: 44px; 48     line-height: 44px;
49     margin: 0 0 32px 0; 49     margin: 0 0 32px 0;
50 } 50 }
51 h2 {  51 h2 { 
52     font-family: Open Sans,sans-serif; 52     font-family: Open Sans,sans-serif;
53     font-weight: 400; 53     font-weight: 400;
54     font-size: 30px; 54     font-size: 30px;
55     line-height: 40px; 55     line-height: 40px;
56     margin: 0 0 32px 0; 56     margin: 0 0 32px 0;
57 } 57 }
58 h3 {  58 h3 { 
59     font-family: Open Sans,sans-serif; 59     font-family: Open Sans,sans-serif;
60     font-weight: 400; 60     font-weight: 400;
61     font-size: 25px; 61     font-size: 25px;
62     line-height: 32px; 62     line-height: 32px;
63     margin: 0 0 20px 0; 63     margin: 0 0 20px 0;
64 } 64 }
65 h4 {  65 h4 { 
66     font-family: Poppins,sans-serif; 66     font-family: Poppins,sans-serif;
67     font-weight: 400; 67     font-weight: 400;
68     font-size: 20px; 68     font-size: 20px;
69     line-height: 27px; 69     line-height: 27px;
70     margin: 0 0 14px 0; 70     margin: 0 0 14px 0;
71 } 71 }
72 h5 {  72 h5 { 
73     font-family: Poppins,sans-serif; 73     font-family: Poppins,sans-serif;
74     font-weight: 400; 74     font-weight: 400;
75     font-size: 14px; 75     font-size: 14px;
76     line-height: 24px; 76     line-height: 24px;
77     margin: 0 0 14px 0; 77     margin: 0 0 14px 0;
78 } 78 }
79 h6 {  79 h6 { 
80     font-family: Poppins,sans-serif; 80     font-family: Poppins,sans-serif;
81     font-weight: 400; 81     font-weight: 400;
82     font-size: 13px; 82     font-size: 13px;
83     line-height: 24px; 83     line-height: 24px;
84     margin: 0 0 14px 0; 84     margin: 0 0 14px 0;
85 } 85 }
86 .home-banner-slider h2.vc_custom_heading, .custom-font4 { 86 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
87     font-family: 'Segoe Script','Savoye LET'; 87     font-family: 'Segoe Script','Savoye LET';
88 } 88 }
89 html .heading-secondary, html .lnk-secondary, html .text-color-secondary { 89 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
90     color: #ff7272; 90     color: #ff7272;
91 } 91 }
92 html .btn-modern { 92 html .btn-modern {
93     text-transform: uppercase; 93     text-transform: uppercase;
94     font-size: .75rem; 94     font-size: .75rem;
95     padding: .75rem 1.5rem; 95     padding: .75rem 1.5rem;
96     font-weight: 600; 96     font-weight: 600;
97     height: auto; 97     height: auto;
98 } 98 }
99 html .action.primary, html .btn { 99 html .action.primary, html .btn {
100     font-family: Poppins; 100     font-family: Poppins;
101     letter-spacing: .01em; 101     letter-spacing: .01em;
102     font-weight: 700; 102     font-weight: 700;
103     line-height: 1.42857; 103     line-height: 1.42857;
104     padding: .8em 2em;  104     padding: .8em 2em; 
105     border-radius: 0; 105     border-radius: 0;
106     font-size: .8rem; 106     font-size: .8rem;
107 } 107 }
108 html .btn-modern { 108 html .btn-modern {
109     font-size: .8125rem; 109     font-size: .8125rem;
110     padding: 1em 2.8em; 110     padding: 1em 2.8em;
111 } 111 }
112 html .action.primary { 112 html .action.primary {
113     color: #fff; 113     color: #fff;
114     background-color: #0078f2; 114     background-color: #0078f2;
115     border-color: #0078f2 #0078f2 #0078f2; 115     border-color: #0078f2 #0078f2 #0078f2;
116 } 116 }
117 html .btn-sm {  117 html .btn-sm { 
118     font-size: .75rem; 118     font-size: .75rem;
119     line-height: 1.5; 119     line-height: 1.5;
120 } 120 }
121 html .btn-xl { 121 html .btn-xl {
122     font-size: 1rem; 122     font-size: 1rem;
123     padding: .8rem 2rem; 123     padding: .8rem 2rem;
124 } 124 }
125 html .btn-lg { 125 html .btn-lg {
126     padding: .5rem .875rem; 126     padding: .5rem .875rem;
127     font-size: .875rem; 127     font-size: .875rem;
128     line-height: 1.3333; 128     line-height: 1.3333;
129 } 129 }
130 .btn-modern.btn-xl { 130 .btn-modern.btn-xl {
131     font-size: 1rem; 131     font-size: 1rem;
132     padding: 1.25em 3.125em; 132     padding: 1.25em 3.125em;
133 } 133 }
134 .btn-flat { 134 .btn-flat {
135     padding: 0!important; 135     padding: 0!important;
136     background: none!important; 136     background: none!important;
137     border: none!important; 137     border: none!important;
138     border-bottom: 1px solid transparent!important; 138     border-bottom: 1px solid transparent!important;
139     box-shadow: none!important; 139     box-shadow: none!important;
140     text-transform: uppercase; 140     text-transform: uppercase;
141     font-size: .75rem; 141     font-size: .75rem;
142  142 
143 html .btn-dark { 143 html .btn-dark {
144     color: #fff; 144     color: #fff;
145     background-color: #222529; 145     background-color: #222529;
146     border-color: #222529 #222529 #0b0c0e; 146     border-color: #222529 #222529 #0b0c0e;
147  147 
148 html .btn-light { 148 html .btn-light {
149     color: #222529; 149     color: #222529;
150     background-color: #fff; 150     background-color: #fff;
151     border-color: #fff #fff #e6e6e6; 151     border-color: #fff #fff #e6e6e6;
152 } 152 }
153 html .btn-quaternary { 153 html .btn-quaternary {
154     color: #fff; 154     color: #fff;
155     background-color: #000; 155     background-color: #000;
156     border-color: #000 #000 #000; 156     border-color: #000 #000 #000;
157 } 157 }
158 html .background-color-secondary { 158 html .background-color-secondary {
159     background-color: #f4a085 !important; 159     background-color: #f4a085 !important;
160 } 160 }
161 html .heading-quaternary, html .lnk-quaternary, html .text-color-quaternary { 161 html .heading-quaternary, html .lnk-quaternary, html .text-color-quaternary {
162     color: #000000!important; 162     color: #000000!important;
163 } 163 }
164 .product-item-name a { 164 .product-item-name a {
165     font-family: Open Sans,sans-serif; 165     font-family: Open Sans,sans-serif;
166     color: #fff; 166     color: #fff;
167 } 167 }
168 .product-item .rating-summary .rating-result:before { 168 .product-item .rating-summary .rating-result:before {
169     color: rgba(255,255,255,.13);  169     color: rgba(255,255,255,.13); 
170 } 170 }
171 .product-item .rating-summary .rating-result > span:before { 171 .product-item .rating-summary .rating-result > span:before {
172     color: #ffc600; 172     color: #ffc600;
173 } 173 }
174 .price-box .price {  174 .price-box .price { 
175     font-family: 'Open Sans'; 175     font-family: 'Open Sans';
176 } 176 }
177 .product-item-actions .action.towishlist {  177 .product-item-actions .action.towishlist { 
178     color: #aaa;  178     color: #aaa; 
179 } 179 }
180 .top-icon .porto-sicon-header { 180 .top-icon .porto-sicon-header {
181     margin-bottom: .75rem; 181     margin-bottom: .75rem;
182  182 
183 .page-wrapper > .breadcrumbs { 183 .page-wrapper > .breadcrumbs {
184   margin-bottom: 35px; 184   margin-bottom: 35px;
185   font-size: 10px; 185   font-size: 10px;
186   font-weight: 700; 186   font-weight: 700;
187   letter-spacing: .05em; 187   letter-spacing: .05em;
188 } 188 }
189 .page-wrapper > .breadcrumbs .items { 189 .page-wrapper > .breadcrumbs .items {
190   padding-top: 20px; 190   padding-top: 20px;
191   padding-bottom: 21px; 191   padding-bottom: 21px;
192   position: relative; 192   position: relative;
193  193 
194 .page-wrapper > .breadcrumbs .items:after { 194 .page-wrapper > .breadcrumbs .items:after {
195   content: ''; 195   content: '';
196   position: absolute; 196   position: absolute;
197   bottom: 0; 197   bottom: 0;
198   left: 10px; 198   left: 10px;
199   right: 10px; 199   right: 10px;
200   border-bottom: 1px solid #303438; 200   border-bottom: 1px solid #303438;
201 } 201 }
202 .page-wrapper > .breadcrumbs .items>li.home a { 202 .page-wrapper > .breadcrumbs .items>li.home a {
203   width: auto; 203   width: auto;
204   text-indent: 0; 204   text-indent: 0;
205 } 205 }
206 .page-wrapper > .breadcrumbs .items>li.home a:after { 206 .page-wrapper > .breadcrumbs .items>li.home a:after {
207   display: none; 207   display: none;
208 } 208 }
209 .catalog-category-view .sidebar.sidebar-main .sidebar-content { 209 .catalog-category-view .sidebar.sidebar-main .sidebar-content {
210   border: none; 210   border: none;
211 } 211 }
212 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions { 212 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions {
213   padding: 0; 213   padding: 0;
214   margin-bottom: 30px; 214   margin-bottom: 30px;
215   border: none; 215   border: none;
216 } 216 }
217 .filter-current {padding: 0;} 217 .filter-current {padding: 0;}
218 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title, .filter .filter-current-subtitle { 218 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title, .filter .filter-current-subtitle {
219   border-bottom: 1px solid #303438; 219   border-bottom: 1px solid #303438;
220   padding: 0 0 6px; 220   padding: 0 0 6px;
221   margin-bottom: 0; 221   margin-bottom: 0;
222   line-height: 1.4; 222   line-height: 1.4;
223   font-size: 12px; 223   font-size: 12px;
224   font-weight: 600; 224   font-weight: 600;
225   color: #fff; 225   color: #fff;
226   letter-spacing: .05em; 226   letter-spacing: .05em;
227   font-family: Poppins,sans-serif; 227   font-family: Poppins,sans-serif;
228 } 228 }
229 .side-custom-block .custom-block h2 { 229 .side-custom-block .custom-block h2 {
230   margin-bottom: 10px; 230   margin-bottom: 10px;
231 } 231 }
232 .block-category-list .block-content,.filter-options-content,.custom-block .block-content, .filter-current .items,.filter-actions { 232 .block-category-list .block-content,.filter-options-content,.custom-block .block-content, .filter-current .items,.filter-actions {
233   padding-left: 15px; 233   padding-left: 15px;
234 } 234 }
235 .block-category-list .block-content ol li a { 235 .block-category-list .block-content ol li a {
236   font-size: 12px; 236   font-size: 12px;
237   padding: 4px 0; 237   padding: 4px 0;
238   font-weight: 400; 238   font-weight: 400;
239 } 239 }
240 .side-custom-block .custom-block:last-child { 240 .side-custom-block .custom-block:last-child {
241   margin-bottom: 0; 241   margin-bottom: 0;
242 } 242 }
243 .side-custom-block .custom-block h5 { 243 .side-custom-block .custom-block h5 {
244   margin-top: 0 !important; 244   margin-top: 0 !important;
245 } 245 }
246 .products-related .owl-carousel.show-nav-title .owl-nav { 246 .products-related .owl-carousel.show-nav-title .owl-nav {
247     margin-top: -97px; 247     margin-top: -97px;
248 } 248 }
249 /********color*********/ 249 /********color*********/
250 .customer-account-login .page-title-wrapper, .customer-account-create .page-title-wrapper, .customer-account-forgotpassword .page-title-wrapper { 250 .customer-account-login .page-title-wrapper, .customer-account-create .page-title-wrapper, .customer-account-forgotpassword .page-title-wrapper {
251     background-color: #313438;   251     background-color: #313438;  
252 } 252 }
253 .customer-account-login .page-title-wrapper h1.page-title, .customer-account-create .page-title-wrapper h1.page-title, .customer-account-forgotpassword .page-title-wrapper h1.page-title { 253 .customer-account-login .page-title-wrapper h1.page-title, .customer-account-create .page-title-wrapper h1.page-title, .customer-account-forgotpassword .page-title-wrapper h1.page-title {
254     color: #fff !important;  254     color: #fff !important; 
255 } 255 }
256 .login-container .block .actions-toolbar > .primary .action, .login-container .block .actions-toolbar > .secondary .action,.prev-next-products .product-nav .product-pop {  256 .login-container .block .actions-toolbar > .primary .action, .login-container .block .actions-toolbar > .secondary .action,.prev-next-products .product-nav .product-pop { 
257     background: #353a40 !important; 257     background: #353a40 !important;
258 } 258 }
259 .review-add input, .review-add textarea { 259 .review-add input, .review-add textarea {
260     background: #2e3237 !important; 260     background: #2e3237 !important;
261 } 261 }
262 .small-list.products-grid .product-items .product-item-details a{ 262 .small-list.products-grid .product-items .product-item-details a{
263     color:#474747; 263     color:#474747;
264 } 264 }
265 .owl-carousel.show-nav-title .owl-nav [class*="owl-"],.owl-carousel.show-nav-title .owl-nav [class*="owl-"], .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:active { 265 .owl-carousel.show-nav-title .owl-nav [class*="owl-"],.owl-carousel.show-nav-title .owl-nav [class*="owl-"], .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:active {
266     color: #fff; 266     color: #fff;
267 } 267 }
268 .small-list.products-grid .product-items .price {  268 .small-list.products-grid .product-items .price { 
269     color: #fff;  269     color: #fff; 
270 } 270 }
271 .toolbar select,.pages strong.page, .pages a.page, .pages .action, .pages a.page:hover { 271 .toolbar select,.pages strong.page, .pages a.page, .pages .action, .pages a.page:hover {
272     background: #2e3237;  272     background: #2e3237; 
273 } 273 }
274 .products.wrapper ~ .toolbar,.toolbar select,.pages strong.page, .pages a.page, .pages .action, .pages a.page:hover,.product-add-form .box-tocart,.qty.field .qty-changer > a, .col.qty .qty-changer > a,.qty.field .input-text.qty, .col.qty .input-text.qty, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .action.tocompare, .product-addto-links .action.tocompare, .moved-add-to-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.towishlist, .product-addto-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist,.product.data.items > .item.content,.cart.table-wrapper .cart thead tr th.col,.cart.table-wrapper .cart > .item { 274 .products.wrapper ~ .toolbar,.toolbar select,.pages strong.page, .pages a.page, .pages .action, .pages a.page:hover,.product-add-form .box-tocart,.qty.field .qty-changer > a, .col.qty .qty-changer > a,.qty.field .input-text.qty, .col.qty .input-text.qty, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .action.tocompare, .product-addto-links .action.tocompare, .moved-add-to-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.towishlist, .product-addto-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist,.product.data.items > .item.content,.cart.table-wrapper .cart thead tr th.col,.cart.table-wrapper .cart > .item {
275     border-color: #2e3237; 275     border-color: #2e3237;
276  276 
277 .sorter-action:before,.pages strong.page, .pages a.page, .pages .action, .pages a.page:hover, .product-info-main .page-title-wrapper h1,.qty.field .qty-changer > a, .col.qty .qty-changer > a,.bundle-options-container .block-bundle-summary .product-addto-links > .action, .action.tocompare, .product-addto-links .action.tocompare, .moved-add-to-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.towishlist, .product-addto-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist,.product-social-links .share-links a:not(:hover),.product.data.items > .item.title.active,.porto-info-list .porto-info-icon, .product.description ul .porto-info-icon, .porto-info-list [class^=porto-icon-], .product.description ul [class^=porto-icon-],.qty.field .input-text.qty, .col.qty .input-text.qty,.product.data.items > .item.title:hover,.cart.table-wrapper .cart thead tr th.col,.block-compare .block-title strong, .block-reorder .block-title strong, .widget .block-title strong, .block-wishlist .block-title strong {  277 .sorter-action:before,.pages strong.page, .pages a.page, .pages .action, .pages a.page:hover, .product-info-main .page-title-wrapper h1,.qty.field .qty-changer > a, .col.qty .qty-changer > a,.bundle-options-container .block-bundle-summary .product-addto-links > .action, .action.tocompare, .product-addto-links .action.tocompare, .moved-add-to-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.towishlist, .product-addto-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist,.product-social-links .share-links a:not(:hover),.product.data.items > .item.title.active,.porto-info-list .porto-info-icon, .product.description ul .porto-info-icon, .porto-info-list [class^=porto-icon-], .product.description ul [class^=porto-icon-],.qty.field .input-text.qty, .col.qty .input-text.qty,.product.data.items > .item.title:hover,.cart.table-wrapper .cart thead tr th.col,.block-compare .block-title strong, .block-reorder .block-title strong, .widget .block-title strong, .block-wishlist .block-title strong { 
278     color: #fff; 278     color: #fff;
279 } 279 }
280 .product.data.items > .item.title.active,.product.data.items > .item.title:hover { 280 .product.data.items > .item.title.active,.product.data.items > .item.title:hover {
281     border-color: #fff; 281     border-color: #fff;
282 } 282 }
283 @media(min-width:768px){ 283 @media(min-width:768px){
284 .product.data.items > .item.content {  284 .product.data.items > .item.content { 
285     margin-top: 42px 285     margin-top: 42px
286 } 286 }
287 } 287 }
288 .qty.field .input-text.qty, .col.qty .input-text.qty { 288 .qty.field .input-text.qty, .col.qty .input-text.qty {
289     background: transparent !important; 289     background: transparent !important;
290 } 290 }
291 .box-tocart .action.tocart:not(:hover) {  291 .box-tocart .action.tocart:not(:hover) { 
292     background: #2e3237; 292     background: #2e3237;
293 } 293 }
294 .cart-summary,.opc-block-summary { 294 .cart-summary,.opc-block-summary {
295     background: #292d32;  295     background: #292d32; 
296     border-color: #2e3237;  296     border-color: #2e3237; 
297     color: #fff; 297     color: #fff;
298 } 298 }
299 .cart-summary .block .title,.cart-totals,.cart-totals tbody .grand.totals .mark, .cart-totals tfoot .grand.totals .mark,.cart-totals tbody .grand.totals .amount, .cart-totals tfoot .grand.totals .amount,.opc-wrapper .step-title,.opc-wrapper .form-login,.table-checkout-shipping-method tbody td,.opc-block-summary .items-in-cart > .title,.widget.block-categories li{ 299 .cart-summary .block .title,.cart-totals,.cart-totals tbody .grand.totals .mark, .cart-totals tfoot .grand.totals .mark,.cart-totals tbody .grand.totals .amount, .cart-totals tfoot .grand.totals .amount,.opc-wrapper .step-title,.opc-wrapper .form-login,.table-checkout-shipping-method tbody td,.opc-block-summary .items-in-cart > .title,.widget.block-categories li{
300     border-color: #353a40;  300     border-color: #353a40; 
301 } 301 }
302 .prev-next-products .product-nav .product-pop:before { 302 .prev-next-products .product-nav .product-pop:before {
303     border-bottom-color: #353a40;  303     border-bottom-color: #353a40; 
304 } 304 }
305 .block .title strong,.cart-summary > .title,.cart-totals tbody .grand.totals .mark, .cart-totals tfoot .grand.totals .mark,.cart-totals tbody .amount, .cart-totals tfoot .amount, .opc-block-summary .table-totals tbody .amount, .opc-block-summary .table-totals tfoot .amount,.cart-totals tbody .grand.totals .amount, .cart-totals tfoot .grand.totals .amount,.opc-block-summary > .title,.minicart-items .product-item-name { 305 .block .title strong,.cart-summary > .title,.cart-totals tbody .grand.totals .mark, .cart-totals tfoot .grand.totals .mark,.cart-totals tbody .amount, .cart-totals tfoot .amount, .opc-block-summary .table-totals tbody .amount, .opc-block-summary .table-totals tfoot .amount,.cart-totals tbody .grand.totals .amount, .cart-totals tfoot .grand.totals .amount,.opc-block-summary > .title,.minicart-items .product-item-name {
306     color: inherit; 306     color: inherit;
307 } 307 }
308 .toolbar a.porto-product-filters-toggle  308 .toolbar a.porto-product-filters-toggle 
309     background: #2e3237;  309     background: #2e3237; 
310     border: none; 310     border: none;
311 } 311 }
312 .toolbar a.porto-product-filters-toggle svg { 312 .toolbar a.porto-product-filters-toggle svg {
313     fill: #fff; 313     fill: #fff;
314     stroke: #fff; 314     stroke: #fff;
315     width: 28px; 315     width: 28px;
316 } 316 }
317 @media (max-width: 991px) { 317 @media (max-width: 991px) {
318 .toolbar {  318 .toolbar { 
319     color: #fff;  319     color: #fff; 
320     background: #272b2f;  320     background: #272b2f; 
321 } 321 }
322 .toolbar select { 322 .toolbar select {
323     color: #fff; 323     color: #fff;
324 } 324 }
325 } 325 }
326 /***** end color *****/ 326 /***** end color *****/
327 .footer .widgettitle, .footer .widget-title { 327 .footer .widgettitle, .footer .widget-title {
328     font-size: .9375rem; 328     font-size: .9375rem;
329     font-weight: 600; 329     font-weight: 600;
330 } 330 }
331 .prev-next-products a {  331 .prev-next-products a { 
332     color: #777; 332     color: #777;
333 } 333 }
334 html .background-color-secondary { 334 html .background-color-secondary {
335     background-color: #ff7272!important; 335     background-color: #ff7272!important;
336  336 
337 .footer-top { 337 .footer-top {
338     border-bottom: 1px solid #2a2e33; 338     border-bottom: 1px solid #2a2e33;
339     padding: 35px 0; 339     padding: 35px 0;
340 } 340 }
341 .footer-top .custom-block:before, .footer-top .custom-block::after { 341 .footer-top .custom-block:before, .footer-top .custom-block::after {
342     display: none; 342     display: none;
343 } 343 }
344 .footer-middle > .container::after { 344 .footer-middle > .container::after {
345     display: none; 345     display: none;
346 } 346 }
347 .footer .footer-middle>.container { 347 .footer .footer-middle>.container {
348     padding-top: 45px; 348     padding-top: 45px;
349     padding-bottom: 15px; 349     padding-bottom: 15px;
350 } 350 }
351 .footer .footer-bottom { 351 .footer .footer-bottom {
352     padding: 30px 0; 352     padding: 30px 0;
353 } 353 }
354 .footer-bottom address { 354 .footer-bottom address {
355     text-align: center; 355     text-align: center;
356     padding: 10px 8px; 356     padding: 10px 8px;
357     line-height: 14px; 357     line-height: 14px;
358 } 358 }