content.css (11849B)
1 .about-1.content-section-spacing-large { 2 padding-bottom: 0; 3 } 4 5 .about-1 .button-holder { 6 max-width: 100%; 7 text-align: center; 8 } 9 10 .about-1 .button-holder .button { 11 margin-bottom: .75rem; 12 } 13 14 .about-1 .rounded-topleft-topright { 15 border-top-left-radius: 8px; 16 border-top-right-radius: 8px; 17 margin-bottom: 0; 18 } 19 20 .about-10,.about-9 { 21 overflow-x: hidden; 22 } 23 24 .about-10 .content-column,.about-9 .content-column { 25 max-width: 100%; 26 position: relative; 27 z-index: 10; 28 } 29 30 .about-10 .border-radius-8,.about-9 .border-radius-8,.content-6 .border-radius-8,.content-7m .img-rounded { 31 border-radius: 8px; 32 } 33 34 .about-10 .max-image { 35 max-height: 720px; 36 max-width: 485px; 37 width: 100%; 38 } 39 40 .about-4 div[data-type="column"],.about-images-right-section div[data-type="column"] { 41 max-width: 100%; 42 } 43 44 .clients-2 .spaced-cols>div,.testimonials-3m .testimonial-body,.testimonials-4m .card { 45 align-items: center; 46 display: flex; 47 flex-direction: column; 48 } 49 50 .clients-2-materialis .card { 51 height: 100%; 52 padding: 24px 15px; 53 position: relative; 54 } 55 56 .clients-2-materialis .card .image-holder { 57 flex: 0 1 auto; 58 flex-direction: column; 59 flex-grow: 0; 60 height: 100%; 61 } 62 63 .contact-1 { 64 background-image: url("./images/mockup-863469.jpg"); 65 background-position: center top; 66 background-size: cover; 67 position: relative; 68 } 69 70 .contact-1:before { 71 background-color: rgba(26, 26, 26, .48); 72 content: ' '; 73 display: inline-block; 74 height: 100%; 75 left: 0; 76 position: absolute; 77 top: 0; 78 width: 100%; 79 z-index: 0; 80 } 81 82 .contact-1 .contact-form-wrapper:not(.inline-info)>.card { 83 padding-left: 10%; 84 padding-right: 10%; 85 } 86 87 .content-12m .bag-image,.content-13m .bag-image { 88 background-image: url("./images/image-4.jpg"); 89 background-position: center center; 90 background-size: cover; 91 height: 560px; 92 } 93 94 .content-6 div[data-type="row"]>.row { 95 box-sizing: content-box; 96 } 97 98 .content-6 div[data-type="row"] .col-md-3 .button.big,.content-6 div[data-type="row"] .col-sm-3 .button.big,.features-10m .spaced-cols .col-md-3 .card .button.big,.features-10m .spaced-cols .col-sm-3 .card .button.big,.features-13 .spaced-cols .col-md-2 .button.big,.features-13 .spaced-cols .col-sm-2 .button.big { 99 padding: 2px 18px; 100 } 101 102 .counters-1m .counter-box { 103 align-items: center; 104 flex-wrap: wrap; 105 position: relative; 106 } 107 108 .counters-1m .cols-separator-between div:after { 109 width: 2px; 110 } 111 112 .counters-1m .counter-box>.row { 113 align-items: center; 114 justify-content: center; 115 } 116 117 .counters-1m .content-left-sm .counter-box>.row { 118 justify-content: flex-start; 119 } 120 121 .counters-1m .content-center-sm .counter-box>.row,.testimonials-1m .f-align,.testimonials-3m .f-align { 122 justify-content: center; 123 } 124 125 .counters-1m .content-right-sm .counter-box>.row { 126 justify-content: flex-end; 127 } 128 129 .counters-1m .counter-box .col-sm-fit h2,.counters-1m .counter-box .col-sm-fit i.mdi.icon,.overlappable-14-materialis .card>*:last-child,.portfolio-2-materialis .card h6,.testimonials-1m .space-bottom-image { 130 margin-bottom: 0; 131 } 132 133 .counters-1m .counter-box h6 { 134 font-size: 1.11em; 135 width: 100%; 136 } 137 138 .counters-1m .counter-box i.mdi.icon { 139 margin-left: 5px; 140 margin-right: 5px; 141 } 142 143 .counters-1m .cols-separator-between .col-md-2 .button.big,.counters-1m .cols-separator-between .col-sm-2 .button.big,.features-16 .spaced-cols .col-md-2 .button.big,.features-16 .spaced-cols .col-sm-2 .button.big,.testimonials-1m .spaced-cols .col-md-2 .button.big,.testimonials-1m .spaced-cols .col-sm-2 .button.big,.testimonials-3m .spaced-cols .col-md-2 .button.big,.testimonials-3m .spaced-cols .col-sm-2 .button.big,.testimonials-4m .spaced-cols .col-md-2 .button:not(.small),.testimonials-4m .spaced-cols .col-sm-2 .button:not(.small) { 144 padding: 2px 20px; 145 } 146 147 .counters-2m .circle-counter { 148 border: 1px solid #CCCCCC; 149 border-radius: 100%; 150 margin: auto; 151 max-width: 60%; 152 padding: 4.5%; 153 } 154 155 .counters-2m .circle-counter * { 156 margin-bottom: 0; 157 } 158 159 .counters-2m .circle-content * { 160 margin-left: 0; 161 margin-right: 0; 162 text-align: center; 163 } 164 165 .counters-2m .content-left-sm .circle-counter { 166 margin-left: 0; 167 } 168 169 .counters-2m .content-right-sm .circle-counter { 170 margin-right: 0; 171 } 172 173 .cta-1-materialis { 174 background-image: url("./images/blogging-336376.jpg"); 175 background-position: center center; 176 background-size: cover; 177 position: relative; 178 } 179 180 .cta-1-materialis[data-section-ov]:before { 181 background-color: rgba(0, 0, 0, .6); 182 } 183 184 .cta-1-materialis .card { 185 z-index: 50; 186 } 187 188 .features-10m .bordered { 189 border: 1px solid #e0e1e1; 190 } 191 192 .features-10m .padding-24 { 193 padding-bottom: 24px; 194 padding-top: 24px; 195 } 196 197 .features-10m .col-md-2 .padding-24 { 198 padding-bottom: 24px; 199 padding-left: 10px; 200 padding-right: 10px; 201 padding-top: 24px; 202 } 203 204 .features-12 .col-md-2 .col-sm-fit,.features-12-card-bordered .col-md-2 .col-sm-fit,.latest-news-1-materialis .materialis-latest-news .post-list-item-thumb img,.overlappable-5-materialis .col-md-2 .col-sm-fit,.portfolio-2-materialis .col-md-12 .card .image img,.portfolio-2-materialis .col-sm-12 .card .image img,.portfolio-2-materialis .col-xs-12 .card .image img { 205 width: 100%; 206 } 207 208 .features-16 .read-more { 209 margin-top: 0; 210 padding-bottom: 0; 211 } 212 213 .features-16 .spaced-cols .col-md-2 .description-container,.features-16 .spaced-cols .col-sm-2 .description-container,.portfolio-1m .no-gutter-col { 214 padding-left: 0; 215 padding-right: 0; 216 } 217 218 .features-16-card-bordered .card,.portfolio-2-materialis .card { 219 overflow: hidden; 220 } 221 222 .features-16-card-bordered .read-more-container { 223 border-top: 1px solid #eaeaea; 224 padding-bottom: 0; 225 padding-top: 1rem; 226 } 227 228 .features-16-card-bordered .col-padding-small { 229 padding-left: 24px; 230 padding-right: 24px; 231 } 232 233 .latest-news-1-materialis .materialis-latest-news .col-md-3 .mdc-card__actions,.latest-news-1-materialis .materialis-latest-news .col-md-2 .mdc-card__actions { 234 display: block; 235 } 236 237 .overlappable-14-materialis .spaced-cols .col-md-2,.overlappable-14-materialis .spaced-cols .col-sm-2 { 238 padding-left: 8px; 239 padding-right: 8px; 240 } 241 242 .overlappable-14-materialis .spaced-cols .col-md-2 .card,.overlappable-14-materialis .spaced-cols .col-sm-2 .card,.testimonials-1m .spaced-cols .col-md-2 .card,.testimonials-1m .spaced-cols .col-sm-2 .card,.testimonials-3m .spaced-cols .col-md-2 .card,.testimonials-3m .spaced-cols .col-sm-2 .card,.testimonials-4m .spaced-cols .col-md-2 .card,.testimonials-4m .spaced-cols .col-sm-2 .card { 243 padding: 24px 20px; 244 } 245 246 .overlappable-14-materialis .spaced-cols .col-md-2 .button.big,.overlappable-14-materialis .spaced-cols .col-sm-2 .button.big { 247 margin-top: .5rem; 248 padding: 2px 20px; 249 } 250 251 .overlappable-5-materialis .spaced-cols .col-md-2,.overlappable-5-materialis .spaced-cols .col-sm-2,.testimonials-1m .spaced-cols .col-md-2,.testimonials-1m .spaced-cols .col-sm-2,.testimonials-3m .spaced-cols .col-md-2,.testimonials-3m .spaced-cols .col-sm-2,.testimonials-4m .spaced-cols .col-md-2,.testimonials-4m .spaced-cols .col-sm-2 { 252 padding-left: 10px; 253 padding-right: 10px; 254 } 255 256 .overlappable-5-materialis .spaced-cols .col-md-2 .button.big,.overlappable-5-materialis .spaced-cols .col-sm-2 .button.big { 257 padding: 2px 22px; 258 } 259 260 .portfolio-2-materialis .card a.h5 { 261 color: #54617A; 262 } 263 264 .portfolio-2-materialis .col-padding { 265 padding: .5rem 2rem 1rem 2rem; 266 } 267 268 .team-1m .face,.team-8m .face { 269 display: block; 270 width: 100%; 271 } 272 273 .team-1m .social-icons-group { 274 margin-bottom: 8px; 275 } 276 277 .team-1m .description-container>*:last-child.social-icons-group { 278 margin-top: 32px; 279 } 280 281 .team-1m .social-icons-group i.mdi { 282 font-size: 1.3rem; 283 margin: 0 12px; 284 } 285 286 .team-8m .card { 287 padding: 0; 288 } 289 290 .team-8m .description-container { 291 padding: 1.4rem 0; 292 } 293 294 .team-8m .spaced-cols .col-md-3 .right-col,.team-8m .spaced-cols .col-sm-3 .right-col { 295 padding-left: 0; 296 } 297 298 .team-8m .spaced-cols .col-md-3 .description-container,.team-8m .spaced-cols .col-sm-3 .description-container { 299 padding-top: 0; 300 } 301 302 .team-8m .social-icons-group { 303 margin-bottom: .5rem; 304 } 305 306 .team-8m .description-container .social-icons-group i.mdi { 307 font-size: 1.3rem; 308 margin: 0 10px 0 0; 309 } 310 311 .team-8m .spaced-cols .col-md-3 .social-icons-group a:last-of-type i.mdi,.team-8m .spaced-cols .col-sm-3 .social-icons-group a:last-of-type i.mdi { 312 margin-right: 0; 313 } 314 315 .team-8m .spaced-cols .col-md-3 .button.big,.team-8m .spaced-cols .col-sm-3 .button.big { 316 margin-top: .5rem; 317 padding: 2px 18px; 318 } 319 320 .testimonials-1m .image-70 { 321 display: block; 322 margin-bottom: 0; 323 max-height: 70px; 324 max-width: 70px; 325 } 326 327 .testimonials-1m .testimonial-body>* { 328 display: block; 329 justify-self: flex-start; 330 margin-bottom: 7px; 331 margin-top: 8px; 332 } 333 334 .testimonials-1m .info>*:nth-child(-n+1) { 335 margin-bottom: 5px; 336 } 337 338 .testimonials-1m .spaced-cols .col-md-2 .card .info,.testimonials-1m .spaced-cols .col-sm-2 .card .info,.testimonials-3m .spaced-cols .col-md-2 .card .info,.testimonials-3m .spaced-cols .col-sm-2 .card .info { 339 margin: 10px 0; 340 } 341 342 .testimonials-3m .image { 343 display: block; 344 margin-bottom: 0; 345 max-height: 70px; 346 max-width: 70px; 347 } 348 349 .testimonials-3m .testimonial-body>* { 350 margin-bottom: 7px; 351 margin-top: 8px; 352 } 353 354 .testimonials-4m .image-90 { 355 max-height: 90px; 356 max-width: 90px; 357 } 358 359 .testimonials-4m .gridContainer>.spaced-cols>div>.card>p:first-child { 360 margin-bottom: 26px; 361 } 362 363 @media only screen and (min-width: 768px){ 364 365 .about-10,.about-9 { 366 overflow-x: visible; 367 } 368 369 .counters-2m .circle-counter { 370 max-width: 80%; 371 } 372 373 .counter-2m .col-sm-2 .circle-counter .circle-content h2,.counter-2m .col-md-2 .circle-counter .circle-content h2 { 374 font-size: 2.5rem; 375 } 376 377 .counter-2m .col-sm-2 .circle-counter .circle-content p,.counter-2m .col-md-2 .circle-counter .circle-content p { 378 font-size: .77em; 379 } 380 381 .features-12 .icon-column,.features-12-card-bordered .icon-column { 382 padding-right: 0; 383 } 384 385 .testimonials-1m .content-left-sm .f-align,.testimonials-3m .f-align,.testimonials-3m .content-left-sm .f-align { 386 justify-content: flex-start; 387 } 388 389 .testimonials-1m .content-center-sm .f-align,.testimonials-3m .content-center-sm .f-align { 390 justify-content: center; 391 } 392 393 .testimonials-1m .content-right-sm .f-align,.testimonials-3m .content-right-sm .f-align { 394 justify-content: flex-end; 395 } 396 397 .testimonials-3m .image { 398 max-width: 70px; 399 } 400 401 .testimonials-3m .testimonial-body,.testimonials-3m .content-left-sm .testimonial-body,.testimonials-4m .content-left-sm .card { 402 align-items: flex-start; 403 } 404 405 .testimonials-3m .content-center-sm .testimonial-body,.testimonials-4m .content-center-sm .card { 406 align-items: center; 407 } 408 409 .testimonials-3m .content-right-sm .testimonial-body,.testimonials-4m .content-right-sm .card { 410 align-items: flex-end; 411 } 412 413 } 414 @media screen and (max-width: 768px){ 415 416 .about-4 .padding-top-bottom { 417 padding-bottom: 15px; 418 padding-top: 30px; 419 } 420 421 } 422 @media screen and (max-width: 767px){ 423 424 .clients-2-materialis .card .flexbox>* { 425 display: block; 426 height: auto; 427 margin: auto; 428 width: 90%; 429 } 430 431 .testimonials-4m .gridContainer>.spaced-cols>div>.card>img { 432 margin-left: auto; 433 margin-right: auto; 434 } 435 436 } 437 @media screen and (min-width: 768px){ 438 439 .contact-1 .contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(4) { 440 margin-top: 0; 441 } 442 443 } 444 @media only screen and (min-width: 1024px){ 445 446 .content-12m .full-col-left-padding { 447 padding-left: 14%; 448 } 449 450 .content-13m .full-col-right-padding { 451 padding-right: 10%; 452 } 453 454 .testimonials-3m .image { 455 max-width: 70px; 456 } 457 458 } 459 @media screen and (min-width: 1024px){ 460 461 .latest-news-1-materialis .materialis-latest-news .mdc-card__actions .mdc-card__action-icons { 462 justify-content: left; 463 } 464 465 } 466 @media screen and (min-width: 767px){ 467 468 .overlappable-4 . { 469 padding-bottom: 0; 470 padding-top: 0; 471 } 472 473 } 474 @media (min-width: 768px){ 475 476 .overlappable-5-materialis .icon-col { 477 padding-right: 0; 478 } 479 480 } 481 @media screen and (min-width: 768px) and (max-width: 1023px){ 482 483 .testimonials-1m .no-padding-left { 484 padding-left: 15px; 485 } 486 487 .testimonials-1m .space-bottom-image { 488 margin-bottom: 1rem; 489 } 490 491 }