Mint: A Fresh Look at your Site Minted
  1. 1 /*
  2. 2 Theme Name: Catch Fullscreen
  3. 3 Theme URI: https://catchthemes.com/themes/catch-fullscreen/
  4. 4 Author: Catch Themes
  5. 5 Author URI: https://catchthemes.com/
  6. 6 Description: Catch Fullscreen is a one page WordPress theme that comes with incredible features and captivating design. The theme is extremely easy to customize and you will not have to deal with the most troublesome coding task. The well-designed one page WordPress theme, Catch Fullscreen provides you with crucial features such as header media, featured content, featured slider, hero content, layout options, portfolio, testimonials, and more – which are extremely crucial to create a strong online niche. The theme is completely responsive and your website will look perfect on all devices. Its attractive full screen design and vertical scroll navigation makes your website stand out among others in the web world. Catch Fullscreen helps you build a single scrolling page with great attention to typography and is eye-appealing. Try out the Catch Fullscreen theme and start your journey in WordPress today! For more information, check out Theme Instructions at https://catchthemes.com/themes/catch-fullscreen/, support at https://catchthemes.com/support/ and Demo at https://catchthemes.com/demo/catch-fullscreen/
  7. 7 Version: 2.3
  8. 8 Requires at least: 5.6
  9. 9 Tested up to: 6.0
  10. 10 Requires PHP: 5.6
  11. 11 License: GNU General Public License v3 or later
  12. 12 License URI: http://www.gnu.org/licenses/gpl-3.0.html
  13. 13 Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, custom-logo, editor-style, featured-image-header, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, photography
  14. 14 Text Domain: catch-fullscreen
  15. 15
  16. 16 This theme, like WordPress, is licensed under the GPL.
  17. 17 Use it to make something cool, have fun, and share what you've learned with others.
  18. 18 */
  19. 19
  20. 20 /**
  21. 21 * Table of Contents
  22. 22 *
  23. 23 * 1.0 - Normalize
  24. 24 * 2.0 - Typography
  25. 25 * 3.0 - Elements
  26. 26 * 4.0 - Padding/Margin
  27. 27 * 5.0 - Forms
  28. 28 * 6.0 - Navigation
  29. 29 * 6.1 - Links
  30. 30 * 6.2 - Menus
  31. 31 * 6.3 - Post Navigation
  32. 32 * 6.4 - Breadcrumb
  33. 33 * 6.5 - Scroll Up
  34. 34 * 7.0 - Accessibility
  35. 35 * 8.0 - Alignments
  36. 36 * 9.0 - Clearings
  37. 37 * 10.0 - Widgets
  38. 38 * 11.0 - Content
  39. 39 * 11.1 - Header
  40. 40 * 11.2 - Posts and pages
  41. 41 * 11.3 - Comments
  42. 42 * 11.4 - Footer
  43. 43 * 12.0 - Media
  44. 44 * 12.1 - Captions
  45. 45 * 12.2 - Galleries
  46. 46 * 12.3 - Icons
  47. 47 * 13.0 - Modules
  48. 48 * 13.1 - Slider
  49. 49 * 13.2 - Featured Content
  50. 50 * 13.3 - Services
  51. 51 * 13.4 - Portfolio
  52. 52 * 13.5 - Gallery
  53. 53 * 13.6 - Hero Content
  54. 54 * 13.7 - Team
  55. 55 * 13.8 - Testimonials
  56. 56 * 13.9 - Promotional Headline
  57. 57 * 13.10 - Recent Blog
  58. 58 * 14.0 - Others
  59. 59 * 15.0 - Media Queries
  60. 60 * 15.1 - >= 480px
  61. 61 * 15.2 - >= 601px
  62. 62 * 15.3 - >= 667px
  63. 63 * 15.4 - >= 783px
  64. 64 * 15.5 - >= 1024px
  65. 65 * 15.6 - >= 1120px
  66. 66 * 15.7 - >= 1366px
  67. 67 * 15.8 - >= 1600px
  68. 68 * 16.0 - Colors
  69. 69 */
  70. 70
  71. 71 /**
  72. 72 * 1.0 - Normalize
  73. 73 *
  74. 74 * Normalizing styles have been helped along thanks to the fine work of
  75. 75 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
  76. 76 */
  77. 77
  78. 78 html {
  79. 79 font-family: sans-serif;
  80. 80 -webkit-text-size-adjust: 100%;
  81. 81 -ms-text-size-adjust: 100%;
  82. 82 }
  83. 83
  84. 84 body {
  85. 85 margin: 0;
  86. 86 }
  87. 87
  88. 88 article,
  89. 89 aside,
  90. 90 details,
  91. 91 figcaption,
  92. 92 figure,
  93. 93 footer,
  94. 94 header,
  95. 95 main,
  96. 96 menu,
  97. 97 nav,
  98. 98 section,
  99. 99 summary {
  100. 100 display: block;
  101. 101 }
  102. 102
  103. 103 audio,
  104. 104 canvas,
  105. 105 progress,
  106. 106 video {
  107. 107 display: inline-block;
  108. 108 vertical-align: baseline;
  109. 109 }
  110. 110
  111. 111 audio:not([controls]) {
  112. 112 display: none;
  113. 113 height: 0;
  114. 114 }
  115. 115
  116. 116 [hidden],
  117. 117 template {
  118. 118 display: none;
  119. 119 }
  120. 120
  121. 121 a {
  122. 122 background-color: transparent;
  123. 123 }
  124. 124
  125. 125 abbr[title] {
  126. 126 border-bottom: 1px dotted;
  127. 127 }
  128. 128
  129. 129 b,
  130. 130 strong {
  131. 131 font-weight: 600;
  132. 132 }
  133. 133
  134. 134 small {
  135. 135 font-size: 80%;
  136. 136 }
  137. 137
  138. 138 sub,
  139. 139 sup {
  140. 140 font-size: 75%;
  141. 141 line-height: 0;
  142. 142 position: relative;
  143. 143 vertical-align: baseline;
  144. 144 }
  145. 145
  146. 146 sup {
  147. 147 top: -0.5em;
  148. 148 }
  149. 149
  150. 150 sub {
  151. 151 bottom: -0.25em;
  152. 152 }
  153. 153
  154. 154 img {
  155. 155 border: 0;
  156. 156 }
  157. 157
  158. 158 svg:not(:root) {
  159. 159 overflow: hidden;
  160. 160 }
  161. 161
  162. 162 figure {
  163. 163 margin: 0;
  164. 164 }
  165. 165
  166. 166 hr {
  167. 167 -webkit-box-sizing: content-box;
  168. 168 -moz-box-sizing: content-box;
  169. 169 box-sizing: content-box;
  170. 170 }
  171. 171
  172. 172 code,
  173. 173 kbd,
  174. 174 pre,
  175. 175 samp {
  176. 176 font-size: 1em;
  177. 177 }
  178. 178
  179. 179 button,
  180. 180 input,
  181. 181 optgroup,
  182. 182 select,
  183. 183 textarea {
  184. 184 color: inherit;
  185. 185 font: inherit;
  186. 186 margin: 0;
  187. 187 }
  188. 188
  189. 189 select {
  190. 190 text-transform: none;
  191. 191 }
  192. 192
  193. 193 button {
  194. 194 overflow: visible;
  195. 195 }
  196. 196
  197. 197 button,
  198. 198 input,
  199. 199 select,
  200. 200 textarea {
  201. 201 max-width: 100%;
  202. 202 }
  203. 203
  204. 204 button,
  205. 205 html input[type="button"],
  206. 206 input[type="reset"],
  207. 207 input[type="submit"] {
  208. 208 -webkit-appearance: button;
  209. 209 cursor: pointer;
  210. 210 }
  211. 211
  212. 212 button[disabled],
  213. 213 html input[disabled] {
  214. 214 cursor: default;
  215. 215 opacity: .5;
  216. 216 }
  217. 217
  218. 218 button::-moz-focus-inner,
  219. 219 input::-moz-focus-inner {
  220. 220 border: 0;
  221. 221 padding: 0;
  222. 222 }
  223. 223
  224. 224 input[type="checkbox"],
  225. 225 input[type="radio"] {
  226. 226 -webkit-box-sizing: border-box;
  227. 227 -moz-box-sizing: border-box;
  228. 228 box-sizing: border-box;
  229. 229 margin-right: 0.4375em;
  230. 230 padding: 0;
  231. 231 }
  232. 232
  233. 233 input[type="date"]::-webkit-inner-spin-button,
  234. 234 input[type="date"]::-webkit-outer-spin-button,
  235. 235 input[type="time"]::-webkit-inner-spin-button,
  236. 236 input[type="time"]::-webkit-outer-spin-button,
  237. 237 input[type="datetime-local"]::-webkit-inner-spin-button,
  238. 238 input[type="datetime-local"]::-webkit-outer-spin-button,
  239. 239 input[type="week"]::-webkit-inner-spin-button,
  240. 240 input[type="week"]::-webkit-outer-spin-button,
  241. 241 input[type="month"]::-webkit-inner-spin-button,
  242. 242 input[type="month"]::-webkit-outer-spin-button,
  243. 243 input[type="number"]::-webkit-inner-spin-button,
  244. 244 input[type="number"]::-webkit-outer-spin-button {
  245. 245 height: auto;
  246. 246 }
  247. 247
  248. 248 input[type="search"] {
  249. 249 -webkit-appearance: textfield;
  250. 250 }
  251. 251
  252. 252 input[type="search"]::-webkit-search-cancel-button,
  253. 253 input[type="search"]::-webkit-search-decoration {
  254. 254 -webkit-appearance: none;
  255. 255 }
  256. 256
  257. 257 fieldset {
  258. 258 border: 1px solid #eee;
  259. 259 margin: 0 0 1.75em;
  260. 260 min-width: inherit;
  261. 261 padding: 0.875em;
  262. 262 }
  263. 263
  264. 264 fieldset > :last-child {
  265. 265 margin-bottom: 0;
  266. 266 }
  267. 267
  268. 268 legend {
  269. 269 border: 0;
  270. 270 padding: 0;
  271. 271 }
  272. 272
  273. 273 textarea {
  274. 274 overflow: auto;
  275. 275 vertical-align: top;
  276. 276 }
  277. 277
  278. 278 optgroup {
  279. 279 font-weight: bold;
  280. 280 }
  281. 281
  282. 282 /**
  283. 283 * 2.0 - Typography
  284. 284 */
  285. 285
  286. 286 body,
  287. 287 button,
  288. 288 input,
  289. 289 select,
  290. 290 textarea {
  291. 291 font-size: 15px;
  292. 292 font-size: 0.9375rem;
  293. 293 font-weight: 300;
  294. 294 font-family: 'Poppins', sans-serif;
  295. 295 line-height: 1.866666666666667;
  296. 296 }
  297. 297
  298. 298 .site-title,
  299. 299 .comments-title,
  300. 300 .comment-reply-title {
  301. 301 font-size: 24px;
  302. 302 font-size: 1.5rem;
  303. 303 line-height: 1.458333333333333;
  304. 304 }
  305. 305
  306. 306 .site-description,
  307. 307 .comment-reply-title small a,
  308. 308 .widget .widget-title,
  309. 309 .widget .wp-block-group h2,
  310. 310 .widget .hentry .entry-title,
  311. 311 .entry-meta {
  312. 312 font-size: 13px;
  313. 313 font-size: 0.8125rem;
  314. 314 line-height: 1.615384615384615;
  315. 315 }
  316. 316
  317. 317 .drop-cap:first-letter {
  318. 318 font-size: 98px;
  319. 319 font-size: 6.125rem;
  320. 320 }
  321. 321
  322. 322 .section .hentry-inner .entry-title,
  323. 323 .section .section-subtitle {
  324. 324 font-size: 20px;
  325. 325 font-size: 1.25rem;
  326. 326 line-height: 1.4;
  327. 327 }
  328. 328
  329. 329 .section .section-title,
  330. 330 #footer-instagram .widget-title {
  331. 331 font-size: 40px;
  332. 332 font-size: 2.5rem;
  333. 333 line-height: 1.206896551724138;
  334. 334 }
  335. 335
  336. 336 .section .section-subtitle {
  337. 337 font-weight: 400;
  338. 338 }
  339. 339
  340. 340 .home .custom-header .entry-title {
  341. 341 font-size: 40px;
  342. 342 font-size: 2.5rem;
  343. 343 line-height: 1.225;
  344. 344 letter-spacing: 0.005em;
  345. 345 }
  346. 346
  347. 347 blockquote {
  348. 348 font-size: 22px;
  349. 349 font-size: 1.375rem;
  350. 350 }
  351. 351
  352. 352 .header-media .site-header-text,
  353. 353 .author-description .author-title,
  354. 354 .post-navigation .nav-title {
  355. 355 font-size: 18px;
  356. 356 font-size: 1.125rem;
  357. 357 line-height: 1.555555555555556;
  358. 358 }
  359. 359
  360. 360 .site-footer,
  361. 361 #footer-menu-wrapper .site-navigation a {
  362. 362 font-size: 15px;
  363. 363 font-size: 0.9375rem;
  364. 364 line-height: 1.866666666666667;
  365. 365 }
  366. 366
  367. 367 .site-info {
  368. 368 font-size: 11px;
  369. 369 font-size: 0.6875rem;
  370. 370 letter-spacing: 0.25em;
  371. 371 line-height: 1.75;
  372. 372 text-align: center;
  373. 373 text-transform: uppercase;
  374. 374 }
  375. 375
  376. 376 button,
  377. 377 .button,
  378. 378 input[type="button"],
  379. 379 input[type="reset"],
  380. 380 input[type="submit"],
  381. 381 .sticky-post,
  382. 382 .entry-breadcrumbs,
  383. 383 .woocommerce .woocommerce-breadcrumb,
  384. 384 .post-navigation .nav-subtitle {
  385. 385 font-size: 12px;
  386. 386 font-size: 0.75rem;
  387. 387 line-height: 1.75;
  388. 388 }
  389. 389
  390. 390 h1,
  391. 391 h2,
  392. 392 h3,
  393. 393 h4,
  394. 394 h5,
  395. 395 h6 {
  396. 396 clear: both;
  397. 397 font-weight: 600;
  398. 398 margin: 0;
  399. 399 text-rendering: optimizeLegibility;
  400. 400 }
  401. 401
  402. 402 p {
  403. 403 margin: 0 0 1.647058823529412em;
  404. 404 }
  405. 405
  406. 406 dfn,
  407. 407 cite,
  408. 408 em,
  409. 409 i {
  410. 410 font-style: italic;
  411. 411 }
  412. 412
  413. 413 blockquote {
  414. 414 line-height: 1.45;
  415. 415 margin: 0 0 1.166666666666667em 0;
  416. 416 padding: 25px 35px;
  417. 417 text-align: center;
  418. 418 }
  419. 419
  420. 420 blockquote.alignright,
  421. 421 blockquote.alignleft {
  422. 422 padding-left: 25px;
  423. 423 padding-right: 25px;
  424. 424 }
  425. 425
  426. 426 blockquote cite {
  427. 427 font-weight: 500;
  428. 428 letter-spacing: 0.05em;
  429. 429 }
  430. 430
  431. 431 blockquote p {
  432. 432 margin-bottom: 0.875em;
  433. 433 }
  434. 434
  435. 435 blockquote cite,
  436. 436 blockquote small {
  437. 437 display: block;
  438. 438 font-size: 13px;
  439. 439 font-size: 0.8125rem;
  440. 440 font-weight: 500;
  441. 441 line-height: 1.615384615384615;
  442. 442 text-transform: uppercase;
  443. 443 }
  444. 444
  445. 445 blockquote em,
  446. 446 blockquote i,
  447. 447 blockquote cite {
  448. 448 font-style: normal;
  449. 449 }
  450. 450
  451. 451 blockquote > :last-child {
  452. 452 margin-bottom: 0;
  453. 453 }
  454. 454
  455. 455 address {
  456. 456 font-style: normal;
  457. 457 margin: 0 0 1.647058823529412em;
  458. 458 }
  459. 459
  460. 460 code,
  461. 461 kbd,
  462. 462 tt,
  463. 463 var,
  464. 464 samp,
  465. 465 pre {
  466. 466 font-family: Inconsolata, monospace;
  467. 467 }
  468. 468
  469. 469 pre {
  470. 470 font-size: 17px;
  471. 471 font-size: 1.0625rem;
  472. 472 line-height: 1.647058823529412;
  473. 473 margin: 0 0 1.647058823529412em;
  474. 474 max-width: 100%;
  475. 475 overflow: auto;
  476. 476 padding: 1.647058823529412em;
  477. 477 white-space: pre;
  478. 478 white-space: pre-wrap;
  479. 479 word-wrap: break-word;
  480. 480 }
  481. 481
  482. 482 mark,
  483. 483 ins,
  484. 484 code {
  485. 485 padding: 0.125em 0.25em;
  486. 486 }
  487. 487
  488. 488 abbr,
  489. 489 acronym {
  490. 490 border-bottom: 1px dotted #eee;
  491. 491 cursor: help;
  492. 492 }
  493. 493
  494. 494 mark,
  495. 495 ins {
  496. 496 text-decoration: none;
  497. 497 }
  498. 498
  499. 499 big {
  500. 500 font-size: 125%;
  501. 501 }
  502. 502
  503. 503 /**
  504. 504 * 3.0 - Elements
  505. 505 */
  506. 506
  507. 507 html {
  508. 508 -webkit-box-sizing: border-box;
  509. 509 -moz-box-sizing: border-box;
  510. 510 box-sizing: border-box;
  511. 511 }
  512. 512
  513. 513 *,
  514. 514 *:before,
  515. 515 *:after {
  516. 516 /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  517. 517 -webkit-box-sizing: inherit;
  518. 518 -moz-box-sizing: inherit;
  519. 519 box-sizing: inherit;
  520. 520 }
  521. 521
  522. 522 hr {
  523. 523 border: 0;
  524. 524 height: 1px;
  525. 525 margin: 0 0 1.647058823529412em;
  526. 526 }
  527. 527
  528. 528 ul,
  529. 529 ol {
  530. 530 margin: 0 0 1.647058823529412em 1.235em;
  531. 531 padding: 0;
  532. 532 }
  533. 533
  534. 534 ul {
  535. 535 list-style: disc;
  536. 536 }
  537. 537
  538. 538 ol {
  539. 539 list-style: decimal;
  540. 540 }
  541. 541
  542. 542 li > ul,
  543. 543 li > ol {
  544. 544 margin-bottom: 0;
  545. 545 }
  546. 546
  547. 547 dl {
  548. 548 margin: 0 0 1.647058823529412em;
  549. 549 }
  550. 550
  551. 551 dt {
  552. 552 font-weight: 600;
  553. 553 }
  554. 554
  555. 555 dd {
  556. 556 margin: 0 0 1.647058823529412em 1.235294117647059em;
  557. 557 }
  558. 558
  559. 559 img {
  560. 560 height: auto;
  561. 561 /* Make sure images are scaled correctly. */
  562. 562 max-width: 100%;
  563. 563 /* Adhere to container width. */
  564. 564 vertical-align: middle;
  565. 565 }
  566. 566
  567. 567 del {
  568. 568 opacity: 0.8;
  569. 569 }
  570. 570
  571. 571 table,
  572. 572 th,
  573. 573 td {
  574. 574 border-bottom: 1px solid;
  575. 575 border-top: 1px solid;
  576. 576 }
  577. 577
  578. 578 table {
  579. 579 border-collapse: separate;
  580. 580 border-spacing: 0;
  581. 581 border-width: 1px 0 0 1px;
  582. 582 margin: 0 0 1.647058823529412em;
  583. 583 table-layout: fixed;
  584. 584 /* Prevents HTML tables from becoming too wide */
  585. 585 width: 100%;
  586. 586 }
  587. 587
  588. 588 table a {
  589. 589 text-decoration: none;
  590. 590 }
  591. 591
  592. 592 caption {
  593. 593 border-width: 0 1px 0 1px;
  594. 594 font-weight: 500;
  595. 595 text-align: center;
  596. 596 }
  597. 597
  598. 598 th,
  599. 599 td {
  600. 600 border-width: 0 1px 1px 0;
  601. 601 font-weight: normal;
  602. 602 text-align: left;
  603. 603 }
  604. 604
  605. 605 td {
  606. 606 font-weight: 300;
  607. 607 }
  608. 608
  609. 609 thead th {
  610. 610 font-weight: 500;
  611. 611 }
  612. 612
  613. 613 caption,
  614. 614 th,
  615. 615 td {
  616. 616 padding: 0.412em 0.824em;
  617. 617 }
  618. 618
  619. 619 .displaynone {
  620. 620 display: none;
  621. 621 }
  622. 622
  623. 623 .displayblock {
  624. 624 display: block;
  625. 625 }
  626. 626
  627. 627 .drop-cap:first-letter {
  628. 628 float: left;
  629. 629 font-weight: 600;
  630. 630 letter-spacing: 0.05em;
  631. 631 line-height: 0.6;
  632. 632 margin: 7px 7px 7px -3px;
  633. 633 }
  634. 634
  635. 635 /**
  636. 636 * 4.0 - Padding/Margin
  637. 637 */
  638. 638
  639. 639 #header-navigation-area .wrapper {
  640. 640 padding: 0 30px;
  641. 641 }
  642. 642
  643. 643 .custom-logo {
  644. 644 margin: 7px auto;
  645. 645 }
  646. 646
  647. 647 .site-title,
  648. 648 .site-description {
  649. 649 margin: 0;
  650. 650 }
  651. 651
  652. 652 .menu-toggle {
  653. 653 padding: 10px;
  654. 654 }
  655. 655
  656. 656 .dropdown-toggle {
  657. 657 padding: 12px 17px;
  658. 658 }
  659. 659
  660. 660 .site-navigation .menu-item-has-children > a {
  661. 661 margin-right: 50px;
  662. 662 }
  663. 663
  664. 664 .site-primary-menu {
  665. 665 margin: 0 auto;
  666. 666 }
  667. 667
  668. 668 .widget,
  669. 669 .woocommerce-pagination,
  670. 670 .form-allowed-tags {
  671. 671 margin: 0 0 35px;
  672. 672 }
  673. 673
  674. 674 #colophon .widget {
  675. 675 margin: 0;
  676. 676 padding: 21px 42px;
  677. 677 }
  678. 678
  679. 679 .widget .widget-title,
  680. 680 .widget .wp-block-group h2 {
  681. 681 margin: 0 0 14px;
  682. 682 }
  683. 683
  684. 684 .singular-content-wrap .entry-header,
  685. 685 .archive .page-header,
  686. 686 .error404 .page-header,
  687. 687 .search .page-header,
  688. 688 .woocommerce-products-header {
  689. 689 margin-bottom: 35px;
  690. 690 }
  691. 691
  692. 692 #fullpage #hero-section .entry-container {
  693. 693 margin-bottom: 0;
  694. 694 margin-top: 0;
  695. 695 }
  696. 696
  697. 697 .has-header-video .custom-header-content {
  698. 698 padding-bottom: 288px;
  699. 699 }
  700. 700
  701. 701 .section-heading-wrapper {
  702. 702 padding: 35px 25px;
  703. 703 }
  704. 704
  705. 705 .comment-reply-title,
  706. 706 .author-avatar,
  707. 707 .comment-form-comment,
  708. 708 .comment-notes,
  709. 709 .comment-awaiting-moderation,
  710. 710 .logged-in-as {
  711. 711 margin: 0 0 28px;
  712. 712 }
  713. 713
  714. 714 .author-info {
  715. 715 max-width: 730px;
  716. 716 margin: 0 auto;
  717. 717 }
  718. 718
  719. 719 .edit-link,
  720. 720 .author-link {
  721. 721 margin-top: 28px;
  722. 722 }
  723. 723
  724. 724 .entry-summary,
  725. 725 .entry-content,
  726. 726 .entry-meta,
  727. 727 #fullpage .section .hentry-inner .entry-summary,
  728. 728 #fullpage .section .hentry-inner .entry-content,
  729. 729 #fullpage .section .hentry-inner .entry-meta {
  730. 730 margin-top: 21px;
  731. 731 width: 100%;
  732. 732 }
  733. 733
  734. 734 .section-content-wrapper .entry-footer .entry-meta {
  735. 735 margin: 14px 0 0;
  736. 736 }
  737. 737
  738. 738 .taxonomy-description,
  739. 739 .taxonomy-description-wrapper {
  740. 740 margin-top: 14px;
  741. 741 }
  742. 742
  743. 743 .site-content .wrapper {
  744. 744 padding: 0 25px;
  745. 745 }
  746. 746
  747. 747 .author-info {
  748. 748 margin-top: 35px;
  749. 749 }
  750. 750
  751. 751 .singular-content-wrap .post-thumbnail,
  752. 752 .singular-content-wrap .entry-footer {
  753. 753 margin-bottom: 35px;
  754. 754 margin-top: 35px;
  755. 755 }
  756. 756
  757. 757 .site-content .singular-content-wrap .entry-content {
  758. 758 margin-top: 0;
  759. 759 }
  760. 760
  761. 761 body:not(.home) .site-content,
  762. 762 body:not(.home) #footer-instagram {
  763. 763 padding: 35px 0;
  764. 764 }
  765. 765
  766. 766 .featured-content-wrapper,
  767. 767 .service-content-wrapper,
  768. 768 .portfolio-content-wrapper,
  769. 769 .gallery-content-wrapper,
  770. 770 .team-content-wrapper,
  771. 771 .recent-blog-content-wrapper {
  772. 772 padding: 0 25px;
  773. 773 }
  774. 774
  775. 775 .featured-content-wrapper .hentry,
  776. 776 .service-content-wrapper .hentry,
  777. 777 .portfolio-content-wrapper .hentry,
  778. 778 .team-content-wrapper .hentry,
  779. 779 .view-all-button,
  780. 780 .recent-blog-content-wrapper .hentry {
  781. 781 margin-bottom: 35px;
  782. 782 }
  783. 783
  784. 784 .custom-header-content > :last-child,
  785. 785 .custom-header-content .entry-content > P:last-of-type,
  786. 786 .custom-header-content .entry-summary > P:last-of-type,
  787. 787 .page .singular-content-wrap .hentry > :last-child,
  788. 788 .taxonomy-description-wrapper > :last-child,
  789. 789 .widget-column > :last-child,
  790. 790 .widget-area > :last-child,
  791. 791 .widget > :last-child,
  792. 792 .widget li:last-child,
  793. 793 .widget embed:last-child,
  794. 794 .widget iframe:last-child,
  795. 795 .widget object:last-child,
  796. 796 .widget video:last-child,
  797. 797 #colophon .widget li:last-child {
  798. 798 margin-bottom: 0;
  799. 799 }
  800. 800
  801. 801 #testimonial-content-section .hentry {
  802. 802 padding: 0 45px 35px;
  803. 803 }
  804. 804
  805. 805 .site-navigation {
  806. 806 margin: 0;
  807. 807 padding: 12px 0;
  808. 808 }
  809. 809
  810. 810 .site-footer-menu {
  811. 811 margin: 0 auto;
  812. 812 }
  813. 813
  814. 814 .posts-navigation div + div,
  815. 815 .post-navigation div + div {
  816. 816 margin-top: 21px;
  817. 817 }
  818. 818
  819. 819 .wp-caption .wp-caption-text {
  820. 820 padding: 14px 21px;
  821. 821 }
  822. 822
  823. 823 button,
  824. 824 .button,
  825. 825 input[type="button"],
  826. 826 input[type="reset"],
  827. 827 input[type="submit"] {
  828. 828 padding: 11px 18px;
  829. 829 }
  830. 830
  831. 831 input[type="date"],
  832. 832 input[type="time"],
  833. 833 input[type="datetime-local"],
  834. 834 input[type="week"],
  835. 835 input[type="month"],
  836. 836 input[type="text"],
  837. 837 input[type="email"],
  838. 838 input[type="url"],
  839. 839 input[type="password"],
  840. 840 input[type="search"],
  841. 841 input[type="tel"],
  842. 842 input[type="number"],
  843. 843 textarea {
  844. 844 padding: 9px 14px;
  845. 845 }
  846. 846
  847. 847 .site-header input[type="search"] {
  848. 848 padding: 10px 14px;
  849. 849 }
  850. 850
  851. 851 .contact-details .icon,
  852. 852 .entry-meta .icon {
  853. 853 margin-right: 7px;
  854. 854 }
  855. 855
  856. 856 .menu-toggle .menu-label {
  857. 857 display: none;
  858. 858 }
  859. 859
  860. 860 #hero-section .wrapper {
  861. 861 padding: 35px 25px 0 25px;
  862. 862 }
  863. 863
  864. 864 #search-toggle-right {
  865. 865 border: 0;
  866. 866 display: none;
  867. 867 line-height: 1.25;
  868. 868 margin: 0;
  869. 869 padding: 14px 10px;
  870. 870 }
  871. 871
  872. 872 .sticky-post {
  873. 873 margin-bottom: 14px;
  874. 874 }
  875. 875
  876. 876 .entry-title {
  877. 877 font-size: 28px;
  878. 878 font-size: 1.75rem;
  879. 879 line-height: 1.4;
  880. 880 margin: 0;
  881. 881 }
  882. 882
  883. 883 .singular-content-wrap .entry-title {
  884. 884 margin: 0 0 0.4375em;
  885. 885 }
  886. 886
  887. 887 #fullpage .section .entry-meta,
  888. 888 body:not(.home) .entry-header .entry-meta,
  889. 889 body:not(.home) .entry-content,
  890. 890 body:not(.home) .entry-summary,
  891. 891 #fullpage #team-content-section.section .entry-meta {
  892. 892 margin: 21px 0 0;
  893. 893 }
  894. 894
  895. 895 body:not(.home) .custom-header .entry-content,
  896. 896 body:not(.home) .custom-header .entry-summary {
  897. 897 margin-top: 0;
  898. 898 }
  899. 899
  900. 900 body.error404 .custom-header .entry-content,
  901. 901 body.error404 .custom-header .entry-summary {
  902. 902 margin-top: 21px;
  903. 903 }
  904. 904
  905. 905 .infinity-end .site-main .hentry:last-of-type .post-wrapper {
  906. 906 margin: 0;
  907. 907 }
  908. 908
  909. 909 .site-footer .footer-widget-area {
  910. 910 padding: 21px 0;
  911. 911 }
  912. 912
  913. 913 .site-content .sidebar {
  914. 914 margin-top: 35px;
  915. 915 }
  916. 916
  917. 917 /**
  918. 918 * 5.0 - Forms
  919. 919 */
  920. 920
  921. 921 input {
  922. 922 line-height: normal;
  923. 923 }
  924. 924
  925. 925 button,
  926. 926 button[disabled]:hover,
  927. 927 button[disabled]:focus,
  928. 928 .button,
  929. 929 input[type="button"],
  930. 930 input[type="button"][disabled]:hover,
  931. 931 input[type="button"][disabled]:focus,
  932. 932 input[type="reset"],
  933. 933 input[type="reset"][disabled]:hover,
  934. 934 input[type="reset"][disabled]:focus,
  935. 935 input[type="submit"],
  936. 936 input[type="submit"][disabled]:hover,
  937. 937 input[type="submit"][disabled]:focus,
  938. 938 .woocommerce div.product form.cart .button,
  939. 939 .woocommerce #respond input#submit,
  940. 940 .woocommerce a.button,
  941. 941 .woocommerce button.button,
  942. 942 .woocommerce input.button,
  943. 943 .pagination .prev,
  944. 944 .pagination .next,
  945. 945 .posts-navigation a,
  946. 946 .site-main #infinite-handle span,
  947. 947 .view-all-button .more-link,
  948. 948 .entry-content-wrapper .more-link,
  949. 949 .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button,
  950. 950 #hero-section .more-link,
  951. 951 #promotion-section .more-link {
  952. 952 border: none;
  953. 953 display: inline-block;
  954. 954 font-size: 12px;
  955. 955 font-size: 0.75rem;
  956. 956 font-weight: 500;
  957. 957 line-height: 1.75;
  958. 958 letter-spacing: 0.1em;
  959. 959 padding: 8px 18px;
  960. 960 text-decoration: none;
  961. 961 }
  962. 962
  963. 963 body:not(.home) .site-content .hentry .more-link {
  964. 964 font-weight: 600;
  965. 965 letter-spacing: normal;
  966. 966 text-transform: capitalize;
  967. 967 }
  968. 968
  969. 969 body:not(.home) .site-content .hentry .more-link,
  970. 970 #team-content-section .entry-meta .entry-position,
  971. 971 #testimonial-content-section .entry-title {
  972. 972 font-size: 17px;
  973. 973 font-size: 1.0625rem;
  974. 974 line-height: 1.647058823529412;
  975. 975 }
  976. 976
  977. 977 #team-content-section .entry-meta .entry-position {
  978. 978 font-weight: 300;
  979. 979 letter-spacing: normal;
  980. 980 text-transform: capitalize;
  981. 981 }
  982. 982
  983. 983 .more-link {
  984. 984 font-size: 13px;
  985. 985 font-size: 0.8125rem;
  986. 986 font-style: normal;
  987. 987 font-weight: 700;
  988. 988 letter-spacing: 0.1em;
  989. 989 line-height: 1.615384615;
  990. 990 padding: 0;
  991. 991 text-transform: uppercase;
  992. 992 }
  993. 993
  994. 994 .button {
  995. 995 text-transform: uppercase;
  996. 996 }
  997. 997
  998. 998 input[type="date"],
  999. 999 input[type="time"],
  1000. 1000 input[type="datetime-local"],
  1001. 1001 input[type="week"],
  1002. 1002 input[type="month"],
  1003. 1003 input[type="text"],
  1004. 1004 input[type="email"],
  1005. 1005 input[type="url"],
  1006. 1006 input[type="password"],
  1007. 1007 input[type="search"],
  1008. 1008 input[type="tel"],
  1009. 1009 input[type="number"],
  1010. 1010 textarea {
  1011. 1011 background: transparent;
  1012. 1012 border: 1px solid;
  1013. 1013 width: 100%;
  1014. 1014 }
  1015. 1015
  1016. 1016 .post-password-form {
  1017. 1017 margin-bottom: 1.75em;
  1018. 1018 }
  1019. 1019
  1020. 1020 .post-password-form label {
  1021. 1021 display: block;
  1022. 1022 margin-bottom: 1.75em;
  1023. 1023 text-transform: uppercase;
  1024. 1024 }
  1025. 1025
  1026. 1026 .post-password-form input[type="password"] {
  1027. 1027 margin-top: 0.824em;
  1028. 1028 }
  1029. 1029
  1030. 1030 .post-password-form > :last-child {
  1031. 1031 margin-bottom: 0;
  1032. 1032 }
  1033. 1033
  1034. 1034 .search-form {
  1035. 1035 position: relative;
  1036. 1036 }
  1037. 1037
  1038. 1038 input[type="search"].search-field {
  1039. 1039 letter-spacing: 0.025em;
  1040. 1040 -webkit-appearance: none;
  1041. 1041 padding-right: 44px;
  1042. 1042 width: 100%;
  1043. 1043 }
  1044. 1044
  1045. 1045 #search-container input[type="search"],
  1046. 1046 .site-footer input[type="search"] {
  1047. 1047 border: 0;
  1048. 1048 }
  1049. 1049
  1050. 1050 .search-submit {
  1051. 1051 background-color: transparent;
  1052. 1052 border: none;
  1053. 1053 border-radius: 0 3px 3px 0;
  1054. 1054 bottom: 0;
  1055. 1055 overflow: hidden;
  1056. 1056 padding: 0;
  1057. 1057 position: absolute;
  1058. 1058 right: 0;
  1059. 1059 top: 0;
  1060. 1060 width: 44px;
  1061. 1061 }
  1062. 1062
  1063. 1063 .search-submit:hover,
  1064. 1064 .search-submit:focus {
  1065. 1065 background-color: transparent;
  1066. 1066 }
  1067. 1067
  1068. 1068 /**
  1069. 1069 * 6.0 - Navigation
  1070. 1070 */
  1071. 1071
  1072. 1072 /**
  1073. 1073 * 6.1 - Links
  1074. 1074 */
  1075. 1075
  1076. 1076 a {
  1077. 1077 text-decoration: underline;
  1078. 1078 }
  1079. 1079
  1080. 1080 a:focus {
  1081. 1081 outline: thin dotted;
  1082. 1082 }
  1083. 1083
  1084. 1084 a:hover,
  1085. 1085 a:active {
  1086. 1086 outline: 0;
  1087. 1087 }
  1088. 1088
  1089. 1089 a:hover,
  1090. 1090 a:active,
  1091. 1091 a:focus {
  1092. 1092 text-decoration: none;
  1093. 1093 }
  1094. 1094
  1095. 1095 /**
  1096. 1096 * 6.2 - Menus
  1097. 1097 */
  1098. 1098
  1099. 1099 .site-primary-menu {
  1100. 1100 -webkit-flex: 0 1 100%;
  1101. 1101 -ms-flex: 0 1 100%;
  1102. 1102 flex: 0 1 100%;
  1103. 1103 }
  1104. 1104
  1105. 1105 .site-primary-menu .widget {
  1106. 1106 border: none;
  1107. 1107 }
  1108. 1108
  1109. 1109 .site-primary-menu,
  1110. 1110 .site-footer-menu,
  1111. 1111 .disable-in-mobile {
  1112. 1112 display: none;
  1113. 1113 }
  1114. 1114
  1115. 1115 .site-primary-menu.toggled-on .search-social-container,
  1116. 1116 .site-primary-menu.toggled-on,
  1117. 1117 .site-footer-menu.toggled-on {
  1118. 1118 display: block;
  1119. 1119 }
  1120. 1120
  1121. 1121 .primary-search-wrapper {
  1122. 1122 position: relative;
  1123. 1123 }
  1124. 1124
  1125. 1125 .site-navigation ul {
  1126. 1126 list-style: none;
  1127. 1127 margin: 0;
  1128. 1128 }
  1129. 1129
  1130. 1130 .menu-social-container {
  1131. 1131 position: relative;
  1132. 1132 }
  1133. 1133
  1134. 1134 .site-navigation li {
  1135. 1135 position: relative;
  1136. 1136 }
  1137. 1137
  1138. 1138 .site-footer .dropdown-toggle {
  1139. 1139 display: none;
  1140. 1140 }
  1141. 1141
  1142. 1142 .site-footer .site-navigation .menu-item-has-children > a {
  1143. 1143 margin-right: 0;
  1144. 1144 }
  1145. 1145
  1146. 1146 .site-navigation a {
  1147. 1147 display: block;
  1148. 1148 font-size: 14px;
  1149. 1149 font-size: 0.875rem;
  1150. 1150 font-weight: 400;
  1151. 1151 letter-spacing: 0.15em;
  1152. 1152 line-height: 1.5;
  1153. 1153 text-decoration: none;
  1154. 1154 text-transform: uppercase;
  1155. 1155 }
  1156. 1156
  1157. 1157 .site-navigation a {
  1158. 1158 padding: 12px 25px;
  1159. 1159 }
  1160. 1160
  1161. 1161 .site-navigation ul ul {
  1162. 1162 display: none;
  1163. 1163 margin-left: 0.875em;
  1164. 1164 }
  1165. 1165
  1166. 1166 .site-navigation ul ul a {
  1167. 1167 letter-spacing: 0.075em;
  1168. 1168 text-transform: capitalize;
  1169. 1169 }
  1170. 1170
  1171. 1171 .no-js .site-navigation ul ul {
  1172. 1172 display: block;
  1173. 1173 }
  1174. 1174
  1175. 1175 .site-navigation ul .toggled-on {
  1176. 1176 display: block;
  1177. 1177 animation: fadein 0.6s
  1178. 1178 }
  1179. 1179
  1180. 1180 #site-primary-menu.toggled-on {
  1181. 1181 border-top: 1px solid;
  1182. 1182 }
  1183. 1183
  1184. 1184 body:not(.navigation-classic) #site-primary-menu.toggled-on {
  1185. 1185 animation: smoothScrollBack 0.6s backwards, fadein 0.6s
  1186. 1186 }
  1187. 1187
  1188. 1188 .dropdown-toggle {
  1189. 1189 background-color: transparent;
  1190. 1190 border: none;
  1191. 1191 border-radius: 0;
  1192. 1192 line-height: 1;
  1193. 1193 font-size: 18px;
  1194. 1194 font-size: 1.125rem;
  1195. 1195 position: absolute;
  1196. 1196 right: 0;
  1197. 1197 text-transform: none;
  1198. 1198 top: 0;
  1199. 1199 }
  1200. 1200
  1201. 1201 #site-generator .dropdown-toggle {
  1202. 1202 display: none;
  1203. 1203 }
  1204. 1204
  1205. 1205 #site-generator .site-navigation .menu-item-has-children > a {
  1206. 1206 margin-right: 0;
  1207. 1207 }
  1208. 1208
  1209. 1209 .dropdown-toggle:hover,
  1210. 1210 .dropdown-toggle:focus {
  1211. 1211 background-color: transparent;
  1212. 1212 }
  1213. 1213
  1214. 1214 /*.navigation-classic #header-wrapper:not(.header-top) .site-navigation .dropdown-toggle {
  1215. 1215 transform: rotate(180deg);
  1216. 1216 }*/
  1217. 1217
  1218. 1218 .navigation-classic #header-wrapper:not(.header-top) .main-nav-scrolled .site-navigation .dropdown-toggle {
  1219. 1219 transform: rotate(0deg);
  1220. 1220 }
  1221. 1221
  1222. 1222 .dropdown-toggle:focus:after {
  1223. 1223 border-color: transparent;
  1224. 1224 }
  1225. 1225
  1226. 1226 .dropdown-toggle.toggled-on .icon {
  1227. 1227 -ms-transform: rotate(-180deg); /* IE 9 */
  1228. 1228 -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
  1229. 1229 transform: rotate(-180deg);
  1230. 1230 }
  1231. 1231
  1232. 1232 .site-navigation .menu-item-has-children > a > .icon,
  1233. 1233 .site-navigation .page_item_has_children > a > .icon,
  1234. 1234 .site-navigation ul a > .icon {
  1235. 1235 display: none;
  1236. 1236 }
  1237. 1237
  1238. 1238 .toggled-on .social-navigation {
  1239. 1239 border-top: 1px solid;
  1240. 1240 padding: 10px 15px;
  1241. 1241 }
  1242. 1242
  1243. 1243 #search-toggle-right,
  1244. 1244 .social-navigation,
  1245. 1245 .search-submit {
  1246. 1246 font-size: 16px;
  1247. 1247 font-size: 1rem;
  1248. 1248 }
  1249. 1249
  1250. 1250 .ctsocialwidget ul,
  1251. 1251 .social-navigation ul {
  1252. 1252 list-style: none;
  1253. 1253 margin: 0;
  1254. 1254 }
  1255. 1255
  1256. 1256 .social-navigation li,
  1257. 1257 .ctsocialwidget li {
  1258. 1258 display: inline-block;
  1259. 1259 }
  1260. 1260
  1261. 1261 .social-navigation a,
  1262. 1262 .ctsocialwidget a {
  1263. 1263 background-color: transparent;
  1264. 1264 display: inline-block;
  1265. 1265 line-height: 1.3125;
  1266. 1266 padding: 14px 10px;
  1267. 1267 text-align: center;
  1268. 1268 }
  1269. 1269
  1270. 1270 .social-navigation .icon {
  1271. 1271 height: 16px;
  1272. 1272 width: 16px;
  1273. 1273 vertical-align: middle;
  1274. 1274 }
  1275. 1275
  1276. 1276 .post-navigation {
  1277. 1277 clear: both;
  1278. 1278 }
  1279. 1279
  1280. 1280 .post-navigation a {
  1281. 1281 display: block;
  1282. 1282 text-decoration: none;
  1283. 1283 }
  1284. 1284
  1285. 1285 .post-navigation span {
  1286. 1286 display: block;
  1287. 1287 }
  1288. 1288
  1289. 1289 .post-navigation .nav-subtitle {
  1290. 1290 font-weight: 400;
  1291. 1291 letter-spacing: 0.25em;
  1292. 1292 margin-bottom: 14px;
  1293. 1293 text-transform: uppercase;
  1294. 1294 }
  1295. 1295
  1296. 1296 .post-navigation .nav-title {
  1297. 1297 display: inline;
  1298. 1298 font-weight: 600;
  1299. 1299 text-rendering: optimizeLegibility;
  1300. 1300 }
  1301. 1301
  1302. 1302 .post-navigation .nav-previous,
  1303. 1303 .post-navigation .nav-next {
  1304. 1304 position: relative;
  1305. 1305 vertical-align: top;
  1306. 1306 }
  1307. 1307
  1308. 1308 .post-navigation .nav-previous a,
  1309. 1309 .post-navigation .nav-next a {
  1310. 1310 padding: 14px 14px 7px 14px;
  1311. 1311 display: block;
  1312. 1312 }
  1313. 1313
  1314. 1314 .post-navigation .nav-next {
  1315. 1315 text-align: right;
  1316. 1316 }
  1317. 1317
  1318. 1318 .pagination .prev,
  1319. 1319 .pagination .next {
  1320. 1320 width: 100%;
  1321. 1321 }
  1322. 1322
  1323. 1323 .pagination .prev {
  1324. 1324 float: left;
  1325. 1325 }
  1326. 1326
  1327. 1327 .pagination .next {
  1328. 1328 float: right;
  1329. 1329 }
  1330. 1330
  1331. 1331 .post-navigation .nav-links {
  1332. 1332 border-collapse: collapse;
  1333. 1333 display: table;
  1334. 1334 table-layout: fixed;
  1335. 1335 width: 100%;
  1336. 1336 }
  1337. 1337
  1338. 1338 .post-navigation .nav-previous, .post-navigation .nav-next {
  1339. 1339 border: 1px solid rgba(0, 0, 0, 0.1);
  1340. 1340 display: block;
  1341. 1341 float: none;
  1342. 1342 width: 100%;
  1343. 1343 vertical-align: middle;
  1344. 1344 }
  1345. 1345
  1346. 1346 .image-navigation,
  1347. 1347 .comment-navigation {
  1348. 1348 border-bottom: 1px solid;
  1349. 1349 border-top: 1px solid;
  1350. 1350 font-size: 13px;
  1351. 1351 font-size: 0.8125rem;
  1352. 1352 line-height: 1.6153846154;
  1353. 1353 margin: 0 7.6923% 2.1538461538em;
  1354. 1354 padding: 1.0769230769em 0;
  1355. 1355 }
  1356. 1356
  1357. 1357 .comment-navigation {
  1358. 1358 margin-right: 0;
  1359. 1359 margin-left: 0;
  1360. 1360 }
  1361. 1361
  1362. 1362 .comments-title + .comment-navigation {
  1363. 1363 border-bottom: 0;
  1364. 1364 margin-bottom: 0;
  1365. 1365 }
  1366. 1366
  1367. 1367 .image-navigation .nav-previous:not(:empty),
  1368. 1368 .image-navigation .nav-next:not(:empty),
  1369. 1369 .comment-navigation .nav-previous:not(:empty),
  1370. 1370 .comment-navigation .nav-next:not(:empty) {
  1371. 1371 display: inline-block;
  1372. 1372 }
  1373. 1373
  1374. 1374 .image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
  1375. 1375 .comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
  1376. 1376 content: "\002f";
  1377. 1377 display: inline-block;
  1378. 1378 opacity: 0.7;
  1379. 1379 padding: 0 0.538461538em;
  1380. 1380 }
  1381. 1381
  1382. 1382 /**
  1383. 1383 * 6.3 - Post Navigation
  1384. 1384 */
  1385. 1385
  1386. 1386 .posts-navigation,
  1387. 1387 .pagination {
  1388. 1388 clear: both;
  1389. 1389 text-align: center;
  1390. 1390 }
  1391. 1391
  1392. 1392 .navigation.pagination,
  1393. 1393 .navigation.posts-navigation {
  1394. 1394 margin-top: 35px;
  1395. 1395 }
  1396. 1396
  1397. 1397 .navigation.posts-navigation {
  1398. 1398 overflow: hidden;
  1399. 1399 }
  1400. 1400
  1401. 1401 body .navigation.pagination,
  1402. 1402 body .navigation.posts-navigation {
  1403. 1403 margin-top: 0;
  1404. 1404 }
  1405. 1405
  1406. 1406 .navigation.pagination,
  1407. 1407 .navigation.posts-navigation {
  1408. 1408 margin: 0 auto;
  1409. 1409 max-width: 1640px;
  1410. 1410 padding: 35px 42px;
  1411. 1411 }
  1412. 1412
  1413. 1413 .pagination .page-numbers {
  1414. 1414 display: inline-block;
  1415. 1415 line-height: 1;
  1416. 1416 margin: 7px 2px;
  1417. 1417 padding: 7px;
  1418. 1418 text-decoration: none;
  1419. 1419 }
  1420. 1420
  1421. 1421 .pagination .page-numbers.dots,
  1422. 1422 .pagination .page-numbers.dots:hover,
  1423. 1423 .pagination .page-numbers.dots:focus {
  1424. 1424 background-color: transparent;
  1425. 1425 }
  1426. 1426
  1427. 1427 .pagination .prev.page-numbers,
  1428. 1428 .pagination .next.page-numbers {
  1429. 1429 line-height: 1.647058823529412;
  1430. 1430 padding: 8px 18px;
  1431. 1431 }
  1432. 1432
  1433. 1433 .site-main #infinite-handle {
  1434. 1434 border-top: 1px solid;
  1435. 1435 clear: both;
  1436. 1436 padding-top: 35px;
  1437. 1437 margin-top: 35px;
  1438. 1438 text-align: center;
  1439. 1439 }
  1440. 1440
  1441. 1441 .ctis-load-more {
  1442. 1442 cursor: pointer;
  1443. 1443 }
  1444. 1444
  1445. 1445 .infinite-scroll .woocommerce-pagination {
  1446. 1446 display: none;
  1447. 1447 }
  1448. 1448
  1449. 1449 /**
  1450. 1450 * 6.4 - Breadcrumb
  1451. 1451 */
  1452. 1452
  1453. 1453 .breadcrumb-area {
  1454. 1454 position: relative;
  1455. 1455 width: 100%;
  1456. 1456 text-transform: uppercase;
  1457. 1457 letter-spacing: 0.15em;
  1458. 1458 font-weight: 400;
  1459. 1459 margin-bottom: 21px;
  1460. 1460 }
  1461. 1461
  1462. 1462 .entry-breadcrumbs,
  1463. 1463 .woocommerce .woocommerce-breadcrumb {
  1464. 1464 margin: 0;
  1465. 1465 }
  1466. 1466
  1467. 1467 .entry-breadcrumbs a,
  1468. 1468 .woocommerce .woocommerce-breadcrumb a {
  1469. 1469 margin-right: 20px;
  1470. 1470 position: relative;
  1471. 1471 text-decoration: none;
  1472. 1472 }
  1473. 1473
  1474. 1474 .entry-breadcrumbs a:after,
  1475. 1475 .woocommerce .woocommerce-breadcrumb a:after {
  1476. 1476 border: solid;
  1477. 1477 border-width: 0 1px 1px 0;
  1478. 1478 content: '';
  1479. 1479 display: block;
  1480. 1480 margin-top: -3px;
  1481. 1481 position: absolute;
  1482. 1482 right: -11px;
  1483. 1483 top: 50%;
  1484. 1484 transform: rotate(-45deg);
  1485. 1485 -webkit-transform: rotate(-45deg);
  1486. 1486 display: inline-block;
  1487. 1487 padding: 2px;
  1488. 1488 }
  1489. 1489
  1490. 1490 .breadcrumb-area .breadcrumb {
  1491. 1491 display: inline-block;
  1492. 1492 }
  1493. 1493
  1494. 1494 .site-header + .breadcrumb-area,
  1495. 1495 .woocommerce .site-header + .breadcrumb-area{
  1496. 1496 margin-bottom: 0;
  1497. 1497 }
  1498. 1498
  1499. 1499 .site-header + .breadcrumb-area .entry-breadcrumbs,
  1500. 1500 .woocommerce .site-header + .breadcrumb-area .entry-breadcrumbs {
  1501. 1501 padding: 14px 25px;
  1502. 1502 text-align: center;
  1503. 1503 }
  1504. 1504
  1505. 1505 /**
  1506. 1506 * 6.4 - Scroll Up
  1507. 1507 */
  1508. 1508
  1509. 1509 #scrollup {
  1510. 1510 border: none;
  1511. 1511 cursor: pointer;
  1512. 1512 display: none;
  1513. 1513 outline: none;
  1514. 1514 padding: 7px;
  1515. 1515 position: fixed;
  1516. 1516 bottom: 20px;
  1517. 1517 right: 20px;
  1518. 1518 text-decoration: none;
  1519. 1519 width: 42px;
  1520. 1520 height: 42px;
  1521. 1521 z-index: 9999;
  1522. 1522 }
  1523. 1523
  1524. 1524 #scrollup:hover,
  1525. 1525 #scrollup:focus {
  1526. 1526 text-decoration: none;
  1527. 1527 }
  1528. 1528
  1529. 1529 #scrollup .icon {
  1530. 1530 font-size: 28px;
  1531. 1531 font-size: 1.75rem;
  1532. 1532 width: 28px;
  1533. 1533 -webkit-transform: rotate(180deg);
  1534. 1534 -ms-transform: rotate(180deg);
  1535. 1535 transform: rotate(180deg);
  1536. 1536 }
  1537. 1537
  1538. 1538 /**
  1539. 1539 * 7.0 - Accessibility
  1540. 1540 */
  1541. 1541
  1542. 1542 /* Text meant only for screen readers */
  1543. 1543 .says,
  1544. 1544 .screen-reader-text {
  1545. 1545 clip: rect(1px, 1px, 1px, 1px);
  1546. 1546 height: 1px;
  1547. 1547 overflow: hidden;
  1548. 1548 position: absolute !important;
  1549. 1549 width: 1px;
  1550. 1550 /* many screen reader and browser combinations announce broken words as they would appear visually */
  1551. 1551 word-wrap: normal !important;
  1552. 1552 }
  1553. 1553
  1554. 1554 /* must have higher specificity than alternative color schemes inline styles */
  1555. 1555 .site .skip-link {
  1556. 1556 display: block;
  1557. 1557 font-size: 14px;
  1558. 1558 font-weight: 700;
  1559. 1559 left: -9999em;
  1560. 1560 outline: none;
  1561. 1561 padding: 15px 23px 14px;
  1562. 1562 text-decoration: none;
  1563. 1563 text-transform: none;
  1564. 1564 top: -9999em;
  1565. 1565 }
  1566. 1566
  1567. 1567 .site .skip-link:focus {
  1568. 1568 clip: auto;
  1569. 1569 height: auto;
  1570. 1570 left: 6px;
  1571. 1571 top: 7px;
  1572. 1572 width: auto;
  1573. 1573 z-index: 100000;
  1574. 1574 }
  1575. 1575
  1576. 1576 /**
  1577. 1577 * 8.0 - Alignments
  1578. 1578 */
  1579. 1579
  1580. 1580 .alignleft {
  1581. 1581 float: left;
  1582. 1582 margin: 0.412em 2.041666666666667em 1.75em 0;
  1583. 1583 }
  1584. 1584
  1585. 1585 .alignright {
  1586. 1586 float: right;
  1587. 1587 margin: 0.412em 0 1.75em 2.041666666666667em;
  1588. 1588 }
  1589. 1589
  1590. 1590 .aligncenter {
  1591. 1591 clear: both;
  1592. 1592 display: block;
  1593. 1593 margin: 0 auto 1.75em;
  1594. 1594 }
  1595. 1595
  1596. 1596 /**
  1597. 1597 * 9.0 - Clearings
  1598. 1598 */
  1599. 1599
  1600. 1600 .content-wrapper:before,
  1601. 1601 .content-wrapper:after,
  1602. 1602 .clear:before,
  1603. 1603 .clear:after,
  1604. 1604 #hero-section:before,
  1605. 1605 #hero-section:after,
  1606. 1606 .featured-content-wrapper:before,
  1607. 1607 .featured-content-wrapper:after,
  1608. 1608 .service-content-wrapper:before,
  1609. 1609 .service-content-wrapper:after,
  1610. 1610 .portfolio-content-wrapper:before,
  1611. 1611 .portfolio-content-wrapper:after,
  1612. 1612 blockquote:before,
  1613. 1613 blockquote:after,
  1614. 1614 .entry-content:before,
  1615. 1615 .entry-content:after,
  1616. 1616 .entry-summary:before,
  1617. 1617 .entry-summary:after,
  1618. 1618 .comment-content:before,
  1619. 1619 .comment-content:after,
  1620. 1620 .site-content:before,
  1621. 1621 .site-content:after,
  1622. 1622 .site-main > article:before,
  1623. 1623 .site-main > article:after,
  1624. 1624 .comment-navigation:before,
  1625. 1625 .comment-navigation:after,
  1626. 1626 .post-navigation:before,
  1627. 1627 .post-navigation:after,
  1628. 1628 .pagination:before,
  1629. 1629 .pagination:after,
  1630. 1630 .social-links-menu:before,
  1631. 1631 .social-links-menu:after,
  1632. 1632 .widget:before,
  1633. 1633 .widget:after,
  1634. 1634 .textwidget:before,
  1635. 1635 .textwidget:after,
  1636. 1636 .content-bottom-widgets:before,
  1637. 1637 .content-bottom-widgets:after,
  1638. 1638 #tertiary:before,
  1639. 1639 #tertiary:after,
  1640. 1640 .site-footer:before,
  1641. 1641 .site-footer:after,
  1642. 1642 .section:before,
  1643. 1643 .section:after,
  1644. 1644 .footer-bottom:before,
  1645. 1645 .footer-bottom:after,
  1646. 1646 .recent-blog-content-wrapper:before,
  1647. 1647 .recent-blog-content-wrapper:after {
  1648. 1648 content: "";
  1649. 1649 display: table;
  1650. 1650 table-layout: fixed;
  1651. 1651 }
  1652. 1652
  1653. 1653 .content-wrapper:after,
  1654. 1654 .clear:after,
  1655. 1655 #hero-section:after,
  1656. 1656 .featured-content-wrapper:after,
  1657. 1657 .service-content-wrapper:after,
  1658. 1658 .portfolio-content-wrapper:after,
  1659. 1659 blockquote:after,
  1660. 1660 .entry-content:after,
  1661. 1661 .entry-summary:after,
  1662. 1662 .comment-content:after,
  1663. 1663 .site-content:after,
  1664. 1664 .site-main > article:after,
  1665. 1665 .comment-navigation:before,
  1666. 1666 .comment-navigation:after,
  1667. 1667 .post-navigation:after,
  1668. 1668 .pagination:after,
  1669. 1669 .social-links-menu:after,
  1670. 1670 .widget:after,
  1671. 1671 .textwidget:after,
  1672. 1672 .content-bottom-widgets:after,
  1673. 1673 #tertiary:after,
  1674. 1674 .site-footer:after,
  1675. 1675 .section:after,
  1676. 1676 .footer-bottom:after,
  1677. 1677 .recent-blog-content-wrapper:after {
  1678. 1678 clear: both;
  1679. 1679 }
  1680. 1680
  1681. 1681 /**
  1682. 1682 * 10.0 - Widgets
  1683. 1683 */
  1684. 1684
  1685. 1685 .widget .hentry {
  1686. 1686 float: left;
  1687. 1687 width: 100%;
  1688. 1688 }
  1689. 1689
  1690. 1690 .widget .widget-title,
  1691. 1691 .widget .wp-block-group h2 {
  1692. 1692 font-weight: 500;
  1693. 1693 letter-spacing: 0.25em;
  1694. 1694 text-transform: uppercase;
  1695. 1695 }
  1696. 1696
  1697. 1697 .widget .widget-title:empty {
  1698. 1698 margin-bottom: 0;
  1699. 1699 }
  1700. 1700
  1701. 1701 .widget .widget-title:after,
  1702. 1702 .widget .wp-block-group h2:after,
  1703. 1703 .author-title:after {
  1704. 1704 border-bottom: 1px solid;
  1705. 1705 content: "";
  1706. 1706 display: block;
  1707. 1707 margin-top: 14px;
  1708. 1708 width: 30px;
  1709. 1709 }
  1710. 1710
  1711. 1711 .author-title:after {
  1712. 1712 margin-left: auto;
  1713. 1713 margin-right: auto;
  1714. 1714 }
  1715. 1715
  1716. 1716 .widget-title a,
  1717. 1717 .more-link {
  1718. 1718 text-decoration: none;
  1719. 1719 }
  1720. 1720
  1721. 1721 .widget_categories ul,
  1722. 1722 .widget_archive ul {
  1723. 1723 text-align: right;
  1724. 1724 margin: 0;
  1725. 1725 }
  1726. 1726
  1727. 1727 .widget_categories li,
  1728. 1728 .widget_archive li {
  1729. 1729 display: block;
  1730. 1730 height: 1%;
  1731. 1731 margin-bottom: 10px;
  1732. 1732 overflow: hidden;
  1733. 1733 }
  1734. 1734
  1735. 1735 .widget_categories ul a,
  1736. 1736 .widget_archive ul a {
  1737. 1737 float: left;
  1738. 1738 text-decoration: none;
  1739. 1739 }
  1740. 1740
  1741. 1741 /* Calendar widget */
  1742. 1742 .widget.widget_calendar table {
  1743. 1743 margin: 0;
  1744. 1744 }
  1745. 1745
  1746. 1746 .widget_calendar td,
  1747. 1747 .widget_calendar th {
  1748. 1748 line-height: 2.5625;
  1749. 1749 padding: 0;
  1750. 1750 text-align: center;
  1751. 1751 }
  1752. 1752
  1753. 1753 .widget_calendar tbody a {
  1754. 1754 display: block;
  1755. 1755 }
  1756. 1756
  1757. 1757 /* Recent Posts widget */
  1758. 1758 .widget-area .gallery {
  1759. 1759 margin: 0;
  1760. 1760 }
  1761. 1761
  1762. 1762 .widget_recent_entries .post-date {
  1763. 1763 display: block;
  1764. 1764 font-size: 13px;
  1765. 1765 font-size: 0.8125rem;
  1766. 1766 line-height: 1.615384615;
  1767. 1767 margin: 14px 0;
  1768. 1768 }
  1769. 1769
  1770. 1770 .widget_recent_entries li:last-child .post-date {
  1771. 1771 margin-bottom: 0;
  1772. 1772 }
  1773. 1773
  1774. 1774 /* RSS widget */
  1775. 1775 .widget_rss .rsswidget img {
  1776. 1776 margin-top: -0.375em;
  1777. 1777 }
  1778. 1778
  1779. 1779 .widget_rss .rss-date,
  1780. 1780 .widget_rss cite {
  1781. 1781 display: block;
  1782. 1782 font-size: 13px;
  1783. 1783 font-size: 0.8125rem;
  1784. 1784 font-style: normal;
  1785. 1785 line-height: 1.615384615;
  1786. 1786 margin: 14px 0;
  1787. 1787 }
  1788. 1788
  1789. 1789 .widget_rss .rssSummary:last-child {
  1790. 1790 margin-bottom: 2.1538461538em;
  1791. 1791 }
  1792. 1792
  1793. 1793 .widget_rss li:last-child :last-child {
  1794. 1794 margin-bottom: 0;
  1795. 1795 }
  1796. 1796
  1797. 1797 /* Tag Cloud widget */
  1798. 1798 .tagcloud a {
  1799. 1799 border: 1px solid;
  1800. 1800 border-radius: 2px;
  1801. 1801 display: inline-block;
  1802. 1802 line-height: 1;
  1803. 1803 margin: 0 0.1875em 0.4375em 0;
  1804. 1804 padding: 0.5625em 0.4375em 0.5em;
  1805. 1805 }
  1806. 1806
  1807. 1807 .tagcloud a:hover,
  1808. 1808 .tagcloud a:focus {
  1809. 1809 outline: 0;
  1810. 1810 }
  1811. 1811
  1812. 1812 /**
  1813. 1813 * 11.0 - Content
  1814. 1814 */
  1815. 1815
  1816. 1816 #page {
  1817. 1817 -ms-word-wrap: break-word;
  1818. 1818 word-wrap: break-word;
  1819. 1819 margin: 0 auto;
  1820. 1820 overflow-x: hidden;
  1821. 1821 }
  1822. 1822
  1823. 1823 body:not(.home) #page {
  1824. 1824 position: relative;
  1825. 1825 }
  1826. 1826
  1827. 1827 .boxed-layout #page {
  1828. 1828 max-width: 1640px;
  1829. 1829 }
  1830. 1830
  1831. 1831 .wrapper,
  1832. 1832 .site-header + .breadcrumb-area .entry-breadcrumbs,
  1833. 1833 .woocommerce .site-header + .breadcrumb-area .entry-breadcrumbs {
  1834. 1834 max-width: 1640px;
  1835. 1835 margin: 0 auto;
  1836. 1836 width: 100%;
  1837. 1837 }
  1838. 1838
  1839. 1839 #fullpage .post-wrapper {
  1840. 1840 margin: 0 auto;
  1841. 1841 max-width: 1510px;
  1842. 1842 width: 100%;
  1843. 1843 }
  1844. 1844
  1845. 1845 #fullpage #feature-slider-section .post-wrapper {
  1846. 1846 height: 100%;
  1847. 1847 }
  1848. 1848
  1849. 1849 #feature-slider-section .wrapper,
  1850. 1850 #promotion-section .wrapper {
  1851. 1851 width: 100%;
  1852. 1852 max-width: 100%;
  1853. 1853 }
  1854. 1854
  1855. 1855 .site-content {
  1856. 1856 position: relative;
  1857. 1857 word-wrap: break-word;
  1858. 1858 }
  1859. 1859
  1860. 1860 #featured-content-section,
  1861. 1861 #service-content-section,
  1862. 1862 #hero-section,
  1863. 1863 #gallery-content-section,
  1864. 1864 #team-content-section,
  1865. 1865 #portfolio-content-section,
  1866. 1866 #testimonial-content-section,
  1867. 1867 .recent-blog-section {
  1868. 1868 padding-bottom: 35px;
  1869. 1869 padding-top: 0;
  1870. 1870 }
  1871. 1871
  1872. 1872 .home .site-content,
  1873. 1873 .home #footer-instagram {
  1874. 1874 padding: 35px 0;
  1875. 1875 }
  1876. 1876
  1877. 1877 #fullpage .section,
  1878. 1878 #feature-slider-section .hentry {
  1879. 1879 background-repeat: no-repeat;
  1880. 1880 background-size: cover;
  1881. 1881 background-position: center;
  1882. 1882 background-attachment: fixed;
  1883. 1883 width: 100%;
  1884. 1884 }
  1885. 1885
  1886. 1886 #fullpage .post-wrapper .post-thumbnail,
  1887. 1887 #promotion-section .post-thumbnail-background {
  1888. 1888 display: none;
  1889. 1889 }
  1890. 1890
  1891. 1891 /* Do not show the outline on the skip link target. */
  1892. 1892 #content[tabindex="-1"]:focus {
  1893. 1893 outline: 0;
  1894. 1894 }
  1895. 1895
  1896. 1896 /**
  1897. 1897 * 11.1 - Header
  1898. 1898 */
  1899. 1899
  1900. 1900 .site-description {
  1901. 1901 letter-spacing: 0.025em;
  1902. 1902 }
  1903. 1903
  1904. 1904 .site-header-main {
  1905. 1905 -webkit-align-items: center;
  1906. 1906 -ms-flex-align: center;
  1907. 1907 align-items: center;
  1908. 1908 display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  1909. 1909 display: -ms-flexbox; /* TWEENER - IE 10 */
  1910. 1910 display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  1911. 1911 display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  1912. 1912 -webkit-flex-wrap: wrap;
  1913. 1913 -ms-flex-wrap: wrap;
  1914. 1914 flex-wrap: wrap;
  1915. 1915 position: relative;
  1916. 1916 }
  1917. 1917
  1918. 1918 .site-branding {
  1919. 1919 padding: 14px 25px;
  1920. 1920 -moz-transition: all 0.2s ease-in-out;
  1921. 1921 -webkit-transition: all 0.2s ease-in-out;
  1922. 1922 transition: all 0.2s ease-in-out;
  1923. 1923 }
  1924. 1924
  1925. 1925 body:not(.header-center-layout) .site-branding {
  1926. 1926 margin-right: auto;
  1927. 1927 width: auto;
  1928. 1928 }
  1929. 1929
  1930. 1930 .header-center-layout .site-branding {
  1931. 1931 text-align: center;
  1932. 1932 width: 100%;
  1933. 1933 }
  1934. 1934
  1935. 1935 .header-top .site-branding,
  1936. 1936 body.admin-bar #header-content.main-nav-scrolled .site-branding {
  1937. 1937 padding-top: 7px;
  1938. 1938 padding-bottom: 7px;
  1939. 1939 }
  1940. 1940
  1941. 1941 .site-primary-wrapper {
  1942. 1942 -webkit-box-flex: 0;
  1943. 1943 -ms-flex: 0 1 auto;
  1944. 1944 flex: 0 1 auto;
  1945. 1945 padding: 14px 25px;
  1946. 1946 }
  1947. 1947
  1948. 1948 .header-center-layout .site-primary-wrapper {
  1949. 1949 margin: 0 auto;
  1950. 1950 }
  1951. 1951
  1952. 1952 .custom-logo-link {
  1953. 1953 display: inline-block;
  1954. 1954 }
  1955. 1955
  1956. 1956 .custom-logo {
  1957. 1957 max-width: 180px;
  1958. 1958 }
  1959. 1959
  1960. 1960 .site-title {
  1961. 1961 font-weight: 700;
  1962. 1962 letter-spacing: 0.075em;
  1963. 1963 text-transform: uppercase;
  1964. 1964 }
  1965. 1965
  1966. 1966 .site-title a {
  1967. 1967 text-decoration: none;
  1968. 1968 }
  1969. 1969
  1970. 1970 #header-navigation-area {
  1971. 1971 border-top: 1px solid;
  1972. 1972 border-bottom: 1px solid;
  1973. 1973 display: none;
  1974. 1974 }
  1975. 1975
  1976. 1976 .menu-toggle {
  1977. 1977 background-color: transparent;
  1978. 1978 border: 1px solid;
  1979. 1979 display: block;
  1980. 1980 font-size: 13px;
  1981. 1981 font-size: 0.8125rem;
  1982. 1982 font-weight: 400;
  1983. 1983 letter-spacing: 0.15em;
  1984. 1984 line-height: 1;
  1985. 1985 }
  1986. 1986
  1987. 1987 #menu-toggle-primary {
  1988. 1988 float: left;
  1989. 1989 }
  1990. 1990
  1991. 1991 body:not(.header-center-layout) .custom-logo-link,
  1992. 1992 body:not(.header-center-layout) .site-identity {
  1993. 1993 display: inline-block;
  1994. 1994 vertical-align: middle;
  1995. 1995 }
  1996. 1996
  1997. 1997 body:not(.header-center-layout) .custom-logo {
  1998. 1998 padding-right: 14px;
  1999. 1999 }
  2000. 2000
  2001. 2001 .site-primary-menu {
  2002. 2002 left: 0;
  2003. 2003 margin: 0;
  2004. 2004 position: absolute;
  2005. 2005 top: 100%;
  2006. 2006 width: 100%;
  2007. 2007 }
  2008. 2008
  2009. 2009 .no-js .menu-toggle {
  2010. 2010 display: none;
  2011. 2011 }
  2012. 2012
  2013. 2013 .menu-toggle:hover,
  2014. 2014 .menu-toggle:focus {
  2015. 2015 background-color: transparent;
  2016. 2016 }
  2017. 2017
  2018. 2018 .menu-toggle.toggled-on,
  2019. 2019 .menu-toggle.toggled-on:hover,
  2020. 2020 .menu-toggle.toggled-on:focus {
  2021. 2021 background-color: transparent;
  2022. 2022 }
  2023. 2023
  2024. 2024 #search-toggle.menu-toggle .icon {
  2025. 2025 margin-right: 0;
  2026. 2026 }
  2027. 2027
  2028. 2028 .toggled-on.menu-toggle .icon-bars,
  2029. 2029 .toggled-on.menu-toggle .icon-search,
  2030. 2030 .menu-toggle .icon-close {
  2031. 2031 display: none;
  2032. 2032 }
  2033. 2033
  2034. 2034 .toggled-on.menu-toggle .icon-close {
  2035. 2035 display: inline-block;
  2036. 2036 }
  2037. 2037
  2038. 2038 .menu-label-prefix {
  2039. 2039 display: none;
  2040. 2040 }
  2041. 2041
  2042. 2042 #search-container {
  2043. 2043 display: block;
  2044. 2044 padding: 20px 25px;
  2045. 2045 }
  2046. 2046
  2047. 2047 .toggled-on #search-container {
  2048. 2048 border-top: 1px solid;
  2049. 2049 }
  2050. 2050
  2051. 2051 /* Navigation Fixed on Scroll */
  2052. 2052 #header-content {
  2053. 2053 top: 0;
  2054. 2054 left: 0;
  2055. 2055 position: absolute;
  2056. 2056 right: 0;
  2057. 2057 width: 100%;
  2058. 2058 z-index: 999;
  2059. 2059 }
  2060. 2060
  2061. 2061 .fluid-layout #header-content,
  2062. 2062 .boxed-layout #header-content .wrapper {
  2063. 2063 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  2064. 2064 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  2065. 2065 }
  2066. 2066
  2067. 2067 @keyframes smoothScrollBack {
  2068. 2068 0% {
  2069. 2069 transform: translateY(60px);
  2070. 2070 }
  2071. 2071 100% {
  2072. 2072 transform: translateY(0px);
  2073. 2073 }
  2074. 2074 }
  2075. 2075
  2076. 2076 body.menu-is-open {
  2077. 2077 overflow: hidden !important;
  2078. 2078 height: 100% !important;
  2079. 2079 }
  2080. 2080
  2081. 2081 body:not(.home) #header-content.main-nav-scrolled,
  2082. 2082 .header-top #header-content,
  2083. 2083 .home.normal-scrolling-enabled #header-content.main-nav-scrolled {
  2084. 2084 bottom: inherit;
  2085. 2085 position: fixed;
  2086. 2086 top: 0;
  2087. 2087 }
  2088. 2088
  2089. 2089 body:not(.normal-scrolling-enabled).menu-is-open .header-top #header-content,
  2090. 2090 body:not(.normal-scrolling-enabled).menu-is-open #header-content.main-nav-scrolled {
  2091. 2091 bottom: 0;
  2092. 2092 overflow-y: scroll;
  2093. 2093 }
  2094. 2094
  2095. 2095 /*.home:not(.header-media-disabled) #header-wrapper:not(.header-top) .site-primary-menu,
  2096. 2096 .home:not(.no-featured-slider) #header-wrapper:not(.header-top) .site-primary-menu {
  2097. 2097 bottom: 100%;
  2098. 2098 top: unset;
  2099. 2099 }*/
  2100. 2100
  2101. 2101 .home:not(.header-media-disabled).menu-is-open.admin-bar #header-wrapper:not(.header-top) .site-primary-menu,
  2102. 2102 .home:not(.no-featured-slider).menu-is-open.admin-bar #header-wrapper:not(.header-top) .site-primary-menu {
  2103. 2103 height: calc(100vh - 130px);
  2104. 2104 overflow-y: scroll;
  2105. 2105 }
  2106. 2106
  2107. 2107 .home:not(.header-media-disabled).menu-is-open #header-wrapper:not(.header-top) .site-primary-menu,
  2108. 2108 .home:not(.no-featured-slider).menu-is-open #header-wrapper:not(.header-top) .site-primary-menu {
  2109. 2109 height: calc(100vh - 84px);
  2110. 2110 overflow-y: scroll;
  2111. 2111 }
  2112. 2112
  2113. 2113 .home:not(.header-media-disabled).menu-is-open #header-wrapper:not(.header-top) .main-nav-scrolled .site-primary-menu,
  2114. 2114 .home:not(.no-featured-slider).menu-is-open #header-wrapper:not(.header-top) .main-nav-scrolled .site-primary-menu {
  2115. 2115 top: 100%;
  2116. 2116 }
  2117. 2117
  2118. 2118
  2119. 2119 body.remove-sticky-menu #header-content.main-nav-scrolled,
  2120. 2120 .remove-sticky-menu .header-top #header-content,
  2121. 2121 .home.normal-scrolling-enabled.remove-sticky-menu #header-content.main-nav-scrolled {
  2122. 2122 animation: unset;
  2123. 2123 position: static;
  2124. 2124 top: unset;
  2125. 2125 }
  2126. 2126
  2127. 2127 .remove-sticky-menu .header-top #header-content {
  2128. 2128 display: none;
  2129. 2129 }
  2130. 2130
  2131. 2131 @keyframes smoothScrollInner {
  2132. 2132 0% {
  2133. 2133 transform: translateY(-60px);
  2134. 2134 }
  2135. 2135 100% {
  2136. 2136 transform: translateY(0px);
  2137. 2137 }
  2138. 2138 }
  2139. 2139
  2140. 2140 @keyframes smoothScroll {
  2141. 2141 0% {
  2142. 2142 transform: translateY(60px);
  2143. 2143 }
  2144. 2144 100% {
  2145. 2145 transform: translateY(0px);
  2146. 2146 }
  2147. 2147 }
  2148. 2148
  2149. 2149 .admin-bar #header-content {
  2150. 2150 top: 46px;
  2151. 2151 }
  2152. 2152
  2153. 2153 .home.header-top-disabled #header-content,
  2154. 2154 body:not(.home) #header-content {
  2155. 2155 bottom: unset;
  2156. 2156 overflow-y: unset;
  2157. 2157 position: relative;
  2158. 2158 top: 0;
  2159. 2159 }
  2160. 2160
  2161. 2161 .home.admin-bar.header-top-disabled .header-top #header-content {
  2162. 2162 position: fixed;
  2163. 2163 top: 46px;
  2164. 2164 }
  2165. 2165
  2166. 2166 .custom-header .post-thumbnail {
  2167. 2167 margin: 0;
  2168. 2168 }
  2169. 2169
  2170. 2170 .has-header-video .custom-header-media img {
  2171. 2171 display: none;
  2172. 2172 }
  2173. 2173
  2174. 2174 body:not(.home) .custom-header:before,
  2175. 2175 .custom-header:after,
  2176. 2176 .has-section-background-image:before {
  2177. 2177 content: "";
  2178. 2178 display: block;
  2179. 2179 height: 100%;
  2180. 2180 position: absolute;
  2181. 2181 left: 0;
  2182. 2182 top: 0;
  2183. 2183 width: 100%;
  2184. 2184 }
  2185. 2185
  2186. 2186 body:not(.home) .custom-header,
  2187. 2187 .custom-header,
  2188. 2188 .has-section-background-image {
  2189. 2189 position: relative;
  2190. 2190 z-index: 2;
  2191. 2191 }
  2192. 2192
  2193. 2193 .custom-header-content {
  2194. 2194 -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
  2195. 2195 -moz-animation: fadein 3s; /* Firefox < 16 */
  2196. 2196 -ms-animation: fadein 3s; /* Internet Explorer */
  2197. 2197 -o-animation: fadein 3s; /* Opera < 12.1 */
  2198. 2198 animation: fadein 3s;
  2199. 2199 position: relative;
  2200. 2200 z-index: 1;
  2201. 2201 }
  2202. 2202
  2203. 2203 /* Fadein For Menu */
  2204. 2204 @keyframes fadein {
  2205. 2205 from {
  2206. 2206 opacity:0;
  2207. 2207 }
  2208. 2208 to {
  2209. 2209 opacity:1;
  2210. 2210 }
  2211. 2211 }
  2212. 2212
  2213. 2213 @-moz-keyframes fadein { /* Firefox */
  2214. 2214 from {
  2215. 2215 opacity:0;
  2216. 2216 }
  2217. 2217 to {
  2218. 2218 opacity:1;
  2219. 2219 }
  2220. 2220 }
  2221. 2221
  2222. 2222 @-webkit-keyframes fadein { /* Safari and Chrome */
  2223. 2223 from {
  2224. 2224 opacity:0;
  2225. 2225 }
  2226. 2226 to {
  2227. 2227 opacity:1;
  2228. 2228 }
  2229. 2229 }
  2230. 2230
  2231. 2231 @-o-keyframes fadein { /* Opera */
  2232. 2232 from {
  2233. 2233 opacity:0;
  2234. 2234 }
  2235. 2235 to {
  2236. 2236 opacity: 1;
  2237. 2237 }
  2238. 2238 }
  2239. 2239
  2240. 2240 /* Fadeout For Menu */
  2241. 2241 @keyframes fadeout {
  2242. 2242 from {
  2243. 2243 opacity:0;
  2244. 2244 }
  2245. 2245 to {
  2246. 2246 opacity:1;
  2247. 2247 }
  2248. 2248 }
  2249. 2249
  2250. 2250 @-moz-keyframes fadeout { /* Firefox */
  2251. 2251 from {
  2252. 2252 opacity:0;
  2253. 2253 }
  2254. 2254 to {
  2255. 2255 opacity:1;
  2256. 2256 }
  2257. 2257 }
  2258. 2258
  2259. 2259 @-webkit-keyframes fadeout { /* Safari and Chrome */
  2260. 2260 from {
  2261. 2261 opacity:0;
  2262. 2262 }
  2263. 2263 to {
  2264. 2264 opacity:1;
  2265. 2265 }
  2266. 2266 }
  2267. 2267
  2268. 2268 @-o-keyframes fadeout { /* Opera */
  2269. 2269 from {
  2270. 2270 opacity:0;
  2271. 2271 }
  2272. 2272 to {
  2273. 2273 opacity: 1;
  2274. 2274 }
  2275. 2275 }
  2276. 2276
  2277. 2277 .no-header-media-text .custom-header-media img {
  2278. 2278 display: block;
  2279. 2279 }
  2280. 2280
  2281. 2281 .custom-header-media img,
  2282. 2282 .custom-header-media video,
  2283. 2283 .custom-header-media iframe {
  2284. 2284 position: absolute;
  2285. 2285 top: 0;
  2286. 2286 left: 0;
  2287. 2287 width: 100%;
  2288. 2288 }
  2289. 2289
  2290. 2290 body:not(.home) .custom-header-content {
  2291. 2291 padding: 50px 25px;
  2292. 2292 }
  2293. 2293
  2294. 2294 .home .custom-header .wrapper {
  2295. 2295 max-height: 100%;
  2296. 2296 max-width: 1510px;
  2297. 2297 overflow: hidden;
  2298. 2298 }
  2299. 2299
  2300. 2300 .custom-header-media img {
  2301. 2301 position: fixed;
  2302. 2302 height: auto;
  2303. 2303 left: 50%;
  2304. 2304 max-width: 100%;
  2305. 2305 min-height: 100%;
  2306. 2306 min-width: 100%;
  2307. 2307 min-width: 100vw;
  2308. 2308 width: auto;
  2309. 2309 top: 50%;
  2310. 2310 padding-bottom: 1px;
  2311. 2311 -ms-transform: translateX(-50%) translateY(-50%);
  2312. 2312 -moz-transform: translateX(-50%) translateY(-50%);
  2313. 2313 -webkit-transform: translateX(-50%) translateY(-50%);
  2314. 2314 transform: translateX(-50%) translateY(-50%);
  2315. 2315 }
  2316. 2316
  2317. 2317 .custom-header .custom-header-media img {
  2318. 2318 display: none;
  2319. 2319 }
  2320. 2320
  2321. 2321 /* For browsers that support 'object-fit' */
  2322. 2322 @supports ( object-fit: cover ) {
  2323. 2323 .custom-header-media img,
  2324. 2324 .custom-header-media video,
  2325. 2325 .custom-header-media iframe {
  2326. 2326 height: 100%;
  2327. 2327 left: 0;
  2328. 2328 -o-object-fit: cover;
  2329. 2329 object-fit: cover;
  2330. 2330 top: 0;
  2331. 2331 -ms-transform: none;
  2332. 2332 -moz-transform: none;
  2333. 2333 -webkit-transform: none;
  2334. 2334 transform: none;
  2335. 2335 width: 100%;
  2336. 2336 }
  2337. 2337 }
  2338. 2338
  2339. 2339 .custom-header-media .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
  2340. 2340 border-radius: 50%;
  2341. 2341 font-size: 18px;
  2342. 2342 font-size: 1.125rem;
  2343. 2343 overflow: hidden;
  2344. 2344 padding: 10px 16px;
  2345. 2345 position: absolute;
  2346. 2346 left: 48%;
  2347. 2347 bottom: 145px;
  2348. 2348 -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  2349. 2349 -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  2350. 2350 -o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  2351. 2351 transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  2352. 2352 z-index: 100;
  2353. 2353 }
  2354. 2354
  2355. 2355 /**
  2356. 2356 * 11.2 - Posts and pages
  2357. 2357 */
  2358. 2358
  2359. 2359 body:not(.home) .site-content .hentry {
  2360. 2360 border-bottom: 1px solid;
  2361. 2361 margin-bottom: 35px;
  2362. 2362 padding-bottom: 35px;
  2363. 2363 }
  2364. 2364
  2365. 2365 body:not(.home) .site-content .hentry:last-of-type {
  2366. 2366 margin-bottom: 0;
  2367. 2367 border-bottom: 0;
  2368. 2368 padding-bottom: 0;
  2369. 2369 }
  2370. 2370
  2371. 2371 body:not(.home) .site-content .entry-container {
  2372. 2372 padding: 35px 35px 0 35px;
  2373. 2373 }
  2374. 2374
  2375. 2375 body:not(.home) .site-content .hentry:not(.has-post-thumbnail) .entry-container {
  2376. 2376 padding-bottom: 35px;
  2377. 2377 }
  2378. 2378
  2379. 2379 .testimonial-content-wrapper .hentry,
  2380. 2380 .featured-content-wrapper .hentry,
  2381. 2381 .service-content-wrapper .hentry,
  2382. 2382 .portfolio-content-wrapper .hentry,
  2383. 2383 .team-content-wrapper .hentry,
  2384. 2384 .recent-blog-content-wrapper .hentry {
  2385. 2385 float: left;
  2386. 2386 position: relative;
  2387. 2387 width: 100%;
  2388. 2388 }
  2389. 2389
  2390. 2390 .singular-content-wrap .entry-header,
  2391. 2391 .archive .page-header,
  2392. 2392 .error404 .page-header,
  2393. 2393 .search .page-header,
  2394. 2394 .woocommerce-products-header {
  2395. 2395 text-align: center;
  2396. 2396 }
  2397. 2397
  2398. 2398 .entry-title a {
  2399. 2399 text-decoration: none;
  2400. 2400 }
  2401. 2401
  2402. 2402 .cover-link {
  2403. 2403 display: block;
  2404. 2404 height: 100%;
  2405. 2405 }
  2406. 2406
  2407. 2407 .post-thumbnail img {
  2408. 2408 display: block;
  2409. 2409 margin: 0 auto;
  2410. 2410 }
  2411. 2411
  2412. 2412 .singular-header-image img {
  2413. 2413 width: 100%;
  2414. 2414 }
  2415. 2415
  2416. 2416 a.post-thumbnail:hover,
  2417. 2417 a.post-thumbnail:focus {
  2418. 2418 opacity: 0.85;
  2419. 2419 }
  2420. 2420
  2421. 2421 h1,
  2422. 2422 .section .entry-title,
  2423. 2423 .page-title,
  2424. 2424 .custom-header .entry-title {
  2425. 2425 font-size: 32px;
  2426. 2426 font-size: 2rem;
  2427. 2427 line-height: 1.263888888888889;
  2428. 2428 }
  2429. 2429
  2430. 2430 h1 {
  2431. 2431 margin-top: 0.9655172413793103em;
  2432. 2432 margin-bottom: 0.4827586206896552em;
  2433. 2433 }
  2434. 2434
  2435. 2435 h2 {
  2436. 2436 font-size: 28px;
  2437. 2437 font-size: 1.75rem;
  2438. 2438 line-height: 1.161290322580645;
  2439. 2439 margin-top: 1.166666666666667em;
  2440. 2440 margin-bottom: 0.5833333333333333em;
  2441. 2441 }
  2442. 2442
  2443. 2443 h3 {
  2444. 2444 font-size: 24px;
  2445. 2445 font-size: 1.5rem;
  2446. 2446 line-height: 1.225;
  2447. 2447 margin-top: 1.4em;
  2448. 2448 margin-bottom: 0.7em;
  2449. 2449 }
  2450. 2450
  2451. 2451 h4 {
  2452. 2452 font-size: 20px;
  2453. 2453 font-size: 1.25rem;
  2454. 2454 line-height: 1.25;
  2455. 2455 margin-top: 2em;
  2456. 2456 margin-bottom: 1em;
  2457. 2457 }
  2458. 2458
  2459. 2459 h5 {
  2460. 2460 font-size: 18px;
  2461. 2461 font-size: 1.125rem;
  2462. 2462 line-height: 1.45;
  2463. 2463 margin-top: 2.545454545454545em;
  2464. 2464 margin-bottom: 1.272727272727273em;
  2465. 2465 }
  2466. 2466
  2467. 2467 h6 {
  2468. 2468 font-size: 16px;
  2469. 2469 font-size: 1rem;
  2470. 2470 line-height: 1.555555555555556;
  2471. 2471 margin-top: 3.111111111111111em;
  2472. 2472 margin-bottom: 1.555555555555556em;
  2473. 2473 }
  2474. 2474
  2475. 2475 h1:first-child,
  2476. 2476 h2:first-child,
  2477. 2477 h3:first-child,
  2478. 2478 h4:first-child,
  2479. 2479 h5:first-child,
  2480. 2480 h6:first-child {
  2481. 2481 margin-top: 0;
  2482. 2482 }
  2483. 2483
  2484. 2484 .entry-content,
  2485. 2485 .entry-summary {
  2486. 2486 -webkit-hyphens: auto;
  2487. 2487 -moz-hyphens: auto;
  2488. 2488 -ms-hyphens: auto;
  2489. 2489 hyphens: auto;
  2490. 2490 }
  2491. 2491
  2492. 2492 #fullpage .entry-container {
  2493. 2493 margin-bottom: 35px;
  2494. 2494 margin-top: 35px;
  2495. 2495 max-width: 793px;
  2496. 2496 width: 100%;
  2497. 2497 }
  2498. 2498
  2499. 2499 #fullpage .hentry-inner .entry-container {
  2500. 2500 margin: 0;
  2501. 2501 max-width: 100%;
  2502. 2502 }
  2503. 2503
  2504. 2504 .hentry-inner .post-thumbnail,
  2505. 2505 #hero-section .post-thumbnail {
  2506. 2506 margin-bottom: 21px;
  2507. 2507 }
  2508. 2508
  2509. 2509 #fullpage .content-background .hentry-inner .entry-container {
  2510. 2510 padding: 0;
  2511. 2511 }
  2512. 2512
  2513. 2513 #featured-content-section .hentry-inner .entry-container,
  2514. 2514 .recent-blog-content-wrapper .hentry-inner .entry-container {
  2515. 2515 padding: 35px;
  2516. 2516 }
  2517. 2517
  2518. 2518 .content-align-center .entry-container {
  2519. 2519 max-width: 1126px;
  2520. 2520 }
  2521. 2521
  2522. 2522 #fullpage .content-align-full .entry-container {
  2523. 2523 max-width: 100%;
  2524. 2524 width: 100%;
  2525. 2525 }
  2526. 2526
  2527. 2527 .content-align-right .entry-container,
  2528. 2528 .content-align-right .entry-header {
  2529. 2529 margin-left: auto;
  2530. 2530 text-align: right;
  2531. 2531 }
  2532. 2532
  2533. 2533 #fullpage .content-background .entry-container {
  2534. 2534 padding: 35px;
  2535. 2535 }
  2536. 2536
  2537. 2537 #fullpage .entry-content-wrapper {
  2538. 2538 margin: 0 63px 0 25px;
  2539. 2539 position: relative;
  2540. 2540 z-index: 2;
  2541. 2541 }
  2542. 2542
  2543. 2543 .content-align-center .entry-container,
  2544. 2544 .content-align-center .entry-header {
  2545. 2545 margin: 0 auto;
  2546. 2546 text-align: center;
  2547. 2547 }
  2548. 2548
  2549. 2549 .content-align-left .slider-content-wrapper {
  2550. 2550 -webkit-box-pack: start;
  2551. 2551 -ms-flex-pack: start;
  2552. 2552 justify-content: flex-start;
  2553. 2553 }
  2554. 2554
  2555. 2555 .content-align-center .slider-content-wrapper {
  2556. 2556 -webkit-box-pack: center;
  2557. 2557 -ms-flex-pack: center;
  2558. 2558 justify-content: center;
  2559. 2559 }
  2560. 2560
  2561. 2561 .content-align-right .slider-content-wrapper {
  2562. 2562 -webkit-box-pack: end;
  2563. 2563 -ms-flex-pack: end;
  2564. 2564 justify-content: flex-end;
  2565. 2565 }
  2566. 2566
  2567. 2567 .content-align-left .entry-container,
  2568. 2568 .content-align-left .entry-header {
  2569. 2569 text-align: left;
  2570. 2570 }
  2571. 2571
  2572. 2572 .section .entry-content-wrapper .entry-header {
  2573. 2573 max-width: 520px;
  2574. 2574 }
  2575. 2575
  2576. 2576 .section .hentry-inner .entry-header {
  2577. 2577 margin: unset;
  2578. 2578 max-width: 100%;
  2579. 2579 }
  2580. 2580
  2581. 2581 .author-description > :last-child,
  2582. 2582 .entry-content > :last-child,
  2583. 2583 .entry-summary > :last-child,
  2584. 2584 .page-content > :last-child,
  2585. 2585 .comment-content > :last-child,
  2586. 2586 .textwidget > :last-child {
  2587. 2587 margin-bottom: 0;
  2588. 2588 }
  2589. 2589
  2590. 2590 .view-all-button {
  2591. 2591 clear: both;
  2592. 2592 margin-bottom: 0;
  2593. 2593 position: relative;
  2594. 2594 text-align: center;
  2595. 2595 z-index: 9;
  2596. 2596 }
  2597. 2597
  2598. 2598 .view-all-button .more-button {
  2599. 2599 margin-top: 0;
  2600. 2600 }
  2601. 2601
  2602. 2602 .more-button,
  2603. 2603 #fullpage .section .hentry-inner .more-button {
  2604. 2604 clear: both;
  2605. 2605 display: block;
  2606. 2606 margin-top: 21px;
  2607. 2607 word-wrap: break-word;
  2608. 2608 }
  2609. 2609
  2610. 2610 body:not(.home) .site-content .entry-footer {
  2611. 2611 clear: both;
  2612. 2612 text-align: center;
  2613. 2613 }
  2614. 2614
  2615. 2615 .author-avatar .avatar {
  2616. 2616 height: 150px;
  2617. 2617 width: 150px;
  2618. 2618 }
  2619. 2619
  2620. 2620 .author-description .author-title {
  2621. 2621 clear: none;
  2622. 2622 line-height: 1.555;
  2623. 2623 margin: 0;
  2624. 2624 }
  2625. 2625
  2626. 2626 .author-bio {
  2627. 2627 margin-top: 14px;
  2628. 2628 overflow: hidden;
  2629. 2629 }
  2630. 2630
  2631. 2631 .author-link {
  2632. 2632 display: block;
  2633. 2633 white-space: nowrap;
  2634. 2634 }
  2635. 2635
  2636. 2636 .entry-footer:empty {
  2637. 2637 margin: 0;
  2638. 2638 }
  2639. 2639
  2640. 2640 .sticky-post {
  2641. 2641 display: inline-block;
  2642. 2642 letter-spacing: 0.1em;
  2643. 2643 padding: 7px 14px;
  2644. 2644 text-align: center;
  2645. 2645 text-transform: capitalize;
  2646. 2646 }
  2647. 2647
  2648. 2648 .entry-meta {
  2649. 2649 font-weight: 500;
  2650. 2650 letter-spacing: 0.25em;
  2651. 2651 text-transform: uppercase;
  2652. 2652 }
  2653. 2653
  2654. 2654 .entry-meta a {
  2655. 2655 text-decoration: none;
  2656. 2656 }
  2657. 2657
  2658. 2658 .entry-meta .sep {
  2659. 2659 display: none;
  2660. 2660 }
  2661. 2661
  2662. 2662 .entry-meta .posted-on {
  2663. 2663 position: relative;
  2664. 2664 padding-left: 40px;
  2665. 2665 }
  2666. 2666 .entry-meta .posted-on:before {
  2667. 2667 content: "";
  2668. 2668 border-top: 1px solid;
  2669. 2669 position: absolute;
  2670. 2670 left: 0;
  2671. 2671 width: 21px;
  2672. 2672 height: 1px;
  2673. 2673 top: 11px;
  2674. 2674 }
  2675. 2675
  2676. 2676 .content-align-right .entry-meta .posted-on {
  2677. 2677 padding-left: 0;
  2678. 2678 padding-right: 40px;
  2679. 2679 }
  2680. 2680
  2681. 2681 .content-align-right .entry-meta .posted-on:before {
  2682. 2682 left: inherit;
  2683. 2683 right: 0;
  2684. 2684 }
  2685. 2685
  2686. 2686 .entry-header .byline,
  2687. 2687 .entry-header .cat-links,
  2688. 2688 .entry-footer .entry-meta .cat-links,
  2689. 2689 .entry-footer .entry-meta .tags-links,
  2690. 2690 .entry-footer .entry-meta .edit-link {
  2691. 2691 clear: both;
  2692. 2692 display: block;
  2693. 2693 }
  2694. 2694
  2695. 2695 .entry-header .entry-meta .byline,
  2696. 2696 .entry-header .entry-meta .posted-on,
  2697. 2697 .entry-header .entry-meta .cat-links {
  2698. 2698 clear: none;
  2699. 2699 display: inline-block;
  2700. 2700 }
  2701. 2701
  2702. 2702 .singular-content-wrap .entry-footer .cat-links,
  2703. 2703 .singular-content-wrap .entry-footer .tags-links {
  2704. 2704 margin-bottom: 28px;
  2705. 2705 }
  2706. 2706
  2707. 2707 .singular-content-wrap .entry-footer span span {
  2708. 2708 display: block;
  2709. 2709 text-transform: uppercase;
  2710. 2710 font-weight: 700;
  2711. 2711 margin-bottom: 14px;
  2712. 2712 }
  2713. 2713
  2714. 2714 .singular-content-wrap .entry-footer .cat-links a,
  2715. 2715 .singular-content-wrap .entry-footer .tags-links a {
  2716. 2716 border: 1px solid;
  2717. 2717 display: inline-block;
  2718. 2718 font-size: 11px;
  2719. 2719 font-size: 0.6875rem;
  2720. 2720 font-weight: 400;
  2721. 2721 letter-spacing: 0.2em;
  2722. 2722 line-height: 1.272727272727273;
  2723. 2723 margin: 0 0 10px 10px;
  2724. 2724 padding: 7px 12px;
  2725. 2725 text-decoration: none;
  2726. 2726 }
  2727. 2727
  2728. 2728 .singular-content-wrap .entry-footer .cat-links a:first-of-type,
  2729. 2729 .singular-content-wrap .entry-footer .tags-links a:first-of-type {
  2730. 2730 margin-left: 0;
  2731. 2731 }
  2732. 2732
  2733. 2733 .singular-content-wrap .entry-footer .cat-links a:hover,
  2734. 2734 .singular-content-wrap .entry-footer .cat-links a:focus,
  2735. 2735 .singular-content-wrap .entry-footer .tags-links a:hover,
  2736. 2736 .singular-content-wrap .entry-footer .tags-links a:focus {
  2737. 2737 border-color: transparent;
  2738. 2738 }
  2739. 2739
  2740. 2740 /**
  2741. 2741 * IE8 and earlier will drop any block with CSS3 selectors.
  2742. 2742 * Do not combine these styles with the next block.
  2743. 2743 */
  2744. 2744
  2745. 2745 .updated:not(.published) {
  2746. 2746 display: none;
  2747. 2747 }
  2748. 2748
  2749. 2749 .taxonomy-description p {
  2750. 2750 margin: 0.5384615385em 0 1.6153846154em;
  2751. 2751 }
  2752. 2752
  2753. 2753 .taxonomy-description > :last-child {
  2754. 2754 margin-bottom: 0;
  2755. 2755 }
  2756. 2756
  2757. 2757 .page-links {
  2758. 2758 clear: both;
  2759. 2759 margin: 0 0 1.75em;
  2760. 2760 }
  2761. 2761
  2762. 2762 .page-links a,
  2763. 2763 .page-links > span {
  2764. 2764 border: 1px solid;
  2765. 2765 border-radius: 3px;
  2766. 2766 display: inline-block;
  2767. 2767 font-size: 13px;
  2768. 2768 font-size: 0.8125rem;
  2769. 2769 height: 1.8461538462em;
  2770. 2770 line-height: 1.6923076923em;
  2771. 2771 margin-right: 0.3076923077em;
  2772. 2772 text-align: center;
  2773. 2773 text-decoration: none;
  2774. 2774 width: 1.8461538462em;
  2775. 2775 }
  2776. 2776
  2777. 2777 .page-links a:hover,
  2778. 2778 .page-links a:focus {
  2779. 2779 border-color: transparent;
  2780. 2780 }
  2781. 2781
  2782. 2782 .page-links > .page-links-title {
  2783. 2783 border: none;
  2784. 2784 height: auto;
  2785. 2785 margin: 0;
  2786. 2786 padding-right: 0.6153846154em;
  2787. 2787 width: auto;
  2788. 2788 }
  2789. 2789
  2790. 2790 .entry-attachment {
  2791. 2791 margin-bottom: 1.75em;
  2792. 2792 }
  2793. 2793
  2794. 2794 .entry-caption {
  2795. 2795 font-style: italic;
  2796. 2796 line-height: 1.6153846154;
  2797. 2797 padding-top: 7px;
  2798. 2798 }
  2799. 2799
  2800. 2800 .entry-caption > :last-child {
  2801. 2801 margin-bottom: 0;
  2802. 2802 }
  2803. 2803
  2804. 2804 .content-bottom-widgets {
  2805. 2805 clear: both;
  2806. 2806 }
  2807. 2807
  2808. 2808 /**
  2809. 2809 * 11.3 - Comments
  2810. 2810 */
  2811. 2811
  2812. 2812 .comments-area {
  2813. 2813 clear: both;
  2814. 2814 display: block;
  2815. 2815 float: left;
  2816. 2816 width: 100%;
  2817. 2817 }
  2818. 2818
  2819. 2819 .comment-list {
  2820. 2820 list-style: none;
  2821. 2821 margin: 0;
  2822. 2822 }
  2823. 2823
  2824. 2824 .comments-area {
  2825. 2825 margin-bottom: 35px;
  2826. 2826 margin-top: 35px;
  2827. 2827 }
  2828. 2828
  2829. 2829 .comment-list article,
  2830. 2830 .comment-list .pingback,
  2831. 2831 .comment-list .trackback {
  2832. 2832 border-top: 1px solid;
  2833. 2833 padding: 35px 0;
  2834. 2834 }
  2835. 2835
  2836. 2836 .comment-list .children {
  2837. 2837 list-style: none;
  2838. 2838 margin: 0;
  2839. 2839 }
  2840. 2840
  2841. 2841 .comment-list .children > li {
  2842. 2842 padding-left: 0.875em;
  2843. 2843 }
  2844. 2844
  2845. 2845 .comment-author {
  2846. 2846 float: left;
  2847. 2847 margin-right: 2.058823529411765em;
  2848. 2848 }
  2849. 2849
  2850. 2850 .author-name {
  2851. 2851 display: block;
  2852. 2852 font-style: normal;
  2853. 2853 font-weight: 600;
  2854. 2854 text-transform: capitalize;
  2855. 2855 }
  2856. 2856
  2857. 2857 .author-name a {
  2858. 2858 text-decoration: none;
  2859. 2859 }
  2860. 2860
  2861. 2861 .comment-author .avatar {
  2862. 2862 float: left;
  2863. 2863 height: 70px;
  2864. 2864 position: relative;
  2865. 2865 width: 70px;
  2866. 2866 }
  2867. 2867
  2868. 2868 .comment-metadata,
  2869. 2869 .pingback .edit-link {
  2870. 2870 font-size: 11px;
  2871. 2871 font-size: 0.6875rem;
  2872. 2872 letter-spacing: 0.1em;
  2873. 2873 line-height: 1.272727272727273;
  2874. 2874 text-transform: uppercase;
  2875. 2875 }
  2876. 2876
  2877. 2877 .comment-metadata {
  2878. 2878 margin-bottom: 1.077em;
  2879. 2879 }
  2880. 2880
  2881. 2881 .comment-metadata .edit-link,
  2882. 2882 .pingback .edit-link {
  2883. 2883 display: inline-block;
  2884. 2884 margin-top: 0;
  2885. 2885 }
  2886. 2886
  2887. 2887 .comment-metadata .edit-link:before,
  2888. 2888 .pingback .edit-link:before {
  2889. 2889 content: "\002f";
  2890. 2890 display: inline-block;
  2891. 2891 opacity: 0.7;
  2892. 2892 padding: 0 0.538461538em;
  2893. 2893 }
  2894. 2894
  2895. 2895 .comment-content ul,
  2896. 2896 .comment-content ol {
  2897. 2897 margin: 0 0 1.647058823529412em 1.235294117647059em;
  2898. 2898 }
  2899. 2899
  2900. 2900 .comment-content li > ul,
  2901. 2901 .comment-content li > ol {
  2902. 2902 margin-bottom: 0;
  2903. 2903 }
  2904. 2904
  2905. 2905 .comment-reply-link {
  2906. 2906 display: block;
  2907. 2907 font-size: 12px;
  2908. 2908 font-size: 0.75rem;
  2909. 2909 font-weight: 400;
  2910. 2910 letter-spacing: 0.1em;
  2911. 2911 line-height: 1.166666666666667;
  2912. 2912 margin-top: 1.615384615384615em;
  2913. 2913 text-decoration: none;
  2914. 2914 text-transform: uppercase;
  2915. 2915 }
  2916. 2916
  2917. 2917 .comment-form label,
  2918. 2918 .entry-content .contact-form label {
  2919. 2919 display: block;
  2920. 2920 font-size: 11px;
  2921. 2921 font-size: 0.6875rem;
  2922. 2922 font-weight: 400;
  2923. 2923 letter-spacing: 0.2em;
  2924. 2924 line-height: 1.272727272727273;
  2925. 2925 margin-bottom: 21px;
  2926. 2926 text-transform: uppercase;
  2927. 2927 }
  2928. 2928
  2929. 2929 .entry-content .contact-form input[type="text"],
  2930. 2930 .entry-content .contact-form input[type="email"],
  2931. 2931 .entry-content .contact-form input[type="url"],
  2932. 2932 .entry-content .contact-form textarea {
  2933. 2933 margin-bottom: 28px;
  2934. 2934 }
  2935. 2935
  2936. 2936 .comment-form-cookies-consent label {
  2937. 2937 display: inline;
  2938. 2938 }
  2939. 2939
  2940. 2940 .comment-list .comment-respond {
  2941. 2941 margin-bottom: 0;
  2942. 2942 }
  2943. 2943
  2944. 2944 .comment-respond {
  2945. 2945 border: 1px solid;
  2946. 2946 max-width: 654px;
  2947. 2947 margin: 0 auto;
  2948. 2948 margin-top: 28px;
  2949. 2949 padding: 49px 35px 35px 35px;
  2950. 2950 position: relative;
  2951. 2951 }
  2952. 2952
  2953. 2953 .comment-respond .comment-reply-title {
  2954. 2954 margin-left: auto;
  2955. 2955 margin-right: auto;
  2956. 2956 margin-top: -69px;
  2957. 2957 max-width: 60%;
  2958. 2958 }
  2959. 2959
  2960. 2960 .comment-respond > :last-child,
  2961. 2961 .comment-respond > form p:last-child,
  2962. 2962 .comment-respond > form p:last-of-type {
  2963. 2963 margin-bottom: 0;
  2964. 2964 }
  2965. 2965
  2966. 2966 .form-submit {
  2967. 2967 text-align: center;
  2968. 2968 }
  2969. 2969
  2970. 2970 .no-comments {
  2971. 2971 margin: 0;
  2972. 2972 padding-top: 1.647058823529412em;
  2973. 2973 }
  2974. 2974
  2975. 2975 .comment-navigation + .no-comments {
  2976. 2976 margin-top: 0;
  2977. 2977 padding-top: 0;
  2978. 2978 }
  2979. 2979
  2980. 2980 .comment-reply-title {
  2981. 2981 line-height: 1.4;
  2982. 2982 }
  2983. 2983
  2984. 2984 .comment-reply-title,
  2985. 2985 .comment-notes {
  2986. 2986 text-align: center;
  2987. 2987 }
  2988. 2988
  2989. 2989 .comment-reply-title small {
  2990. 2990 font-size: 100%;
  2991. 2991 }
  2992. 2992
  2993. 2993 .comment-reply-title small a {
  2994. 2994 font-weight: 400;
  2995. 2995 text-decoration: none;
  2996. 2996 }
  2997. 2997
  2998. 2998 .comment-meta {
  2999. 2999 margin-bottom: 7px;
  3000. 3000 }
  3001. 3001
  3002. 3002 .comment-container {
  3003. 3003 overflow: hidden;
  3004. 3004 }
  3005. 3005
  3006. 3006 .comment-container a {
  3007. 3007 text-decoration: none;
  3008. 3008 }
  3009. 3009
  3010. 3010 /**
  3011. 3011 * 11.4 - Footer
  3012. 3012 */
  3013. 3013
  3014. 3014 .copyright {
  3015. 3015 padding-bottom: 14px;
  3016. 3016 padding-top: 7px;
  3017. 3017 }
  3018. 3018
  3019. 3019 #colophon .widget-column {
  3020. 3020 float: left;
  3021. 3021 position: relative;
  3022. 3022 width: 100%;
  3023. 3023 z-index: 2;
  3024. 3024 }
  3025. 3025
  3026. 3026 .footer-widget-area {
  3027. 3027 clear: both;
  3028. 3028 }
  3029. 3029
  3030. 3030 #site-generator {
  3031. 3031 padding: 21px 25px 14px 25px;
  3032. 3032 }
  3033. 3033
  3034. 3034 .site-footer {
  3035. 3035 position: relative;
  3036. 3036 }
  3037. 3037
  3038. 3038 .site-footer a {
  3039. 3039 text-decoration: none;
  3040. 3040 }
  3041. 3041
  3042. 3042 #footer-menu-wrapper {
  3043. 3043 border-top: 1px solid;
  3044. 3044 text-align: center;
  3045. 3045 }
  3046. 3046
  3047. 3047 #footer-menu-wrapper .site-navigation a {
  3048. 3048 font-weight: 300;
  3049. 3049 letter-spacing: normal;
  3050. 3050 padding: 14px 7px;
  3051. 3051 text-transform: capitalize;
  3052. 3052 }
  3053. 3053
  3054. 3054 #site-footer-navigation {
  3055. 3055 padding-left: 25px;
  3056. 3056 padding-right: 25px;
  3057. 3057 }
  3058. 3058
  3059. 3059 #site-footer-navigation {
  3060. 3060 width: 100%;
  3061. 3061 }
  3062. 3062
  3063. 3063 .menu-footer-toggle {
  3064. 3064 clear: both;
  3065. 3065 margin: 21px auto;
  3066. 3066 }
  3067. 3067
  3068. 3068 /**
  3069. 3069 * 12.0 - Media
  3070. 3070 */
  3071. 3071
  3072. 3072 .site .avatar {
  3073. 3073 border-radius: 50%;
  3074. 3074 }
  3075. 3075
  3076. 3076 .entry-content .wp-smiley,
  3077. 3077 .entry-summary .wp-smiley,
  3078. 3078 .comment-content .wp-smiley,
  3079. 3079 .textwidget .wp-smiley {
  3080. 3080 border: none;
  3081. 3081 margin-top: 0;
  3082. 3082 margin-bottom: 0;
  3083. 3083 padding: 0;
  3084. 3084 }
  3085. 3085
  3086. 3086 .entry-content a img,
  3087. 3087 .entry-summary a img,
  3088. 3088 .comment-content a img,
  3089. 3089 .textwidget a img {
  3090. 3090 display: block;
  3091. 3091 }
  3092. 3092
  3093. 3093 .post-thumbnail {
  3094. 3094 display: block;
  3095. 3095 }
  3096. 3096
  3097. 3097 /* Make sure embeds and iframes fit their containers. */
  3098. 3098 embed,
  3099. 3099 iframe,
  3100. 3100 object,
  3101. 3101 video {
  3102. 3102 margin-bottom: 1.75em;
  3103. 3103 max-width: 100%;
  3104. 3104 vertical-align: middle;
  3105. 3105 }
  3106. 3106
  3107. 3107 p > embed,
  3108. 3108 p > iframe,
  3109. 3109 p > object,
  3110. 3110 p > video {
  3111. 3111 margin-bottom: 0;
  3112. 3112 }
  3113. 3113
  3114. 3114 /**
  3115. 3115 * 12.1 - Captions
  3116. 3116 */
  3117. 3117
  3118. 3118 .wp-caption {
  3119. 3119 margin-bottom: 1.75em;
  3120. 3120 max-width: 100%;
  3121. 3121 }
  3122. 3122
  3123. 3123 .wp-caption img[class*="wp-image-"] {
  3124. 3124 display: block;
  3125. 3125 margin: 0;
  3126. 3126 }
  3127. 3127
  3128. 3128 .wp-caption .wp-caption-text {
  3129. 3129 font-style: italic;
  3130. 3130 text-align: center;
  3131. 3131 }
  3132. 3132
  3133. 3133 /**
  3134. 3134 * 12.2 - Galleries
  3135. 3135 */
  3136. 3136
  3137. 3137 .gallery {
  3138. 3138 margin: 0 -1.1666667% 1.75em;
  3139. 3139 }
  3140. 3140
  3141. 3141 .gallery-item {
  3142. 3142 display: inline-block;
  3143. 3143 max-width: 33.33%;
  3144. 3144 padding: 0 1.1400652% 2.2801304%;
  3145. 3145 text-align: center;
  3146. 3146 vertical-align: top;
  3147. 3147 width: 100%;
  3148. 3148 }
  3149. 3149
  3150. 3150 .gallery-columns-1 .gallery-item {
  3151. 3151 max-width: 100%;
  3152. 3152 }
  3153. 3153
  3154. 3154 .gallery-columns-2 .gallery-item {
  3155. 3155 max-width: 50%;
  3156. 3156 }
  3157. 3157
  3158. 3158 .gallery-columns-4 .gallery-item {
  3159. 3159 max-width: 25%;
  3160. 3160 }
  3161. 3161
  3162. 3162 .gallery-columns-5 .gallery-item {
  3163. 3163 max-width: 20%;
  3164. 3164 }
  3165. 3165
  3166. 3166 .gallery-columns-6 .gallery-item {
  3167. 3167 max-width: 16.66%;
  3168. 3168 }
  3169. 3169
  3170. 3170 .gallery-columns-7 .gallery-item {
  3171. 3171 max-width: 14.28%;
  3172. 3172 }
  3173. 3173
  3174. 3174 .gallery-columns-8 .gallery-item {
  3175. 3175 max-width: 12.5%;
  3176. 3176 }
  3177. 3177
  3178. 3178 .gallery-columns-9 .gallery-item {
  3179. 3179 max-width: 11.11%;
  3180. 3180 }
  3181. 3181
  3182. 3182 .gallery-icon img {
  3183. 3183 margin: 0 auto;
  3184. 3184 }
  3185. 3185
  3186. 3186 .gallery-caption {
  3187. 3187 display: block;
  3188. 3188 font-style: italic;
  3189. 3189 padding-top: 7px;
  3190. 3190 }
  3191. 3191
  3192. 3192 .gallery-columns-6 .gallery-caption,
  3193. 3193 .gallery-columns-7 .gallery-caption,
  3194. 3194 .gallery-columns-8 .gallery-caption,
  3195. 3195 .gallery-columns-9 .gallery-caption {
  3196. 3196 display: none;
  3197. 3197 }
  3198. 3198
  3199. 3199 /**
  3200. 3200 * 12.3 - Icons
  3201. 3201 */
  3202. 3202
  3203. 3203 .icon {
  3204. 3204 display: inline-block;
  3205. 3205 fill: currentColor;
  3206. 3206 height: 1em;
  3207. 3207 position: relative; /* Align more nicely with capital letters */
  3208. 3208 top: -0.10em;
  3209. 3209 vertical-align: middle;
  3210. 3210 width: 1em;
  3211. 3211 }
  3212. 3212
  3213. 3213 /*Full page arrow up and down*/
  3214. 3214 .arrow-up,
  3215. 3215 .arrow-down {
  3216. 3216 cursor: pointer;
  3217. 3217 display: block;
  3218. 3218 margin: 0 auto;
  3219. 3219 }
  3220. 3220
  3221. 3221 .arrow-up {
  3222. 3222 width: 0;
  3223. 3223 height: 0;
  3224. 3224 border-left: 6px solid transparent;
  3225. 3225 border-right: 6px solid transparent;
  3226. 3226 border-bottom: 6px solid;
  3227. 3227 margin-bottom: 14px;
  3228. 3228 }
  3229. 3229
  3230. 3230 .arrow-down {
  3231. 3231 width: 0;
  3232. 3232 height: 0;
  3233. 3233 border-left: 6px solid transparent;
  3234. 3234 border-right: 6px solid transparent;
  3235. 3235 border-top: 6px solid;
  3236. 3236 margin-top: 14px;
  3237. 3237 }
  3238. 3238
  3239. 3239 #updownnav {
  3240. 3240 float: right;
  3241. 3241 margin-left: 21px;
  3242. 3242 }
  3243. 3243
  3244. 3244 body #fp-nav {
  3245. 3245 display: none;
  3246. 3246 }
  3247. 3247
  3248. 3248 #updownnav .arrow-up {
  3249. 3249 border: 0;
  3250. 3250 transform: rotate(180deg);
  3251. 3251 -webkit-transform: rotate(180deg);
  3252. 3252 }
  3253. 3253
  3254. 3254 .mobile-main-pager-enabled #fp-nav {
  3255. 3255 display: block;
  3256. 3256 }
  3257. 3257
  3258. 3258 body #fp-nav ul li:hover a span,
  3259. 3259 body .fp-slidesNav ul li:hover a span {
  3260. 3260 width: 12px;
  3261. 3261 height: 12px;
  3262. 3262 }
  3263. 3263
  3264. 3264 body #fp-nav ul li a span,
  3265. 3265 body .fp-slidesNav ul li a span {
  3266. 3266 width: 7px;
  3267. 3267 height: 7px;
  3268. 3268 }
  3269. 3269
  3270. 3270 body #fp-nav ul li a.active span,
  3271. 3271 body .fp-slidesNav ul li a.active span,
  3272. 3272 body #fp-nav ul li:hover a.active span,
  3273. 3273 body .fp-slidesNav ul li:hover a.active span {
  3274. 3274 width: 14px;
  3275. 3275 height: 14px;
  3276. 3276 }
  3277. 3277
  3278. 3278 body #fp-nav ul li,
  3279. 3279 body .fp-slidesNav ul li {
  3280. 3280 height: 14px;
  3281. 3281 }
  3282. 3282
  3283. 3283 .arrow-down,
  3284. 3284 .arrow-up{
  3285. 3285 margin-right: 7px;
  3286. 3286 }
  3287. 3287
  3288. 3288 #updownnav .arrow-up,
  3289. 3289 #updownnav .arrow-down {
  3290. 3290 border: 0;
  3291. 3291 background-color: transparent;
  3292. 3292 border-color: transparent;
  3293. 3293 margin: 0;
  3294. 3294 width: auto;
  3295. 3295 height: auto;
  3296. 3296 padding: 0;
  3297. 3297 }
  3298. 3298
  3299. 3299 #updownnav .icon {
  3300. 3300 font-size: 19px;
  3301. 3301 font-size: 1.1875rem;
  3302. 3302 }
  3303. 3303
  3304. 3304 .navigation-classic .site-primary-wrapper {
  3305. 3305 -webkit-box-align: center;
  3306. 3306 -ms-flex-align: center;
  3307. 3307 align-items: center;
  3308. 3308 display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  3309. 3309 display: -ms-flexbox; /* TWEENER - IE 10 */
  3310. 3310 display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  3311. 3311 display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  3312. 3312 float: left;
  3313. 3313 }
  3314. 3314
  3315. 3315 .desktop-nav-on-header #fp-nav,
  3316. 3316 .mobile-nav-on-page-right #updownnav {
  3317. 3317 display: none;
  3318. 3318 }
  3319. 3319
  3320. 3320 .mobile-nav-on-page-right #fp-nav {
  3321. 3321 display: block;
  3322. 3322 }
  3323. 3323
  3324. 3324 .mobile-nav-disable #updownnav,
  3325. 3325 .mobile-nav-disable #fp-nav {
  3326. 3326 display: none;
  3327. 3327 }
  3328. 3328
  3329. 3329 /**
  3330. 3330 * 13.0 - Modules
  3331. 3331 */
  3332. 3332
  3333. 3333 .section-heading-wrapper {
  3334. 3334 margin: 0 auto;
  3335. 3335 position: relative;
  3336. 3336 text-align: center;
  3337. 3337 width: 100%;
  3338. 3338 max-width: 1040px;
  3339. 3339 z-index: 9;
  3340. 3340 }
  3341. 3341
  3342. 3342 .section-title {
  3343. 3343 margin: 0;
  3344. 3344 text-transform: capitalize;
  3345. 3345 }
  3346. 3346
  3347. 3347 /**
  3348. 3348 * 13.1 - Slider
  3349. 3349 */
  3350. 3350
  3351. 3351 #fullpage .slider-image-wrapper a img,
  3352. 3352 #feature-slider-section .slider-image-wrapper a img {
  3353. 3353 display: none;
  3354. 3354 }
  3355. 3355
  3356. 3356 #fullpage .slider-image-wrapper a,
  3357. 3357 #feature-slider-section .slider-image-wrapper a {
  3358. 3358 position: absolute;
  3359. 3359 top: 0;
  3360. 3360 left: 0;
  3361. 3361 right: 0;
  3362. 3362 height: 100%;
  3363. 3363 width: 100%;
  3364. 3364 z-index: 1;
  3365. 3365 }
  3366. 3366
  3367. 3367 #feature-slider-section {
  3368. 3368 padding: 0;
  3369. 3369 }
  3370. 3370
  3371. 3371 #feature-slider-section .slider-content-wrapper {
  3372. 3372 display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  3373. 3373 display: -ms-flexbox; /* TWEENER - IE 10 */
  3374. 3374 display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  3375. 3375 display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  3376. 3376 -webkit-box-align: center;
  3377. 3377 -webkit-align-items: center;
  3378. 3378 -moz-box-align: center;
  3379. 3379 -ms-flex-align: center;
  3380. 3380 align-items: center;
  3381. 3381 height: 100%;
  3382. 3382 }
  3383. 3383
  3384. 3384 #feature-slider-section .post-wrapper {
  3385. 3385 height: 100%;
  3386. 3386 }
  3387. 3387
  3388. 3388 #feature-slider-section .cycle-prev,
  3389. 3389 #feature-slider-section .cycle-next {
  3390. 3390 background-color: transparent;
  3391. 3391 border: none;
  3392. 3392 cursor: pointer;
  3393. 3393 outline: none;
  3394. 3394 opacity: 0;
  3395. 3395 padding: 2px 4px;
  3396. 3396 position: absolute;
  3397. 3397 top: 50%;
  3398. 3398 text-decoration: none;
  3399. 3399 -moz-transition: all 0.2s ease-in-out;
  3400. 3400 -webkit-transition: all 0.2s ease-in-out;
  3401. 3401 transition: all 0.2s ease-in-out;
  3402. 3402 width: 42px;
  3403. 3403 height: 42px;
  3404. 3404 z-index: 199;
  3405. 3405 }
  3406. 3406
  3407. 3407 #feature-slider-section .cycle-prev {
  3408. 3408 left: 25px;
  3409. 3409 }
  3410. 3410
  3411. 3411 #feature-slider-section .cycle-next {
  3412. 3412 right: 25px;
  3413. 3413 }
  3414. 3414
  3415. 3415 #feature-slider-section .cycle-prev:hover,
  3416. 3416 #feature-slider-section .cycle-prev:focus,
  3417. 3417 #feature-slider-section .cycle-next:hover,
  3418. 3418 #feature-slider-section .cycle-next:focus {
  3419. 3419 background-color: transparent;
  3420. 3420 text-decoration: none;
  3421. 3421 }
  3422. 3422
  3423. 3423 #feature-slider-section .cycle-prev .icon,
  3424. 3424 #feature-slider-section .cycle-next .icon {
  3425. 3425 font-size: 48px;
  3426. 3426 font-size: 3rem;
  3427. 3427 width: 25px;
  3428. 3428 }
  3429. 3429
  3430. 3430 #feature-slider-section .cycle-prev .icon {
  3431. 3431 -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  3432. 3432 -ms-transform: rotate(90deg); /* IE 9 */
  3433. 3433 transform: rotate(90deg);
  3434. 3434 }
  3435. 3435
  3436. 3436 #feature-slider-section .cycle-next .icon {
  3437. 3437 -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
  3438. 3438 -ms-transform: rotate(270deg); /* IE 9 */
  3439. 3439 transform: rotate(270deg);
  3440. 3440 }
  3441. 3441
  3442. 3442 .admin-bar #feature-slider-section .cycle-pager {
  3443. 3443 bottom: 60px;
  3444. 3444 }
  3445. 3445
  3446. 3446 #feature-slider-section .cycle-pager {
  3447. 3447 position: absolute;
  3448. 3448 bottom: 28px;
  3449. 3449 left: 0;
  3450. 3450 right: 0;
  3451. 3451 text-align: center;
  3452. 3452 z-index: 199;
  3453. 3453 }
  3454. 3454
  3455. 3455 #feature-slider-section .cycle-pager span {
  3456. 3456 border-radius: 50%;
  3457. 3457 cursor: pointer;
  3458. 3458 display: inline-block;
  3459. 3459 font-size: 50px;
  3460. 3460 height: 14px;
  3461. 3461 margin: 0 7px;
  3462. 3462 overflow: hidden;
  3463. 3463 width: 14px;
  3464. 3464 }
  3465. 3465
  3466. 3466 /**
  3467. 3467 * 13.2 - Featured Content
  3468. 3468 */
  3469. 3469
  3470. 3470 .section .hentry-inner .entry-container,
  3471. 3471 .section .hentry-inner .entry-header {
  3472. 3472 text-align: center;
  3473. 3473 }
  3474. 3474
  3475. 3475 .featured-content-wrapper .post-thumbnail {
  3476. 3476 width: 100%;
  3477. 3477 }
  3478. 3478
  3479. 3479 #featured-content-section .hentry-inner .post-thumbnail,
  3480. 3480 .recent-blog-content-wrapper .hentry-inner .post-thumbnail {
  3481. 3481 margin-bottom: 0;
  3482. 3482 }
  3483. 3483
  3484. 3484 .featured-content-wrapper .entry-title {
  3485. 3485 line-height: 1.45833;
  3486. 3486 }
  3487. 3487
  3488. 3488 /**
  3489. 3489 * 13.3 - Services
  3490. 3490 */
  3491. 3491
  3492. 3492 /**
  3493. 3493 * 13.4 - Portfolio
  3494. 3494 */
  3495. 3495
  3496. 3496 #portfolio-content-section .entry-container {
  3497. 3497 position: absolute;
  3498. 3498 text-align: center;
  3499. 3499 -webkit-transition: all 0.2s ease-in-out;
  3500. 3500 -moz-transition: all 0.2s ease-in-out;
  3501. 3501 -o-transition: all 0.2s ease-in-out;
  3502. 3502 transition: all 0.2s ease-in-out;
  3503. 3503 }
  3504. 3504
  3505. 3505 #portfolio-content-section a.post-thumbnail:before {
  3506. 3506 content: "";
  3507. 3507 background: rgba(0,0,0,0.5);
  3508. 3508 height: 100%;
  3509. 3509 width: 100%;
  3510. 3510 top: 0;
  3511. 3511 left: 0;
  3512. 3512 right: 0;
  3513. 3513 bottom: 0;
  3514. 3514 opacity: 0;
  3515. 3515 transition: opacity 0.3s;
  3516. 3516 position: absolute;
  3517. 3517 }
  3518. 3518
  3519. 3519 #portfolio-content-section .hentry:hover a.post-thumbnail:before {
  3520. 3520 opacity: 1;
  3521. 3521 transition: opacity 0.3s;
  3522. 3522 }
  3523. 3523
  3524. 3524
  3525. 3525 #portfolio-content-section .entry-container {
  3526. 3526 display: block;
  3527. 3527 padding: 14px;
  3528. 3528 position: absolute;
  3529. 3529 top: 50%;
  3530. 3530 left: 50%;
  3531. 3531 transform: translate(-50%, -50%);
  3532. 3532 -webkit-transition: all 0.2s ease-in-out;
  3533. 3533 -moz-transition: all 0.2s ease-in-out;
  3534. 3534 -o-transition: all 0.2s ease-in-out;
  3535. 3535 transition: all 0.2s ease-in-out;
  3536. 3536 text-align: center;
  3537. 3537 width: auto;
  3538. 3538 height: auto;
  3539. 3539 }
  3540. 3540
  3541. 3541 #portfolio-content-section .hentry:hover .entry-container {
  3542. 3542 opacity: 1;
  3543. 3543 }
  3544. 3544
  3545. 3545 #portfolio-content-section .hentry-inner {
  3546. 3546 position: relative;
  3547. 3547 }
  3548. 3548
  3549. 3549 #portfolio-content-section .hentry {
  3550. 3550 height: auto;
  3551. 3551 }
  3552. 3552
  3553. 3553 #portfolio-content-section .post-thumbnail {
  3554. 3554 margin: 0;
  3555. 3555 }
  3556. 3556
  3557. 3557 .portfolio-content-wrapper .post-thumbnail {
  3558. 3558 width: 100%;
  3559. 3559 }
  3560. 3560
  3561. 3561 #portfolio-content-section .view-detail {
  3562. 3562 border-radius: 50%;
  3563. 3563 display: inline-block;
  3564. 3564 width: 50px;
  3565. 3565 height: 50px;
  3566. 3566 line-height: 50px;
  3567. 3567 margin-bottom: 14px;
  3568. 3568 text-align: center;
  3569. 3569 }
  3570. 3570
  3571. 3571 /**
  3572. 3572 * 13.5 - Gallery
  3573. 3573 */
  3574. 3574
  3575. 3575 #gallery-content-section .hentry-inner .entry-container {
  3576. 3576 max-width: 100%;
  3577. 3577 position: relative;
  3578. 3578 }
  3579. 3579
  3580. 3580 #gallery-content-section .section-content-wrapper .hentry-inner .entry-content {
  3581. 3581 margin-top: 0;
  3582. 3582 }
  3583. 3583
  3584. 3584 /**
  3585. 3585 * 13.6 - Hero Content
  3586. 3586 */
  3587. 3587
  3588. 3588
  3589. 3589 #hero-section .entry-container {
  3590. 3590 clear: both;
  3591. 3591 width: 100%;
  3592. 3592 }
  3593. 3593
  3594. 3594 /**
  3595. 3595 * 13.7 - Team
  3596. 3596 */
  3597. 3597
  3598. 3598 .team-content-wrapper .post-thumbnail {
  3599. 3599 line-height: 1;
  3600. 3600 }
  3601. 3601
  3602. 3602 .team-content-wrapper .post-thumbnail a {
  3603. 3603 border-radius: 50%;
  3604. 3604 display: inline-block;
  3605. 3605 height: 0;
  3606. 3606 padding-top: 100%;
  3607. 3607 position: relative;
  3608. 3608 width: 100%;
  3609. 3609 z-index: 2;
  3610. 3610 }
  3611. 3611
  3612. 3612 .team-content-wrapper .post-thumbnail img {
  3613. 3613 border-radius: 50%;
  3614. 3614 display: block;
  3615. 3615 position: absolute;
  3616. 3616 top: 0;
  3617. 3617 bottom: 0;
  3618. 3618 right: 0;
  3619. 3619 left: 0;
  3620. 3620 height: 100%;
  3621. 3621 width: 100%;
  3622. 3622 }
  3623. 3623
  3624. 3624 .team-content-wrapper .hentry-inner {
  3625. 3625 padding: 35px;
  3626. 3626 }
  3627. 3627
  3628. 3628 /**
  3629. 3629 * 13.8 - Testimonials
  3630. 3630 */
  3631. 3631
  3632. 3632 #testimonial-content-section .section-content-wrapper {
  3633. 3633 display: block;
  3634. 3634 position: relative;
  3635. 3635 text-align: center;
  3636. 3636 }
  3637. 3637
  3638. 3638 #testimonial-content-section.layout-one .section-content-wrapper {
  3639. 3639 margin: 0 auto;
  3640. 3640 max-width: 870px;
  3641. 3641 }
  3642. 3642
  3643. 3643 #testimonial-content-section .testimonial_slider_wrap {
  3644. 3644 width: 100%;
  3645. 3645 }
  3646. 3646
  3647. 3647 #testimonial-content-section .entry-content,
  3648. 3648 #testimonial-content-section .entry-summary {
  3649. 3649 font-size: 20px;
  3650. 3650 font-size: 1.25rem;
  3651. 3651 line-height: 1.75;
  3652. 3652 }
  3653. 3653
  3654. 3654 #testimonial-content-section .post-thumbnail img {
  3655. 3655 border-radius: 50%;
  3656. 3656 margin: 0 auto;
  3657. 3657 width: 100px;
  3658. 3658 height: 100px;
  3659. 3659 }
  3660. 3660
  3661. 3661 #testimonial-content-section .entry-meta .entry-position {
  3662. 3662 font-weight: 400;
  3663. 3663 letter-spacing: 0.1em;
  3664. 3664 text-transform: uppercase;
  3665. 3665 }
  3666. 3666
  3667. 3667 #testimonial-content-section .cycle-prev,
  3668. 3668 #testimonial-content-section .cycle-next {
  3669. 3669 -moz-transition: all 0.2s ease-in-out;
  3670. 3670 -webkit-transition: all 0.2s ease-in-out;
  3671. 3671 transition: all 0.2s ease-in-out;
  3672. 3672 width: 70px;
  3673. 3673 height: 70px;
  3674. 3674 border-radius: 50%;
  3675. 3675 z-index: 999;
  3676. 3676 }
  3677. 3677
  3678. 3678 #testimonial-content-section .icon {
  3679. 3679 font-size: 32px;
  3680. 3680 font-size: 2rem;
  3681. 3681 width: 18px;
  3682. 3682 }
  3683. 3683
  3684. 3684 #testimonial-content-section .cycle-prev .icon {
  3685. 3685 -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  3686. 3686 -ms-transform: rotate(90deg); /* IE 9 */
  3687. 3687 transform: rotate(90deg);
  3688. 3688 }
  3689. 3689
  3690. 3690 #testimonial-content-section .cycle-next .icon {
  3691. 3691 -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
  3692. 3692 -ms-transform: rotate(270deg); /* IE 9 */
  3693. 3693 transform: rotate(270deg);
  3694. 3694 }
  3695. 3695
  3696. 3696 #testimonial-content-section .entry-title,
  3697. 3697 #testimonial-content-section .entry-meta {
  3698. 3698 display: block;
  3699. 3699 }
  3700. 3700
  3701. 3701 #testimonial-content-section .cycle-pager {
  3702. 3702 display: inline-block;
  3703. 3703 font-family: arial;
  3704. 3704 font-size: 54px;
  3705. 3705 line-height: 0;
  3706. 3706 }
  3707. 3707
  3708. 3708 #testimonial-content-section .controller {
  3709. 3709 display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  3710. 3710 display: -ms-flexbox; /* TWEENER - IE 10 */
  3711. 3711 display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  3712. 3712 display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  3713. 3713 -webkit-box-align: center;
  3714. 3714 -ms-flex-align: center;
  3715. 3715 align-items: center;
  3716. 3716 -webkit-box-pack: center;
  3717. 3717 -ms-flex-pack: center;
  3718. 3718 justify-content: center;
  3719. 3719 }
  3720. 3720
  3721. 3721 #testimonial-content-section .cycle-pager span {
  3722. 3722 clear: both;
  3723. 3723 cursor: pointer;
  3724. 3724 display: inline-block;
  3725. 3725 height: 16px;
  3726. 3726 line-height: 16px;
  3727. 3727 margin: 0 7px;
  3728. 3728 width: 16px;
  3729. 3729 }
  3730. 3730
  3731. 3731 #testimonial-content-section .cycle-pager > * {
  3732. 3732 cursor: pointer;
  3733. 3733 }
  3734. 3734
  3735. 3735 #fullpage #team-content-section .entry-position,
  3736. 3736 #fullpage #testimonial-content-section .entry-position {
  3737. 3737 margin-top: 7px;
  3738. 3738 }
  3739. 3739
  3740. 3740 #testimonial-content-section .more-button {
  3741. 3741 display: none;
  3742. 3742 }
  3743. 3743
  3744. 3744 #testimonial-content-section .hentry-inner .post-thumbnail {
  3745. 3745 margin-bottom: 21px;
  3746. 3746 }
  3747. 3747
  3748. 3748 #testimonial-content-section .entry-content,
  3749. 3749 #testimonial-content-section .entry-summary {
  3750. 3750 margin-bottom: 35px;
  3751. 3751 margin-top: 0;
  3752. 3752 position: relative;
  3753. 3753 padding-bottom: 35px;
  3754. 3754 }
  3755. 3755
  3756. 3756 #testimonial-content-section .entry-content:before,
  3757. 3757 #testimonial-content-section .entry-summary:before {
  3758. 3758 content: "";
  3759. 3759 border-bottom: 1px solid;
  3760. 3760 width: 210px;
  3761. 3761 margin: 0 auto;
  3762. 3762 text-align: center;
  3763. 3763 position: absolute;
  3764. 3764 bottom: 0;
  3765. 3765 left: 50%;
  3766. 3766 transform: translateX(-50%);
  3767. 3767 }
  3768. 3768
  3769. 3769 #testimonial-content-section .entry-content:after,
  3770. 3770 #testimonial-content-section .entry-summary:after {
  3771. 3771 content: "";
  3772. 3772 position: absolute;
  3773. 3773 bottom: -17px;
  3774. 3774 left: 50%;
  3775. 3775 border: solid;
  3776. 3776 border-width: 0 1px 1px 0;
  3777. 3777 display: inline-block;
  3778. 3778 padding: 3px;
  3779. 3779 font-size: 32px;
  3780. 3780 height: 20px;
  3781. 3781 width: 20px;
  3782. 3782 transform: rotate(45deg) translateX(-50%);
  3783. 3783 -webkit-transform: rotate(45deg) translateX(-50%);
  3784. 3784 }
  3785. 3785
  3786. 3786 #testimonial-content-section .hentry {
  3787. 3787 padding-top: 75px;
  3788. 3788 }
  3789. 3789
  3790. 3790 #testimonial-content-section .hentry:before {
  3791. 3791 content: '“';
  3792. 3792 font-size: 200px;
  3793. 3793 font-size: 12.5rem;
  3794. 3794 font-weight: 300;
  3795. 3795 left: 50%;
  3796. 3796 position: absolute;
  3797. 3797 transform: translate(-50%);
  3798. 3798 z-index: 9;
  3799. 3799 line-height: 0;
  3800. 3800 top: 87px;
  3801. 3801 }
  3802. 3802
  3803. 3803 /**
  3804. 3804 * 13.9 - Promotional Headline
  3805. 3805 */
  3806. 3806
  3807. 3807 #promotion-section {
  3808. 3808 padding: 0;
  3809. 3809 }
  3810. 3810
  3811. 3811 .post-thumbnail-background {
  3812. 3812 background-attachment: fixed;
  3813. 3813 background-position: center center;
  3814. 3814 background-repeat: no-repeat;
  3815. 3815 -webkit-background-size: cover;
  3816. 3816 background-size: cover;
  3817. 3817 position: absolute;
  3818. 3818 top: 0;
  3819. 3819 left: 0;
  3820. 3820 right: 0;
  3821. 3821 bottom: 0;
  3822. 3822 }
  3823. 3823
  3824. 3824 .post-thumbnail-background:before {
  3825. 3825 bottom: 0;
  3826. 3826 content: "";
  3827. 3827 left: 0;
  3828. 3828 right: 0;
  3829. 3829 position: absolute;
  3830. 3830 top: 0;
  3831. 3831 }
  3832. 3832
  3833. 3833 #promotion-section .post-thumbnail-background {
  3834. 3834 z-index: 1;
  3835. 3835 }
  3836. 3836
  3837. 3837 #promotion-section .content-wrapper {
  3838. 3838 padding: 0 25px;
  3839. 3839 }
  3840. 3840
  3841. 3841 #promotion-section .entry-container,
  3842. 3842 #fullpage #promotion-section .entry-container {
  3843. 3843 max-width: 830px;
  3844. 3844 margin: 35px 0;
  3845. 3845 position: relative;
  3846. 3846 z-index: 2;
  3847. 3847 }
  3848. 3848
  3849. 3849 #promotion-section.content-align-right .entry-container {
  3850. 3850 float: right;
  3851. 3851 }
  3852. 3852
  3853. 3853 #promotion-section.content-align-center .entry-container,
  3854. 3854 #fullpage #promotion-section.content-align-center .entry-container {
  3855. 3855 display: block;
  3856. 3856 margin-left: auto;
  3857. 3857 margin-right: auto;
  3858. 3858 text-align: center;
  3859. 3859 }
  3860. 3860
  3861. 3861 #promotion-section.content-frame .entry-container-frame {
  3862. 3862 margin: 0;
  3863. 3863 padding: 2.625rem;
  3864. 3864 }
  3865. 3865
  3866. 3866 #promotion-section .cover-link {
  3867. 3867 position: absolute;
  3868. 3868 top: 0;
  3869. 3869 right: 0;
  3870. 3870 bottom: 0;
  3871. 3871 left: 0;
  3872. 3872 }
  3873. 3873
  3874. 3874 /**
  3875. 3875 * 13.10 - Recent Blog
  3876. 3876 */
  3877. 3877
  3878. 3878 /**
  3879. 3879 * 14.0 - Others
  3880. 3880 */
  3881. 3881
  3882. 3882 .woocommerce nav.woocommerce-pagination {
  3883. 3883 text-align: left;
  3884. 3884 }
  3885. 3885
  3886. 3886 .woocommerce nav.woocommerce-pagination ul {
  3887. 3887 border: none;
  3888. 3888 margin: 0;
  3889. 3889 }
  3890. 3890
  3891. 3891 .woocommerce nav.woocommerce-pagination ul li a,
  3892. 3892 .woocommerce nav.woocommerce-pagination ul li span {
  3893. 3893 padding: 7px 10px;
  3894. 3894 }
  3895. 3895
  3896. 3896 .woocommerce .woocommerce-pagination ul.page-numbers li,
  3897. 3897 .woocommerce-page .woocommerce-pagination ul.page-numbers li {
  3898. 3898 border: none;
  3899. 3899 margin-right: 7px;
  3900. 3900 }
  3901. 3901
  3902. 3902 .woocommerce div.product .woocommerce-tabs ul.tabs li a,
  3903. 3903 .woocommerce p.stars a,
  3904. 3904 .woocommerce nav.woocommerce-pagination ul li a,
  3905. 3905 .cart_item a {
  3906. 3906 border: none;
  3907. 3907 }
  3908. 3908
  3909. 3909 .woocommerce-cart-form #coupon_code {
  3910. 3910 padding: 11px 6px;
  3911. 3911 width: auto !important;
  3912. 3912 }
  3913. 3913
  3914. 3914 .woocommerce #respond input#submit,
  3915. 3915 .woocommerce a.button,
  3916. 3916 .woocommerce button.button,
  3917. 3917 .woocommerce input.button {
  3918. 3918 border-radius: unset;
  3919. 3919 font-weight: 400;
  3920. 3920 line-height: 1.647058823529412;
  3921. 3921 }
  3922. 3922
  3923. 3923 .woocommerce .quantity .qty {
  3924. 3924 width: 4.5em;
  3925. 3925 }
  3926. 3926
  3927. 3927 .woocommerce div.product form.cart div.quantity {
  3928. 3928 margin: 0 17px 0 0;
  3929. 3929 }
  3930. 3930
  3931. 3931 #footer-instagram .widget {
  3932. 3932 margin: 0;
  3933. 3933 }
  3934. 3934
  3935. 3935 #footer-instagram .widget-title {
  3936. 3936 text-align: center;
  3937. 3937 }
  3938. 3938
  3939. 3939 .catch-instagram-feed-gallery-widget .instagram-button {
  3940. 3940 margin: 0;
  3941. 3941 }
  3942. 3942
  3943. 3943 #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button {
  3944. 3944 margin: 28px 0;
  3945. 3945 }
  3946. 3946
  3947. 3947 #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .item,
  3948. 3948 #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .item {
  3949. 3949 margin: 0;
  3950. 3950 }
  3951. 3951
  3952. 3952 #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .item,
  3953. 3953 #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .item {
  3954. 3954 width: 16.666%;
  3955. 3955 }
  3956. 3956
  3957. 3957 #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .item:nth-child(3n+1),
  3958. 3958 #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .item:nth-child(3n+1) {
  3959. 3959 clear: none;
  3960. 3960 }
  3961. 3961
  3962. 3962 #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .item:nth-child(6n+1),
  3963. 3963 #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .item:nth-child(6n+1) {
  3964. 3964 clear: both;
  3965. 3965 }
  3966. 3966
  3967. 3967 #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .default .instagram-button,
  3968. 3968 #footer-instagram .catch-instagram-feed-gallery-widget-wrapper.default .instagram-button {
  3969. 3969 display: none;
  3970. 3970 }
  3971. 3971
  3972. 3972 .widget.essential-widgets {
  3973. 3973 clear: none;
  3974. 3974 }
  3975. 3975
  3976. 3976 .sidebar .widget.ew-newsletter .section-heading-wrapper {
  3977. 3977 padding: 0;
  3978. 3978 text-align: left;
  3979. 3979 }
  3980. 3980
  3981. 3981 #footer-instagram .widget .widget-title {
  3982. 3982 letter-spacing: normal;
  3983. 3983 font-weight: 600;
  3984. 3984 text-transform: capitalize;
  3985. 3985 }
  3986. 3986
  3987. 3987 #footer-instagram .widget .widget-title:after {
  3988. 3988 display: none;
  3989. 3989 }
  3990. 3990
  3991. 3991 #footer-instagram .footer-instagram {
  3992. 3992 padding: 0 25px;
  3993. 3993 }
  3994. 3994
  3995. 3995 /* Site Overlay */
  3996. 3996 .site-overlay {
  3997. 3997 display: none;
  3998. 3998 opacity: 0;
  3999. 3999 }
  4000. 4000
  4001. 4001 .menu-is-open .site-overlay {
  4002. 4002 background-color: rgba(0, 0, 0, 0.2);
  4003. 4003 bottom: 0;
  4004. 4004 display: block;
  4005. 4005 height: 100%;
  4006. 4006 left: 0;
  4007. 4007 opacity: 1;
  4008. 4008 position: absolute;
  4009. 4009 right: 0;
  4010. 4010 top: 0;
  4011. 4011 width: 100%;
  4012. 4012 z-index: 9;
  4013. 4013 }
  4014. 4014
  4015. 4015 /**
  4016. 4016 * 15.0 - Media Queries
  4017. 4017 */
  4018. 4018
  4019. 4019 /**
  4020. 4020 * Does the same thing as <meta name="viewport" content="width=device-width">,
  4021. 4021 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
  4022. 4022 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
  4023. 4023 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
  4024. 4024 */
  4025. 4025 @-ms-viewport {
  4026. 4026 width: device-width;
  4027. 4027 }
  4028. 4028
  4029. 4029 @viewport {
  4030. 4030 width: device-width;
  4031. 4031 }
  4032. 4032
  4033. 4033 /**
  4034. 4034 * 15.1 - >= 480px
  4035. 4035 */
  4036. 4036
  4037. 4037 @media screen and (min-width: 30em) {
  4038. 4038 .menu-toggle .icon {
  4039. 4039 margin-right: 7px;
  4040. 4040 }
  4041. 4041
  4042. 4042 .menu-toggle .menu-label {
  4043. 4043 display: inline-block;
  4044. 4044 }
  4045. 4045 }
  4046. 4046
  4047. 4047 /**
  4048. 4048 * 15.2 - >= 601px
  4049. 4049 */
  4050. 4050
  4051. 4051 @media screen and (min-width: 37.5625em) {
  4052. 4052 body:not(.header-top-disabled).admin-bar .header-top #header-content,
  4053. 4053 body.admin-bar #header-content.main-nav-scrolled,
  4054. 4054 .admin-bar.home.normal-scrolling-enabled #header-content.main-nav-scrolled {
  4055. 4055 top: 46px;
  4056. 4056 }
  4057. 4057 }
  4058. 4058
  4059. 4059 /**
  4060. 4060 * 15.3 - >= 667px
  4061. 4061 */
  4062. 4062
  4063. 4063 @media screen and (min-width: 41.6875em) {
  4064. 4064 body:not(.home) .site-content .hentry {
  4065. 4065 margin-bottom: 49px;
  4066. 4066 padding-bottom: 49px;
  4067. 4067 }
  4068. 4068
  4069. 4069 .site-main #infinite-handle {
  4070. 4070 margin-top: 49px;
  4071. 4071 padding-top: 49px;
  4072. 4072 }
  4073. 4073
  4074. 4074 body:not(.home) .site-content .entry-container {
  4075. 4075 padding: 49px 63px 0 63px;
  4076. 4076 }
  4077. 4077
  4078. 4078 body:not(.home) .site-content .hentry:not(.has-post-thumbnail) .entry-container {
  4079. 4079 padding-bottom: 49px;
  4080. 4080 }
  4081. 4081
  4082. 4082 #fullpage .content-background .entry-container {
  4083. 4083 padding: 63px;
  4084. 4084 }
  4085. 4085
  4086. 4086 #fullpage .entry-container {
  4087. 4087 margin-bottom: 63px;
  4088. 4088 margin-top: 63px;
  4089. 4089 }
  4090. 4090
  4091. 4091 #fullpage .entry-content-wrapper {
  4092. 4092 margin-left: 45px;
  4093. 4093 }
  4094. 4094
  4095. 4095 .entry-meta .sep {
  4096. 4096 display: inline;
  4097. 4097 margin: 0 2px;
  4098. 4098 }
  4099. 4099
  4100. 4100 .entry-header .entry-meta >:last-child {
  4101. 4101 margin-right: 0;
  4102. 4102 }
  4103. 4103
  4104. 4104 .featured-content-wrapper.layout-four,
  4105. 4105 .service-content-wrapper.layout-four,
  4106. 4106 .portfolio-content-wrapper.layout-four,
  4107. 4107 .featured-content-wrapper.layout-two,
  4108. 4108 .service-content-wrapper.layout-two,
  4109. 4109 .portfolio-content-wrapper.layout-two,
  4110. 4110 .team-content-wrapper.layout-two,
  4111. 4111 .team-content-wrapper.layout-four,
  4112. 4112 .recent-blog-content-wrapper.layout-four,
  4113. 4113 .recent-blog-content-wrapper.layout-two {
  4114. 4114 margin-left: -15px;
  4115. 4115 margin-right: -15px;
  4116. 4116 }
  4117. 4117
  4118. 4118 .featured-content-wrapper.layout-four .hentry,
  4119. 4119 .service-content-wrapper.layout-four .hentry,
  4120. 4120 .portfolio-content-wrapper.layout-four .hentry,
  4121. 4121 .featured-content-wrapper.layout-two .hentry,
  4122. 4122 .service-content-wrapper.layout-two .hentry,
  4123. 4123 .portfolio-content-wrapper.layout-two .hentry,
  4124. 4124 .team-content-wrapper.layout-two .hentry,
  4125. 4125 .team-content-wrapper.layout-four .hentry,
  4126. 4126 #colophon .two .widget-column,
  4127. 4127 #colophon .four .widget-column,
  4128. 4128 .content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
  4129. 4129 .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1),
  4130. 4130 .recent-blog-content-wrapper.layout-four .hentry,
  4131. 4131 .recent-blog-content-wrapper.layout-two .hentry {
  4132. 4132 width: 50%;
  4133. 4133 }
  4134. 4134
  4135. 4135 #secondary .widget {
  4136. 4136 display: block;
  4137. 4137 float: left;
  4138. 4138 width: 48%;
  4139. 4139 }
  4140. 4140
  4141. 4141 #secondary .widget:nth-child(2n+1) {
  4142. 4142 clear: both;
  4143. 4143 margin-right: 4%;
  4144. 4144 }
  4145. 4145
  4146. 4146 .featured-content-wrapper.layout-four .hentry,
  4147. 4147 .service-content-wrapper.layout-four .hentry,
  4148. 4148 .portfolio-content-wrapper.layout-four .hentry
  4149. 4149 .featured-content-wrapper.layout-two .hentry,
  4150. 4150 .service-content-wrapper.layout-two .hentry,
  4151. 4151 .portfolio-content-wrapper.layout-two .hentry,
  4152. 4152 .team-content-wrapper.layout-two .hentry,
  4153. 4153 .team-content-wrapper.layout-four .hentry,
  4154. 4154 .recent-blog-content-wrapper.layout-four .hentry,
  4155. 4155 .recent-blog-content-wrapper.layout-two .hentry {
  4156. 4156 padding: 0 15px;
  4157. 4157 }
  4158. 4158
  4159. 4159 #hero-section .hentry {
  4160. 4160 -webkit-box-align: center;
  4161. 4161 -ms-flex-align: center;
  4162. 4162 align-items: center;
  4163. 4163 display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  4164. 4164 display: -ms-flexbox; /* TWEENER - IE 10 */
  4165. 4165 display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  4166. 4166 display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  4167. 4167 width: 100%;
  4168. 4168 }
  4169. 4169
  4170. 4170 #hero-section .post-thumbnail,
  4171. 4171 #hero-section .entry-container {
  4172. 4172 display: table-cell;
  4173. 4173 vertical-align: middle;
  4174. 4174 width: 50%;
  4175. 4175 }
  4176. 4176
  4177. 4177 #hero-section.content-left .post-thumbnail {
  4178. 4178 order: 2;
  4179. 4179 }
  4180. 4180
  4181. 4181 #hero-section .entry-container {
  4182. 4182 padding: 30px 30px 30px 0;
  4183. 4183 }
  4184. 4184
  4185. 4185 #hero-section.content-right .entry-container {
  4186. 4186 order: 1;
  4187. 4187 padding: 30px 0 30px 30px;
  4188. 4188 }
  4189. 4189
  4190. 4190 .sidebar .widget,
  4191. 4191 .content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
  4192. 4192 .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
  4193. 4193 float: left;
  4194. 4194 }
  4195. 4195
  4196. 4196 #hero-section .entry-container.full-width {
  4197. 4197 display: block;
  4198. 4198 float: none;
  4199. 4199 margin: 0 auto;
  4200. 4200 max-width: 990px;
  4201. 4201 padding: 0;
  4202. 4202 text-align: center;
  4203. 4203 width: 100%;
  4204. 4204 }
  4205. 4205
  4206. 4206 .featured-content-wrapper.layout-two .hentry:nth-child(2n+1),
  4207. 4207 .featured-content-wrapper.layout-four .hentry:nth-child(2n+1),
  4208. 4208 .service-content-wrapper.layout-two .hentry:nth-child(2n+1),
  4209. 4209 .portfolio-content-wrapper.layout-two .hentry:nth-child(2n+1),
  4210. 4210 .service-content-wrapper.layout-four .hentry:nth-child(2n+1),
  4211. 4211 .portfolio-content-wrapper.layout-four .hentry:nth-child(2n+1),
  4212. 4212 .team-content-wrapper.layout-two .hentry:nth-child(2n+1),
  4213. 4213 .team-content-wrapper.layout-four .hentry:nth-child(2n+1),
  4214. 4214 .sidebar .widget:nth-child(2n+1),
  4215. 4215 #colophon .two .widget-column:nth-child(2n+1),
  4216. 4216 #colophon .four .widget-column:nth-child(2n+1),
  4217. 4217 .recent-blog-content-wrapper.layout-two .hentry:nth-child(2n+1),
  4218. 4218 .recent-blog-content-wrapper.layout-four .hentry:nth-child(2n+1) {
  4219. 4219 clear: both;
  4220. 4220 }
  4221. 4221
  4222. 4222 .author-avatar {
  4223. 4223 margin-bottom: 35px;
  4224. 4224 }
  4225. 4225
  4226. 4226 #testimonial-content-section.layout-two .hentry {
  4227. 4227 width: 50%;
  4228. 4228 }
  4229. 4229
  4230. 4230 #testimonial-content-section.layout-two .hentry:nth-child(2n+1) {
  4231. 4231 clear: both;
  4232. 4232 }
  4233. 4233
  4234. 4234 .excerpt-image-left .has-post-thumbnail .post-wrapper,
  4235. 4235 .excerpt-image-right .has-post-thumbnail .post-wrapper {
  4236. 4236 display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  4237. 4237 display: -ms-flexbox; /* TWEENER - IE 10 */
  4238. 4238 display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  4239. 4239 display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  4240. 4240 -webkit-box-orient: horizontal;
  4241. 4241 -webkit-box-direction: normal;
  4242. 4242 -ms-flex-flow: row nowrap;
  4243. 4243 flex-flow: row nowrap;
  4244. 4244 -webkit-box-align: center;
  4245. 4245 -webkit-align-items: center;
  4246. 4246 -moz-box-align: center;
  4247. 4247 -ms-flex-align: center;
  4248. 4248 align-items: center;
  4249. 4249 position: relative;
  4250. 4250 width: 100%;
  4251. 4251 }
  4252. 4252
  4253. 4253 .excerpt-image-right .has-post-thumbnail .post-wrapper .entry-container,
  4254. 4254 .excerpt-image-left .has-post-thumbnail .post-wrapper .post-thumbnail {
  4255. 4255 -webkit-box-ordinal-group: 2;
  4256. 4256 -webkit-order: 1;
  4257. 4257 -moz-box-ordinal-group: 2;
  4258. 4258 -ms-flex-order: 1;
  4259. 4259 order: 1;
  4260. 4260 }
  4261. 4261
  4262. 4262 .excerpt-image-right .has-post-thumbnail .post-wrapper .post-thumbnail,
  4263. 4263 .excerpt-image-left .has-post-thumbnail .post-wrapper .entry-container {
  4264. 4264 -webkit-box-ordinal-group: 3;
  4265. 4265 -webkit-order: 2;
  4266. 4266 -moz-box-ordinal-group: 3;
  4267. 4267 -ms-flex-order: 2;
  4268. 4268 order: 2;
  4269. 4269 }
  4270. 4270
  4271. 4271 .excerpt-image-left .has-post-thumbnail .post-wrapper .post-thumbnail,
  4272. 4272 .excerpt-image-right .has-post-thumbnail .post-wrapper .post-thumbnail {
  4273. 4273 -webkit-box-flex: 0;
  4274. 4274 -webkit-flex: 0 1 40%;
  4275. 4275 -moz-box-flex: 0;
  4276. 4276 -ms-flex: 0 1 40%;
  4277. 4277 flex: 0 1 40%;
  4278. 4278 margin: 0;
  4279. 4279 }
  4280. 4280
  4281. 4281 .excerpt-image-left .has-post-thumbnail .post-wrapper .entry-container,
  4282. 4282 .excerpt-image-right .has-post-thumbnail .post-wrapper .entry-container {
  4283. 4283 -webkit-box-flex: 0;
  4284. 4284 -webkit-flex: 0 1 60%;
  4285. 4285 -moz-box-flex: 0;
  4286. 4286 -ms-flex: 0 1 60%;
  4287. 4287 flex: 0 1 60%;
  4288. 4288 margin: 0;
  4289. 4289 }
  4290. 4290
  4291. 4291 .excerpt-image-left .has-post-thumbnail .post-wrapper .entry-container {
  4292. 4292 padding: 0 0 0 30px;
  4293. 4293 }
  4294. 4294
  4295. 4295 .excerpt-image-right .has-post-thumbnail .post-wrapper .entry-container {
  4296. 4296 padding: 0 30px 0 0;
  4297. 4297 }
  4298. 4298
  4299. 4299 .two-columns .hentry {
  4300. 4300 width: 50%;
  4301. 4301 }
  4302. 4302
  4303. 4303 .three-columns .hentry {
  4304. 4304 width: 33.33%;
  4305. 4305 }
  4306. 4306
  4307. 4307 .four-columns .hentry {
  4308. 4308 width: 25%;
  4309. 4309 }
  4310. 4310
  4311. 4311 .five-columns .hentry {
  4312. 4312 width: 20%;
  4313. 4313 }
  4314. 4314
  4315. 4315 .six-columns .hentry {
  4316. 4316 width: 16.66%;
  4317. 4317 }
  4318. 4318
  4319. 4319 .seven-columns .hentry {
  4320. 4320 width: 14.28%;
  4321. 4321 }
  4322. 4322
  4323. 4323 .eight-columns .hentry {
  4324. 4324 width: 12.5%;
  4325. 4325 }
  4326. 4326
  4327. 4327 .nine-columns .hentry {
  4328. 4328 width: 11.11%;
  4329. 4329 }
  4330. 4330
  4331. 4331 .nine-columns .hentry:nth-child(9n+1),
  4332. 4332 .eight-columns .hentry:nth-child(8n+1),
  4333. 4333 .seven-columns .hentry:nth-child(7n+1),
  4334. 4334 .six-columns .hentry:nth-child(6n+1),
  4335. 4335 .five-columns .hentry:nth-child(5n+1),
  4336. 4336 .four-columns .hentry:nth-child(4n+1),
  4337. 4337 .three-columns .hentry:nth-child(3n+1),
  4338. 4338 .two-columns .hentry:nth-child(2n+1) {
  4339. 4339 clear: both;
  4340. 4340 }
  4341. 4341
  4342. 4342 .pagination .prev,
  4343. 4343 .pagination .next {
  4344. 4344 width: auto;
  4345. 4345 }
  4346. 4346
  4347. 4347 .posts-navigation {
  4348. 4348 text-align: left;
  4349. 4349 }
  4350. 4350
  4351. 4351 .posts-navigation .nav-links div:nth-child(1):nth-last-child(2),
  4352. 4352 .posts-navigation .nav-links div:nth-child(2):nth-last-child(1) {
  4353. 4353 display: inline-block;
  4354. 4354 width: 48%;
  4355. 4355 }
  4356. 4356
  4357. 4357 .posts-navigation .nav-links div:nth-child(1):nth-last-child(2) {
  4358. 4358 float: left;
  4359. 4359 margin-right: 2%;
  4360. 4360 }
  4361. 4361
  4362. 4362 .posts-navigation .nav-links div:nth-child(2):nth-last-child(1) {
  4363. 4363 float: right;
  4364. 4364 margin-left: 2%;
  4365. 4365 text-align: right;
  4366. 4366 }
  4367. 4367
  4368. 4368 .post-navigation .nav-previous,
  4369. 4369 .post-navigation .nav-next {
  4370. 4370 display: table-cell;
  4371. 4371 width: 50%;
  4372. 4372 }
  4373. 4373
  4374. 4374 .posts-navigation div + div {
  4375. 4375 margin-top: 0;
  4376. 4376 }
  4377. 4377
  4378. 4378 blockquote.alignright,
  4379. 4379 blockquote.alignleft {
  4380. 4380 width: 50%;
  4381. 4381 }
  4382. 4382
  4383. 4383 .featured-content-wrapper.layout-three,
  4384. 4384 .service-content-wrapper.layout-three,
  4385. 4385 .portfolio-content-wrapper.layout-three,
  4386. 4386 .team-content-wrapper.layout-three,
  4387. 4387 .recent-blog-content-wrapper.layout-three {
  4388. 4388 margin-left: -15px;
  4389. 4389 margin-right: -15px;
  4390. 4390 }
  4391. 4391
  4392. 4392 .featured-content-wrapper.layout-three .hentry,
  4393. 4393 .service-content-wrapper.layout-three .hentry,
  4394. 4394 .portfolio-content-wrapper.layout-three .hentry,
  4395. 4395 .team-content-wrapper.layout-three .hentry,
  4396. 4396 #colophon .three .widget-column,
  4397. 4397 .recent-blog-content-wrapper.layout-three .hentry {
  4398. 4398 width: 33.33%;
  4399. 4399 }
  4400. 4400
  4401. 4401 .featured-content-wrapper.layout-three .hentry,
  4402. 4402 .service-content-wrapper.layout-three .hentry,
  4403. 4403 .portfolio-content-wrapper.layout-three .hentry,
  4404. 4404 .team-content-wrapper.layout-three .hentry,
  4405. 4405 .recent-blog-content-wrapper.layout-three .hentry {
  4406. 4406 padding: 0 15px;
  4407. 4407 }
  4408. 4408
  4409. 4409 .featured-content-wrapper.layout-three .hentry-inner .post-thumbnail,
  4410. 4410 .service-content-wrapper.layout-three .hentry-inner .post-thumbnail,
  4411. 4411 .portfolio-content-wrapper.layout-three .hentry-inner .post-thumbnail,
  4412. 4412 .featured-content-wrapper.layout-three .hentry-inner .entry-container,
  4413. 4413 .service-content-wrapper.layout-three .hentry-inner .entry-container,
  4414. 4414 .portfolio-content-wrapper.layout-three .hentry-inner .entry-container,
  4415. 4415 .team-content-wrapper.layout-three .hentry-inner .entry-container,
  4416. 4416 .recent-blog-content-wrapper.layout-three .hentry-inner .post-thumbnail,
  4417. 4417 .recent-blog-content-wrapper.layout-three .hentry-inner .entry-container {
  4418. 4418 display: block;
  4419. 4419 width: 100%;
  4420. 4420 }
  4421. 4421
  4422. 4422 .featured-content-wrapper.layout-three .hentry:nth-child(3n+1),
  4423. 4423 .service-content-wrapper.layout-three .hentry:nth-child(3n+1),
  4424. 4424 .portfolio-content-wrapper.layout-three .hentry:nth-child(3n+1),
  4425. 4425 .team-content-wrapper.layout-three .hentry:nth-child(3n+1),
  4426. 4426 .recent-blog-content-wrapper.layout-three .hentry:nth-child(3n+1) {
  4427. 4427 clear: both;
  4428. 4428 }
  4429. 4429
  4430. 4430 #promotion-section .content-wrapper {
  4431. 4431 padding: 0 35px;
  4432. 4432 }
  4433. 4433
  4434. 4434 #colophon .widget {
  4435. 4435 padding: 21px 25px;
  4436. 4436 }
  4437. 4437
  4438. 4438 .navigation.pagination,
  4439. 4439 .navigation.posts-navigation {
  4440. 4440 padding: 35px 22px;
  4441. 4441 }
  4442. 4442 }
  4443. 4443
  4444. 4444 /**
  4445. 4445 * 15.4 - >= 783px
  4446. 4446 */
  4447. 4447
  4448. 4448 @media screen and (min-width: 48.9375em) {
  4449. 4449 body:not(.header-top-disabled).admin-bar .header-top #header-content,
  4450. 4450 body.admin-bar #header-content.main-nav-scrolled,
  4451. 4451 .admin-bar #header-content,
  4452. 4452 .admin-bar.home.normal-scrolling-enabled #header-content.main-nav-scrolled {
  4453. 4453 top: 32px;
  4454. 4454 }
  4455. 4455
  4456. 4456 .home:not(.header-media-disabled).menu-is-open.admin-bar #header-wrapper:not(.header-top) .site-primary-menu,
  4457. 4457 .home:not(.no-featured-slider).menu-is-open.admin-bar #header-wrapper:not(.header-top) .site-primary-menu {
  4458. 4458 height: calc(100vh - 116px);
  4459. 4459 }
  4460. 4460
  4461. 4461 .home.admin-bar.header-top-disabled .header-top #header-content {
  4462. 4462 top: 32px;
  4463. 4463 }
  4464. 4464 }
  4465. 4465
  4466. 4466 /**
  4467. 4467 * 15.5 - >= 1024px
  4468. 4468 */
  4469. 4469
  4470. 4470 @media screen and (min-width: 64em) {
  4471. 4471 .mobile-nav-disable.desktop-nav-on-header #updownnav,
  4472. 4472 .mobile-nav-disable.desktop-nav-on-page-right #fp-nav {
  4473. 4473 display: block;
  4474. 4474 }
  4475. 4475
  4476. 4476 .desktop-nav-disable #fp-nav,
  4477. 4477 .desktop-nav-disable #updownnav,
  4478. 4478 .desktop-nav-on-header.mobile-nav-on-page-right #fp-nav,
  4479. 4479 #updownnav {
  4480. 4480 display: none;
  4481. 4481 }
  4482. 4482
  4483. 4483 .desktop-nav-on-header #updownnav,
  4484. 4484 body #fp-nav {
  4485. 4485 display: block;
  4486. 4486 }
  4487. 4487
  4488. 4488 body #fp-nav ul li:hover a span,
  4489. 4489 body .fp-slidesNav ul li:hover a span {
  4490. 4490 width: 10px;
  4491. 4491 height: 10px;
  4492. 4492 }
  4493. 4493
  4494. 4494 body #fp-nav ul li a span,
  4495. 4495 body .fp-slidesNav ul li a span {
  4496. 4496 width: 5px;
  4497. 4497 height: 5px;
  4498. 4498 }
  4499. 4499
  4500. 4500 body #fp-nav ul li a.active span,
  4501. 4501 body .fp-slidesNav ul li a.active span,
  4502. 4502 body #fp-nav ul li:hover a.active span,
  4503. 4503 body .fp-slidesNav ul li:hover a.active span {
  4504. 4504 width: 12px;
  4505. 4505 height: 12px;
  4506. 4506 }
  4507. 4507
  4508. 4508 body #fp-nav ul li,
  4509. 4509 body .fp-slidesNav ul li {
  4510. 4510 height: 13px;
  4511. 4511 }
  4512. 4512
  4513. 4513 .arrow-down,
  4514. 4514 .arrow-up{
  4515. 4515 margin-right: 7px;
  4516. 4516 }
  4517. 4517
  4518. 4518 #portfolio-content-section .entry-container {
  4519. 4519 opacity: 0;
  4520. 4520 }
  4521. 4521
  4522. 4522 h1,
  4523. 4523 .section .entry-title,
  4524. 4524 .page-title,
  4525. 4525 .custom-header .entry-title {
  4526. 4526 font-size: 40px;
  4527. 4527 font-size: 2.5rem;
  4528. 4528 }
  4529. 4529
  4530. 4530 h2 {
  4531. 4531 font-size: 36px;
  4532. 4532 font-size: 2.25rem;
  4533. 4533 }
  4534. 4534
  4535. 4535 h3 {
  4536. 4536 font-size: 32px;
  4537. 4537 font-size: 2rem;
  4538. 4538 }
  4539. 4539
  4540. 4540 h4 {
  4541. 4541 font-size: 28px;
  4542. 4542 font-size: 1.75rem;
  4543. 4543 }
  4544. 4544
  4545. 4545 h5 {
  4546. 4546 font-size: 22px;
  4547. 4547 font-size: 1.375rem;
  4548. 4548 }
  4549. 4549
  4550. 4550 h6 {
  4551. 4551 font-size: 18px;
  4552. 4552 font-size: 1.125rem;
  4553. 4553 }
  4554. 4554
  4555. 4555 body:not(.normal-scrolling-enabled).menu-is-open .header-top #header-content,
  4556. 4556 body:not(.normal-scrolling-enabled).menu-is-open #header-content.main-nav-scrolled {
  4557. 4557 bottom: unset;
  4558. 4558 overflow-y: unset;
  4559. 4559 }
  4560. 4560
  4561. 4561 .navigation-classic .toggled-on #search-container,
  4562. 4562 #site-primary-menu.toggled-on {
  4563. 4563 border: 0;
  4564. 4564 }
  4565. 4565
  4566. 4566 .navigation-classic .site-primary-menu {
  4567. 4567 -webkit-flex: 0 1 auto;
  4568. 4568 -ms-flex: 0 1 auto;
  4569. 4569 flex: 0 1 auto;
  4570. 4570 position: static;
  4571. 4571 width: auto;
  4572. 4572 }
  4573. 4573
  4574. 4574 #social-primary-navigation-bottom {
  4575. 4575 display: none;
  4576. 4576 }
  4577. 4577
  4578. 4578 .boxed-layout #page,
  4579. 4579 .home.boxed-layout #header-content .wrapper,
  4580. 4580 .boxed-layout #header-content.main-nav-scrolled .wrapper {
  4581. 4581 width: 96%;
  4582. 4582 }
  4583. 4583
  4584. 4584 .site-header-main {
  4585. 4585 padding: 0 35px 0 20px;
  4586. 4586 }
  4587. 4587
  4588. 4588 .home .custom-header .entry-title {
  4589. 4589 font-size: 50px;
  4590. 4590 font-size: 3.125rem;
  4591. 4591 }
  4592. 4592
  4593. 4593 body:not(.home) .custom-header-content {
  4594. 4594 padding: 116px 45px;
  4595. 4595 }
  4596. 4596
  4597. 4597 body:not(.home) .site-content,
  4598. 4598 body:not(.home) #footer-instagram {
  4599. 4599 padding: 49px 0;
  4600. 4600 }
  4601. 4601
  4602. 4602 .content-bottom-widgets {
  4603. 4603 padding-top: 49px;
  4604. 4604 }
  4605. 4605
  4606. 4606 #footer-instagram .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button {
  4607. 4607 margin: 35px 0 49px;
  4608. 4608 }
  4609. 4609
  4610. 4610 .navigation-classic .dropdown-toggle,
  4611. 4611 .navigation-classic .site-navigation ul .dropdown-toggle.toggled-on,
  4612. 4612 .navigation-classic .menu-primary,
  4613. 4613 #social-primary-navigation {
  4614. 4614 display: none;
  4615. 4615 }
  4616. 4616
  4617. 4617 .site-navigation li,
  4618. 4618 .social-navigation {
  4619. 4619 border: none;
  4620. 4620 }
  4621. 4621
  4622. 4622 .navigation-classic .site-primary-menu,
  4623. 4623 .site-footer-menu {
  4624. 4624 border: none;
  4625. 4625 display: block;
  4626. 4626 }
  4627. 4627
  4628. 4628 .primary-search-wrapper .social-navigation {
  4629. 4629 border-top: 1px solid;
  4630. 4630 }
  4631. 4631
  4632. 4632 .navigation-classic .header-top .social-navigation a {
  4633. 4633 padding: 25px 10px;
  4634. 4634 }
  4635. 4635
  4636. 4636 .navigation-classic .header-top #search-toggle-right {
  4637. 4637 padding: 26px 10px;
  4638. 4638 }
  4639. 4639
  4640. 4640 .navigation-classic #header-wrapper:not(.header-top) .social-navigation a,
  4641. 4641 .navigation-classic #header-wrapper:not(.header-top) #search-toggle-right {
  4642. 4642 padding: 33px 10px;
  4643. 4643 }
  4644. 4644
  4645. 4645 .site-footer-menu {
  4646. 4646 margin: 0;
  4647. 4647 }
  4648. 4648
  4649. 4649 .disable-in-mobile {
  4650. 4650 display: inline;
  4651. 4651 float: left;
  4652. 4652 }
  4653. 4653
  4654. 4654 .site-header .social-navigation ul {
  4655. 4655 padding: 0;
  4656. 4656 }
  4657. 4657
  4658. 4658 .navigation-classic .toggled-on .social-navigation {
  4659. 4659 border: unset;
  4660. 4660 }
  4661. 4661
  4662. 4662 #header-navigation-area {
  4663. 4663 border-top: 1px solid #eee;
  4664. 4664 border-bottom: 1px solid #eee;
  4665. 4665 }
  4666. 4666
  4667. 4667 #search-toggle {
  4668. 4668 border: none;
  4669. 4669 line-height: 1.231;
  4670. 4670 margin: 0;
  4671. 4671 padding: 25px 20px;
  4672. 4672 position: absolute;
  4673. 4673 right: 0;
  4674. 4674 top: 0;
  4675. 4675 }
  4676. 4676
  4677. 4677 .navigation-classic #search-toggle-right,
  4678. 4678 #search-toggle.menu-toggle {
  4679. 4679 display: block;
  4680. 4680 }
  4681. 4681
  4682. 4682 #search-toggle-right .icon {
  4683. 4683 margin-right: 0;
  4684. 4684 }
  4685. 4685
  4686. 4686 .navigation-classic #search-container {
  4687. 4687 padding: 14px;
  4688. 4688 }
  4689. 4689
  4690. 4690 .navigation-classic .search-social-container {
  4691. 4691 left: auto;
  4692. 4692 position: absolute;
  4693. 4693 right: 0;
  4694. 4694 top: 100%;
  4695. 4695 width: 400px;
  4696. 4696 z-index: 199;
  4697. 4697 animation: smoothScrollBack 0.6s backwards, fadein 0.6s;
  4698. 4698 }
  4699. 4699
  4700. 4700 .home:not(.header-media-disabled).navigation-classic #header-wrapper:not(.header-top) .search-social-container,
  4701. 4701 .home:not(.no-featured-slider).navigation-classic #header-wrapper:not(.header-top) .search-social-container {
  4702. 4702 top: unset;
  4703. 4703 bottom: 100%;
  4704. 4704 }
  4705. 4705
  4706. 4706 .home.navigation-classic #header-wrapper:not(.header-top) .main-nav-scrolled .search-social-container {
  4707. 4707 bottom: unset;
  4708. 4708 top: 100%;
  4709. 4709 }
  4710. 4710
  4711. 4711 .site-navigation .primary-menu,
  4712. 4712 .site-navigation .primary-menu > li {
  4713. 4713 border: 0;
  4714. 4714 }
  4715. 4715
  4716. 4716 .navigation-classic .site-navigation .primary-menu > li,
  4717. 4717 .site-navigation .footer-menu > li {
  4718. 4718 display: inline-block;
  4719. 4719 }
  4720. 4720
  4721. 4721 body:not(.navigation-classic) .site-primary-menu {
  4722. 4722 width: 400px;
  4723. 4723 right: 0;
  4724. 4724 left: unset;
  4725. 4725 }
  4726. 4726
  4727. 4727 body:not(.navigation-classic) .site-primary-wrapper {
  4728. 4728 position: relative;
  4729. 4729 }
  4730. 4730
  4731. 4731 .navigation-classic .site-navigation .primary-menu ul,
  4732. 4732 .site-navigation .footer-menu ul {
  4733. 4733 text-align: left;
  4734. 4734 }
  4735. 4735
  4736. 4736 .navigation-classic .site-navigation a {
  4737. 4737 padding: 26px 25px;
  4738. 4738 white-space: nowrap;
  4739. 4739 }
  4740. 4740
  4741. 4741 .navigation-classic #header-wrapper:not(.header-top) .site-navigation a {
  4742. 4742 padding: 33px 25px;
  4743. 4743 }
  4744. 4744
  4745. 4745 .navigation-classic .site-navigation ul ul {
  4746. 4746 display: block;
  4747. 4747 text-transform: none;
  4748. 4748 left: -999em;
  4749. 4749 margin: 0;
  4750. 4750 padding: 11px 0;
  4751. 4751 position: absolute;
  4752. 4752 z-index: 99999;
  4753. 4753 }
  4754. 4754
  4755. 4755 .site-navigation ul ul ul {
  4756. 4756 top: 0;
  4757. 4757 }
  4758. 4758
  4759. 4759 .home.navigation-classic #header-wrapper:not(.header-top) .site-navigation ul ul ul {
  4760. 4760 bottom: 0;
  4761. 4761 top: unset;
  4762. 4762 }
  4763. 4763
  4764. 4764 .site-navigation ul ul li {
  4765. 4765 border: none;
  4766. 4766 border-bottom-width: 0;
  4767. 4767 }
  4768. 4768
  4769. 4769 .navigation-classic #header-wrapper #site-primary-navigation.site-navigation ul ul a,
  4770. 4770 .navigation-classic #header-wrapper .site-navigation ul ul a {
  4771. 4771 padding: 11px 28px;
  4772. 4772 white-space: normal;
  4773. 4773 width: 220px;
  4774. 4774 }
  4775. 4775
  4776. 4776 .navigation-classic #social-primary-navigation-top {
  4777. 4777 clear: both;
  4778. 4778 display: block;
  4779. 4779 padding: 0;
  4780. 4780 }
  4781. 4781
  4782. 4782 .navigation-classic .site-primary-wrapper,
  4783. 4783 .navigation-classic .site-navigation {
  4784. 4784 padding: 0;
  4785. 4785 }
  4786. 4786
  4787. 4787 .navigation-classic #site-primary-navigation,
  4788. 4788 .navigation-classic #social-primary-navigation-top,
  4789. 4789 .navigation-classic .primary-search-wrapper {
  4790. 4790 display: inline-block;
  4791. 4791 }
  4792. 4792
  4793. 4793 body:not(.navigation-classic ) .header-top .site-primary-wrapper {
  4794. 4794 padding: 18px 0;
  4795. 4795 }
  4796. 4796
  4797. 4797 body:not(.navigation-classic ) #header-wrapper:not(.header-top) .site-primary-wrapper {
  4798. 4798 padding: 25px 0;
  4799. 4799 }
  4800. 4800
  4801. 4801 .navigation-classic .site-navigation li:hover > ul,
  4802. 4802 .navigation-classic .site-navigation li.focus > ul {
  4803. 4803 left: 0;
  4804. 4804 right: auto;
  4805. 4805 animation: smoothScrollBack 0.3s backwards, fadein 0.6s;
  4806. 4806 }
  4807. 4807
  4808. 4808 .navigation-classic .site-navigation .primary-menu li:hover > ul,
  4809. 4809 .navigation-classic .site-navigation .primary-menu li.focus > ul {
  4810. 4810 left: auto;
  4811. 4811 right: 0;
  4812. 4812 animation: smoothScrollBack 0.3s backwards, fadein 0.6s;
  4813. 4813 }
  4814. 4814
  4815. 4815 .home:not(.header-media-disabled).navigation-classic .site-navigation .primary-menu li > ul,
  4816. 4816 .home:not(.no-featured-slider).navigation-classic .site-navigation .primary-menu li > ul {
  4817. 4817 bottom: 100%;
  4818. 4818 }
  4819. 4819
  4820. 4820 .home.navigation-classic .header-top .site-navigation .primary-menu li > ul,
  4821. 4821 .home.navigation-classic .main-nav-scrolled .site-navigation .primary-menu li > ul {
  4822. 4822 bottom: unset;
  4823. 4823 }
  4824. 4824
  4825. 4825 .navigation-classic .site-navigation ul ul li:hover > ul,
  4826. 4826 .navigation-classic .site-navigation ul ul li.focus > ul {
  4827. 4827 left: 100%;
  4828. 4828 right: auto;
  4829. 4829 }
  4830. 4830
  4831. 4831 .navigation-classic .site-navigation .primary-menu ul li:hover > ul,
  4832. 4832 .navigation-classic .site-navigation .primary-menu ul li.focus > ul {
  4833. 4833 right: 100%;
  4834. 4834 }
  4835. 4835
  4836. 4836 .navigation-classic .site-navigation .menu-item-has-children > a {
  4837. 4837 margin: 0;
  4838. 4838 }
  4839. 4839
  4840. 4840 .navigation-classic .site-navigation ul ul .menu-item-has-children > a:after {
  4841. 4841 right: 0.5625em;
  4842. 4842 top: 0.875em;
  4843. 4843 -webkit-transform: rotate(90deg);
  4844. 4844 -moz-transform: rotate(90deg);
  4845. 4845 -ms-transform: rotate(90deg);
  4846. 4846 transform: rotate(90deg);
  4847. 4847 }
  4848. 4848
  4849. 4849 .navigation-classic .site-navigation .menu-item-has-children > a > .icon,
  4850. 4850 .navigation-classic .site-navigation .page_item_has_children > a > .icon {
  4851. 4851 display: inline;
  4852. 4852 left: 9px;
  4853. 4853 position: relative;
  4854. 4854 top: -1px;
  4855. 4855 }
  4856. 4856
  4857. 4857 .home:not(.header-media-disabled).navigation-classic #header-wrapper:not(.header-top) .site-navigation .menu-item-has-children > a > .icon,
  4858. 4858 .home:not(.header-media-disabled).navigation-classic #header-wrapper:not(.header-top) .site-navigation .page_item_has_children > a > .icon,
  4859. 4859 .home:not(.no-featured-slider).navigation-classic #header-wrapper:not(.header-top) .site-navigation .menu-item-has-children > a > .icon,
  4860. 4860 .home:not(.no-featured-slider).navigation-classic #header-wrapper:not(.header-top) .site-navigation .page_item_has_children > a > .icon {
  4861. 4861 transform: rotate(180deg);
  4862. 4862 }
  4863. 4863
  4864. 4864 .home.navigation-classic #header-wrapper:not(.header-top) .main-nav-scrolled .site-navigation .menu-item-has-children > a > .icon,
  4865. 4865 .home.navigation-classic #header-wrapper:not(.header-top) .main-nav-scrolled .site-navigation .page_item_has_children > a > .icon {
  4866. 4866 transform: rotate(0deg);
  4867. 4867 }
  4868. 4868
  4869. 4869 .navigation-classic .site-navigation ul ul .menu-item-has-children > a > .icon,
  4870. 4870 .navigation-classic .site-navigation ul ul .page_item_has_children > a > .icon {
  4871. 4871 margin-top: -7px;
  4872. 4872 left: auto;
  4873. 4873 position: absolute;
  4874. 4874 right: 9px;
  4875. 4875 top: 50%;
  4876. 4876 -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  4877. 4877 -ms-transform: rotate(-90deg); /* IE 9 */
  4878. 4878 transform: rotate(-90deg);
  4879. 4879 }
  4880. 4880
  4881. 4881 .navigation-classic .site-navigation .primary-menu ul .menu-item-has-children > a > .icon,
  4882. 4882 .home.navigation-classic #header-wrapper:not(.header-top) .site-navigation .primary-menu ul .menu-item-has-children > a > .icon {
  4883. 4883 -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  4884. 4884 -ms-transform: rotate(90deg); /* IE 9 */
  4885. 4885 transform: rotate(90deg);
  4886. 4886 }
  4887. 4887
  4888. 4888 #feature-slider-section .entry-meta,
  4889. 4889 #feature-slider-section .entry-summary,
  4890. 4890 #feature-slider-section .entry-content {
  4891. 4891 display: block;
  4892. 4892 }
  4893. 4893
  4894. 4894 #secondary .widget {
  4895. 4895 width: 100%;
  4896. 4896 }
  4897. 4897
  4898. 4898 #secondary .widget:nth-child(2n+1) {
  4899. 4899 margin-right: 0;
  4900. 4900 }
  4901. 4901
  4902. 4902 #colophon .four .widget-column {
  4903. 4903 width: 25%;
  4904. 4904 }
  4905. 4905
  4906. 4906 #colophon .four .widget-column:nth-child(2n+1) {
  4907. 4907 clear: none;
  4908. 4908 }
  4909. 4909
  4910. 4910 #colophon .four .widget-column:nth-child(4n+1) {
  4911. 4911 clear: both;
  4912. 4912 }
  4913. 4913
  4914. 4914 .featured-content-wrapper.layout-three .hentry,
  4915. 4915 .service-content-wrapper.layout-three .hentry,
  4916. 4916 .portfolio-content-wrapper.layout-three .hentry,
  4917. 4917 .featured-content-wrapper.layout-two .hentry,
  4918. 4918 .service-content-wrapper.layout-two .hentry,
  4919. 4919 .portfolio-content-wrapper.layout-two .hentry,
  4920. 4920 .team-content-wrapper.layout-two .hentry,
  4921. 4921 .team-content-wrapper.layout-three .hentry,
  4922. 4922 .recent-blog-content-wrapper.layout-three .hentry,
  4923. 4923 .recent-blog-content-wrapper.layout-two .hentry {
  4924. 4924 padding: 0 25px;
  4925. 4925 }
  4926. 4926
  4927. 4927 .featured-content-wrapper.layout-one .hentry,
  4928. 4928 .service-content-wrapper.layout-one .hentry,
  4929. 4929 .portfolio-content-wrapper.layout-one .hentry,
  4930. 4930 .gallery-content-wrapper .hentry,
  4931. 4931 .team-content-wrapper.layout-one .hentry,
  4932. 4932 .recent-blog-content-wrapper.layout-one .hentry {
  4933. 4933 padding: 0 25px;
  4934. 4934 }
  4935. 4935
  4936. 4936 #testimonial-content-section .hentry {
  4937. 4937 padding-left: 25px;
  4938. 4938 padding-right: 25px;
  4939. 4939 }
  4940. 4940
  4941. 4941 .featured-content-wrapper.layout-four,
  4942. 4942 .service-content-wrapper.layout-four,
  4943. 4943 .portfolio-content-wrapper.layout-four,
  4944. 4944 .featured-content-wrapper.layout-three,
  4945. 4945 .service-content-wrapper.layout-three,
  4946. 4946 .portfolio-content-wrapper.layout-three,
  4947. 4947 .featured-content-wrapper.layout-two,
  4948. 4948 .service-content-wrapper.layout-two,
  4949. 4949 .portfolio-content-wrapper.layout-two,
  4950. 4950 .team-content-wrapper.layout-two,
  4951. 4951 .team-content-wrapper.layout-four,
  4952. 4952 .team-content-wrapper.layout-three,
  4953. 4953 .recent-blog-content-wrapper.layout-four,
  4954. 4954 .recent-blog-content-wrapper.layout-three,
  4955. 4955 .recent-blog-content-wrapper.layout-two {
  4956. 4956 margin-left: 0;
  4957. 4957 margin-right: 0;
  4958. 4958 }
  4959. 4959
  4960. 4960 .featured-content-wrapper.layout-three,
  4961. 4961 .service-content-wrapper.layout-three,
  4962. 4962 .portfolio-content-wrapper.layout-three,
  4963. 4963 .featured-content-wrapper.layout-two,
  4964. 4964 .service-content-wrapper.layout-two,
  4965. 4965 .portfolio-content-wrapper.layout-two,
  4966. 4966 .team-content-wrapper.layout-two,
  4967. 4967 .team-content-wrapper.layout-three,
  4968. 4968 .recent-blog-content-wrapper.layout-three,
  4969. 4969 .recent-blog-content-wrapper.layout-two {
  4970. 4970 padding: 0 20px;
  4971. 4971 }
  4972. 4972
  4973. 4973 .recent-blog-content-wrapper.layout-one,
  4974. 4974 .featured-content-wrapper.layout-one,
  4975. 4975 .service-content-wrapper.layout-one,
  4976. 4976 .portfolio-content-wrapper.layout-one,
  4977. 4977 .gallery-content-wrapper,
  4978. 4978 .team-content-wrapper.layout-one,
  4979. 4979 .recent-blog-content-wrapper.layout-one {
  4980. 4980 padding: 0 20px;
  4981. 4981 }
  4982. 4982
  4983. 4983 .featured-content-wrapper.layout-four,
  4984. 4984 .service-content-wrapper.layout-four,
  4985. 4985 .portfolio-content-wrapper.layout-four,
  4986. 4986 .team-content-wrapper.layout-four,
  4987. 4987 .recent-blog-content-wrapper.layout-four {
  4988. 4988 padding: 0 30px;
  4989. 4989 }
  4990. 4990
  4991. 4991 #hero-section .wrapper {
  4992. 4992 padding: 35px 45px 0 45px;
  4993. 4993 }
  4994. 4994
  4995. 4995 #hero-section .entry-container {
  4996. 4996 padding: 50px 30px 30px 0;
  4997. 4997 }
  4998. 4998
  4999. 4999 #hero-section.content-right .entry-container {
  5000. 5000 padding: 50px 0 30px 30px;
  5001. 5001 }
  5002. 5002
  5003. 5003 .featured-content-wrapper.layout-four .hentry:nth-child(2n+1),
  5004. 5004 .service-content-wrapper.layout-four .hentry:nth-child(2n+1),
  5005. 5005 .portfolio-content-wrapper.layout-four .hentry:nth-child(2n+1),
  5006. 5006 .team-content-wrapper.layout-four .hentry:nth-child(2n+1),
  5007. 5007 .recent-blog-content-wrapper.layout-four .hentry:nth-child(2n+1) {
  5008. 5008 clear: none;
  5009. 5009 }
  5010. 5010
  5011. 5011 .featured-content-wrapper.layout-four .hentry:nth-child(4n+1),
  5012. 5012 .service-content-wrapper.layout-four .hentry:nth-child(4n+1),
  5013. 5013 .portfolio-content-wrapper.layout-four .hentry:nth-child(4n+1),
  5014. 5014 .team-content-wrapper.layout-four .hentry:nth-child(4n+1),
  5015. 5015 .recent-blog-content-wrapper.layout-four .hentry:nth-child(4n+1) {
  5016. 5016 clear: both;
  5017. 5017 }
  5018. 5018
  5019. 5019 .featured-content-wrapper.layout-four .hentry,
  5020. 5020 .service-content-wrapper.layout-four .hentry,
  5021. 5021 .portfolio-content-wrapper.layout-four .hentry,
  5022. 5022 .team-content-wrapper.layout-four .hentry,
  5023. 5023 .recent-blog-content-wrapper.layout-four .hentry {
  5024. 5024 width: 25%;
  5025. 5025 padding: 0 15px;
  5026. 5026 }
  5027. 5027
  5028. 5028 .excerpt-image-left .has-post-thumbnail .post-wrapper .entry-container {
  5029. 5029 padding: 0 0 0 42px;
  5030. 5030 }
  5031. 5031
  5032. 5032 .excerpt-image-right .has-post-thumbnail .post-wrapper .entry-container {
  5033. 5033 padding: 0 42px 0 0;
  5034. 5034 }
  5035. 5035
  5036. 5036 .content-area {
  5037. 5037 float: left;
  5038. 5038 margin-right: -100%;
  5039. 5039 width: 67.10%;
  5040. 5040 max-width: 1040px;
  5041. 5041 }
  5042. 5042
  5043. 5043 .sidebar {
  5044. 5044 float: right;
  5045. 5045 margin-left: 67.10%;
  5046. 5046 max-width: 440px;
  5047. 5047 width: 32.9%;
  5048. 5048 }
  5049. 5049
  5050. 5050 #primary,
  5051. 5051 #secondary,
  5052. 5052 .recent-blog-content-wrapper {
  5053. 5053 padding: 0 25px;
  5054. 5054 }
  5055. 5055
  5056. 5056 .site-content .sidebar {
  5057. 5057 margin-top: 0;
  5058. 5058 }
  5059. 5059
  5060. 5060 .content-right .content-area {
  5061. 5061 float: right;
  5062. 5062 margin-right: 0;
  5063. 5063 margin-left: -100%;
  5064. 5064 }
  5065. 5065
  5066. 5066 .content-right .sidebar {
  5067. 5067 float: left;
  5068. 5068 margin-right: 67.10%;
  5069. 5069 margin-left: 0;
  5070. 5070 }
  5071. 5071
  5072. 5072 .no-sidebar .content-area {
  5073. 5073 float: none;
  5074. 5074 margin: 0 auto;
  5075. 5075 }
  5076. 5076
  5077. 5077 .no-sidebar.full-width-layout .content-area {
  5078. 5078 margin: 0;
  5079. 5079 max-width: 100%;
  5080. 5080 width: 100%;
  5081. 5081 }
  5082. 5082
  5083. 5083 .singular-content-wrap .entry-header,
  5084. 5084 .archive .page-header,
  5085. 5085 .error404 .page-header,
  5086. 5086 .search .page-header,
  5087. 5087 .woocommerce-products-header {
  5088. 5088 margin-bottom: 42px;
  5089. 5089 }
  5090. 5090
  5091. 5091 .author-info{
  5092. 5092 margin-top: 42px;
  5093. 5093 }
  5094. 5094
  5095. 5095 .singular-content-wrap .post-thumbnail,
  5096. 5096 .singular-content-wrap .entry-footer {
  5097. 5097 margin-bottom: 42px;
  5098. 5098 margin-top: 42px;
  5099. 5099 }
  5100. 5100
  5101. 5101 .comments-area {
  5102. 5102 margin-bottom: 42px;
  5103. 5103 margin-top: 42px;
  5104. 5104 }
  5105. 5105
  5106. 5106 .widget-column {
  5107. 5107 padding: 14px 20px;
  5108. 5108 }
  5109. 5109
  5110. 5110 .woocommerce-pagination,
  5111. 5111 .post-navigation,
  5112. 5112 .posts-navigation,
  5113. 5113 .pagination {
  5114. 5114 margin: 0;
  5115. 5115 }
  5116. 5116
  5117. 5117 #footer-menu-section .wrapper,
  5118. 5118 .site-info .wrapper {
  5119. 5119 padding: 0 30px;
  5120. 5120 }
  5121. 5121
  5122. 5122 .copyright,
  5123. 5123 .powered {
  5124. 5124 padding: 0 25px;
  5125. 5125 }
  5126. 5126
  5127. 5127 body {
  5128. 5128 font-size: 17px;
  5129. 5129 font-size: 1.0625rem;
  5130. 5130 line-height: 1.647058823529412;
  5131. 5131 }
  5132. 5132
  5133. 5133 .taxonomy-description,
  5134. 5134 .taxonomy-description-wrapper {
  5135. 5135 margin-top: 21px;
  5136. 5136 }
  5137. 5137
  5138. 5138 #fullpage .content-align-left .entry-content-wrapper {
  5139. 5139 margin-left: 100px;
  5140. 5140 }
  5141. 5141
  5142. 5142 #fullpage .content-align-right .entry-content-wrapper {
  5143. 5143 margin-right: 100px;
  5144. 5144 }
  5145. 5145
  5146. 5146 #feature-slider-section .cycle-prev {
  5147. 5147 left: 35px;
  5148. 5148 }
  5149. 5149
  5150. 5150 #feature-slider-section .cycle-next {
  5151. 5151 right: 35px;
  5152. 5152 }
  5153. 5153
  5154. 5154 #feature-slider-section:hover .cycle-prev,
  5155. 5155 #feature-slider-section:hover .cycle-next {
  5156. 5156 opacity: 1;
  5157. 5157 }
  5158. 5158
  5159. 5159 .post-navigation .nav-previous a,
  5160. 5160 .post-navigation .nav-next a {
  5161. 5161 padding: 21px 21px 14px 21px;
  5162. 5162 }
  5163. 5163
  5164. 5164 .comment-respond {
  5165. 5165 padding: 56px 42px 42px 42px;
  5166. 5166 }
  5167. 5167
  5168. 5168 .comment-respond .comment-reply-title {
  5169. 5169 margin-top: -73px;
  5170. 5170 }
  5171. 5171
  5172. 5172 blockquote {
  5173. 5173 padding: 35px 63px;
  5174. 5174 }
  5175. 5175
  5176. 5176 blockquote.alignright,
  5177. 5177 blockquote.alignleft {
  5178. 5178 padding-left: 35px;
  5179. 5179 padding-right: 35px;
  5180. 5180 }
  5181. 5181
  5182. 5182 #testimonial-content-section .hentry:before {
  5183. 5183 font-size: 228px;
  5184. 5184 font-size: 14.25rem;
  5185. 5185 top: 98px;
  5186. 5186 }
  5187. 5187
  5188. 5188 #testimonial-content-section .hentry {
  5189. 5189 padding-top: 80px;
  5190. 5190 }
  5191. 5191
  5192. 5192 .testimonial-content-wrapper {
  5193. 5193 padding-left: 20px;
  5194. 5194 padding-right: 20px;
  5195. 5195 }
  5196. 5196
  5197. 5197 #testimonial-content-section.layout-one .cycle-prev,
  5198. 5198 #testimonial-content-section.layout-one .cycle-next {
  5199. 5199 position: absolute;
  5200. 5200 top: 25%;
  5201. 5201 }
  5202. 5202
  5203. 5203 #testimonial-content-section.layout-one .cycle-next {
  5204. 5204 right: -60px;
  5205. 5205 }
  5206. 5206
  5207. 5207 #testimonial-content-section.layout-one .cycle-prev {
  5208. 5208 left: -60px;
  5209. 5209 }
  5210. 5210
  5211. 5211 .featured-content-wrapper .hentry,
  5212. 5212 .service-content-wrapper .hentry ,
  5213. 5213 .portfolio-content-wrapper .hentry,
  5214. 5214 .team-content-wrapper .hentry,
  5215. 5215 .view-all-button,
  5216. 5216 .recent-blog-content-wrapper .hentry {
  5217. 5217 margin-bottom: 42px;
  5218. 5218 }
  5219. 5219
  5220. 5220 #menu-toggle-footer {
  5221. 5221 display: none;
  5222. 5222 }
  5223. 5223
  5224. 5224 #site-footer-navigation {
  5225. 5225 padding-left: 45px;
  5226. 5226 padding-right: 45px;
  5227. 5227 }
  5228. 5228
  5229. 5229 .home #gallery-content-section,
  5230. 5230 .home #testimonial-content-section,
  5231. 5231 .home #hero-section {
  5232. 5232 padding-bottom: 49px;
  5233. 5233 padding-top: 14px;
  5234. 5234 }
  5235. 5235
  5236. 5236 body:not(.home) #gallery-content-section,
  5237. 5237 body:not(.home) #testimonial-content-section,
  5238. 5238 body:not(.home) #hero-section {
  5239. 5239 padding-bottom: 49px;
  5240. 5240 padding-top: 14px;
  5241. 5241 }
  5242. 5242
  5243. 5243 .home #featured-content-section,
  5244. 5244 .home #service-content-section,
  5245. 5245 .home #team-content-section,
  5246. 5246 .home #portfolio-content-section,
  5247. 5247 .home .recent-blog-section {
  5248. 5248 padding-bottom: 7px;
  5249. 5249 padding-top: 14px;
  5250. 5250 }
  5251. 5251
  5252. 5252 body:not(.home) #featured-content-section,
  5253. 5253 body:not(.home) #service-content-section,
  5254. 5254 body:not(.home) #team-content-section,
  5255. 5255 body:not(.home) #portfolio-content-section {
  5256. 5256 padding-bottom: 7px;
  5257. 5257 padding-top: 14px;
  5258. 5258 }
  5259. 5259
  5260. 5260 .home .site-content,
  5261. 5261 .home #footer-instagram {
  5262. 5262 padding: 49px 0;
  5263. 5263 }
  5264. 5264
  5265. 5265 .navigation.pagination,
  5266. 5266 .navigation.posts-navigation {
  5267. 5267 margin-top: 49px;
  5268. 5268 }
  5269. 5269
  5270. 5270 #site-generator,
  5271. 5271 .copyright {
  5272. 5272 padding-bottom: 14px;
  5273. 5273 padding-top: 14px;
  5274. 5274 }
  5275. 5275
  5276. 5276 #promotion-section .content-wrapper {
  5277. 5277 padding: 0 45px;
  5278. 5278 }
  5279. 5279
  5280. 5280 #promotion-section .entry-container,
  5281. 5281 #fullpage #promotion-section .entry-container {
  5282. 5282 margin: 49px 0;
  5283. 5283 }
  5284. 5284
  5285. 5285 #promotion-section.content-frame .entry-container-frame {
  5286. 5286 padding: 49px;
  5287. 5287 }
  5288. 5288
  5289. 5289 .site-header + .breadcrumb-area .entry-breadcrumbs,
  5290. 5290 .woocommerce .site-header + .breadcrumb-area .entry-breadcrumbs {
  5291. 5291 padding: 14px 45px;
  5292. 5292 }
  5293. 5293
  5294. 5294 #footer-instagram .footer-instagram {
  5295. 5295 padding: 0 45px;
  5296. 5296 }
  5297. 5297
  5298. 5298 .home:not(.header-media-disabled).menu-is-open.admin-bar #header-wrapper:not(.header-top) .site-primary-menu,
  5299. 5299 .home:not(.no-featured-slider).menu-is-open.admin-bar #header-wrapper:not(.header-top) .site-primary-menu,
  5300. 5300 .home:not(.header-media-disabled).menu-is-open #header-wrapper:not(.header-top) .site-primary-menu,
  5301. 5301 .home:not(.no-featured-slider).menu-is-open #header-wrapper:not(.header-top) .site-primary-menu {
  5302. 5302 height: unset;
  5303. 5303 overflow-y: unset;
  5304. 5304 }
  5305. 5305
  5306. 5306 .navigation.pagination,
  5307. 5307 .navigation.posts-navigation {
  5308. 5308 padding: 49px 45px;
  5309. 5309 }
  5310. 5310
  5311. 5311 #header-content {
  5312. 5312 top: unset;
  5313. 5313 bottom: 0;
  5314. 5314 }
  5315. 5315
  5316. 5316 .admin-bar #header-content {
  5317. 5317 top: unset;
  5318. 5318 }
  5319. 5319
  5320. 5320 .header-top #header-content {
  5321. 5321 animation: smoothScroll 0.6s backwards, fadeout 0.6s;
  5322. 5322 }
  5323. 5323
  5324. 5324 .header-top #header-content {
  5325. 5325 animation: smoothScroll 0.6s backwards, fadeout 0.6s;
  5326. 5326 }
  5327. 5327
  5328. 5328 body:not(.home) #header-content.main-nav-scrolled,
  5329. 5329 .home.normal-scrolling-enabled #header-content.main-nav-scrolled {
  5330. 5330 animation: smoothScrollInner 0.6s forwards;
  5331. 5331 }
  5332. 5332
  5333. 5333 .home:not(.header-media-disabled):not(.no-featured-slider) #header-wrapper .site-primary-menu,
  5334. 5334 .home.header-media-disabled:not(.no-featured-slider) #header-wrapper .site-primary-menu,
  5335. 5335 .home:not(.header-media-disabled).no-featured-slider #header-wrapper .site-primary-menu,
  5336. 5336 .home.header-media-disabled.no-featured-slider #header-wrapper .site-primary-menu {
  5337. 5337 bottom: 100%;
  5338. 5338 top: unset;
  5339. 5339 }
  5340. 5340
  5341. 5341 .home:not(.header-media-disabled):not(.no-featured-slider) #header-wrapper.header-top .site-primary-menu,
  5342. 5342 .home.header-media-disabled:not(.no-featured-slider) #header-wrapper.header-top .site-primary-menu,
  5343. 5343 .home:not(.header-media-disabled).no-featured-slider #header-wrapper.header-top .site-primary-menu,
  5344. 5344 .home.header-media-disabled.no-featured-slider #header-wrapper .site-primary-menu,
  5345. 5345 .home.header-media-disabled.no-featured-slider #header-wrapper.header-top .site-primary-menu {
  5346. 5346 bottom: unset;
  5347. 5347 top: 100%;
  5348. 5348 }
  5349. 5349 }
  5350. 5350
  5351. 5351 /**
  5352. 5352 * 15.6 - >= 1120px
  5353. 5353 */
  5354. 5354
  5355. 5355 @media screen and (min-width: 70em) {
  5356. 5356 body:not(.home) .site-content .hentry {
  5357. 5357 margin-bottom: 63px;
  5358. 5358 padding-bottom: 63px;
  5359. 5359 }
  5360. 5360
  5361. 5361 .site-main #infinite-handle {
  5362. 5362 margin-top: 63px;
  5363. 5363 padding-top: 63px;
  5364. 5364 }
  5365. 5365
  5366. 5366 body:not(.home) .site-content .entry-container {
  5367. 5367 padding: 63px 91px 0 91px;
  5368. 5368 }
  5369. 5369
  5370. 5370 body:not(.home) .site-content .hentry:not(.has-post-thumbnail) .entry-container {
  5371. 5371 padding-bottom: 63px;
  5372. 5372 }
  5373. 5373
  5374. 5374 #feature-slider-section .cycle-prev {
  5375. 5375 left: 4%;
  5376. 5376 }
  5377. 5377
  5378. 5378 #feature-slider-section .cycle-next{
  5379. 5379 right: 4%;
  5380. 5380 }
  5381. 5381
  5382. 5382 .wp-custom-logo .custom-logo-link,
  5383. 5383 .wp-custom-logo .site-identity {
  5384. 5384 display: inline-block;
  5385. 5385 }
  5386. 5386
  5387. 5387 .header-center-layout.wp-custom-logo .custom-logo-link,
  5388. 5388 .header-center-layout.wp-custom-logo .site-identity {
  5389. 5389 display: block;
  5390. 5390 }
  5391. 5391
  5392. 5392 .header-center-layout.wp-custom-logo .custom-logo-link {
  5393. 5393 margin-right: 0;
  5394. 5394 }
  5395. 5395
  5396. 5396 .header-center-layout .site-branding {
  5397. 5397 margin: 7px auto;
  5398. 5398 text-align: center;
  5399. 5399 width: 100%;
  5400. 5400 -webkit-box-orient: vertical;
  5401. 5401 -webkit-box-direction: normal;
  5402. 5402 -ms-flex-direction: column;
  5403. 5403 flex-direction: column;
  5404. 5404 }
  5405. 5405
  5406. 5406 .site-footer-menu .wrapper,
  5407. 5407 .site-info.two .wrapper {
  5408. 5408 -webkit-align-items: center;
  5409. 5409 -ms-flex-align: center;
  5410. 5410 align-items: center;
  5411. 5411 display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  5412. 5412 display: -ms-flexbox; /* TWEENER - IE 10 */
  5413. 5413 display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  5414. 5414 display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  5415. 5415 -webkit-flex-wrap: wrap;
  5416. 5416 -ms-flex-wrap: wrap;
  5417. 5417 flex-wrap: wrap;
  5418. 5418 }
  5419. 5419
  5420. 5420 .site-footer .social-navigation,
  5421. 5421 .site-info.two .powered {
  5422. 5422 margin: 0;
  5423. 5423 -webkit-order: 2;
  5424. 5424 -ms-flex-order: 2;
  5425. 5425 order: 2;
  5426. 5426 }
  5427. 5427
  5428. 5428 .site-info,
  5429. 5429 .site-info.two .copyright {
  5430. 5430 margin-right: auto;
  5431. 5431 -webkit-order: 1;
  5432. 5432 -ms-flex-order: 1;
  5433. 5433 order: 1;
  5434. 5434 }
  5435. 5435
  5436. 5436 .header-center-layout #search-toggle-right,
  5437. 5437 .header-center-layout .primary-search-wrapper,
  5438. 5438 .header-center-layout #site-primary-navigation,
  5439. 5439 .header-center-layout #social-primary-navigation-top {
  5440. 5440 clear: both;
  5441. 5441 float: none;
  5442. 5442 }
  5443. 5443
  5444. 5444 .header-center-layout .site-primary-menu {
  5445. 5445 margin-right: 0;
  5446. 5446 width: 100%;
  5447. 5447 }
  5448. 5448
  5449. 5449 .hentry-inner .post-thumbnail {
  5450. 5450 margin-bottom: 28px;
  5451. 5451 }
  5452. 5452
  5453. 5453 #fullpage .section .entry-summary,
  5454. 5454 #fullpage .section .entry-content,
  5455. 5455 #fullpage .section .entry-meta {
  5456. 5456 margin-top: 28px;
  5457. 5457 }
  5458. 5458
  5459. 5459 .more-button {
  5460. 5460 margin-top: 28px;
  5461. 5461 }
  5462. 5462
  5463. 5463 .section-content-wrapper .entry-footer .entry-meta {
  5464. 5464 margin: 21px 0 0;
  5465. 5465 }
  5466. 5466 }
  5467. 5467
  5468. 5468 /**
  5469. 5469 * 15.7 - >= 1366px
  5470. 5470 */
  5471. 5471
  5472. 5472 @media screen and (min-width: 85.375em) {
  5473. 5473 h1,
  5474. 5474 .section .entry-title,
  5475. 5475 .page-title,
  5476. 5476 .custom-header .entry-title {
  5477. 5477 font-size: 48px;
  5478. 5478 font-size: 3rem;
  5479. 5479 }
  5480. 5480
  5481. 5481 h2 {
  5482. 5482 font-size: 42px;
  5483. 5483 font-size: 2.625rem;
  5484. 5484 }
  5485. 5485
  5486. 5486 h3 {
  5487. 5487 font-size: 36px;
  5488. 5488 font-size: 2.25rem;
  5489. 5489 }
  5490. 5490
  5491. 5491 .site-title {
  5492. 5492 font-size: 28px;
  5493. 5493 font-size: 1.75rem;
  5494. 5494 line-height: 1.357142857142857;
  5495. 5495 }
  5496. 5496
  5497. 5497 .section .section-title,
  5498. 5498 #footer-instagram .widget-title {
  5499. 5499 font-size: 49px;
  5500. 5500 font-size: 3.0625rem;
  5501. 5501 }
  5502. 5502
  5503. 5503 .entry-title {
  5504. 5504 font-size: 34px;
  5505. 5505 font-size: 2.125rem;
  5506. 5506 }
  5507. 5507
  5508. 5508 .home .custom-header .entry-title {
  5509. 5509 font-size: 60px;
  5510. 5510 font-size: 3.75rem;
  5511. 5511 }
  5512. 5512
  5513. 5513 .comments-title,
  5514. 5514 .comment-reply-title {
  5515. 5515 font-size: 24px;
  5516. 5516 font-size: 1.5rem;
  5517. 5517 }
  5518. 5518
  5519. 5519 caption,
  5520. 5520 th,
  5521. 5521 td {
  5522. 5522 padding: 12px 28px;
  5523. 5523 }
  5524. 5524
  5525. 5525 #hero-section .entry-container {
  5526. 5526 padding: 70px 50px 70px 0;
  5527. 5527 }
  5528. 5528
  5529. 5529 #hero-section.content-right .entry-container {
  5530. 5530 padding: 70px 0 70px 50px;
  5531. 5531 }
  5532. 5532
  5533. 5533 #footer-instagram .widget-title {
  5534. 5534 margin-bottom: 35px;
  5535. 5535 }
  5536. 5536
  5537. 5537 #fullpage .content-align-left .entry-content-wrapper {
  5538. 5538 margin-left: 115px;
  5539. 5539 }
  5540. 5540
  5541. 5541 #fullpage .content-align-right .entry-content-wrapper {
  5542. 5542 margin-right: 115px;
  5543. 5543 }
  5544. 5544
  5545. 5545 .post-navigation .nav-previous a,
  5546. 5546 .post-navigation .nav-next a {
  5547. 5547 padding: 28px 28px 21px 28px;
  5548. 5548 }
  5549. 5549
  5550. 5550 blockquote {
  5551. 5551 padding: 45px 91px;
  5552. 5552 }
  5553. 5553
  5554. 5554 blockquote.alignright,
  5555. 5555 blockquote.alignleft {
  5556. 5556 padding-left: 45px;
  5557. 5557 padding-right: 45px;
  5558. 5558 }
  5559. 5559
  5560. 5560 .post-navigation .nav-subtitle {
  5561. 5561 margin-bottom: 21px;
  5562. 5562 }
  5563. 5563
  5564. 5564 .site-header-main {
  5565. 5565 padding: 0 55px 0 40px;
  5566. 5566 }
  5567. 5567
  5568. 5568 body:not(.navigation-classic) .site-header-main {
  5569. 5569 padding-right: 65px;
  5570. 5570 }
  5571. 5571
  5572. 5572 body:not(.home) .custom-header-content {
  5573. 5573 padding: 182px 65px;
  5574. 5574 }
  5575. 5575
  5576. 5576 .widget-column {
  5577. 5577 padding: 14px 40px;
  5578. 5578 }
  5579. 5579
  5580. 5580 .site-info .wrapper {
  5581. 5581 padding-left: 40px;
  5582. 5582 padding-right: 55px;
  5583. 5583 }
  5584. 5584
  5585. 5585 .site-content .wrapper {
  5586. 5586 padding: 0 40px;
  5587. 5587 }
  5588. 5588
  5589. 5589 #fullpage .content-align-full .entry-content-wrapper {
  5590. 5590 margin-left: 63px;
  5591. 5591 }
  5592. 5592
  5593. 5593 .featured-content-wrapper.layout-three,
  5594. 5594 .service-content-wrapper.layout-three,
  5595. 5595 .portfolio-content-wrapper.layout-three,
  5596. 5596 .featured-content-wrapper.layout-two,
  5597. 5597 .service-content-wrapper.layout-two,
  5598. 5598 .portfolio-content-wrapper.layout-two,
  5599. 5599 .team-content-wrapper.layout-two,
  5600. 5600 .team-content-wrapper.layout-three,
  5601. 5601 .recent-blog-content-wrapper.layout-three,
  5602. 5602 .recent-blog-content-wrapper.layout-two {
  5603. 5603 padding: 0 40px;
  5604. 5604 }
  5605. 5605
  5606. 5606 .featured-content-wrapper.layout-four,
  5607. 5607 .service-content-wrapper.layout-four,
  5608. 5608 .portfolio-content-wrapper.layout-four,
  5609. 5609 .team-content-wrapper.layout-four,
  5610. 5610 .recent-blog-content-wrapper.layout-four {
  5611. 5611 padding: 0 50px;
  5612. 5612 }
  5613. 5613
  5614. 5614 .recent-blog-content-wrapper.layout-one,
  5615. 5615 .featured-content-wrapper.layout-one,
  5616. 5616 .service-content-wrapper.layout-one,
  5617. 5617 .portfolio-content-wrapper.layout-one,
  5618. 5618 .gallery-content-wrapper,
  5619. 5619 .team-content-wrapper.layout-one,
  5620. 5620 .recent-blog-content-wrapper.layout-one {
  5621. 5621 padding: 0 40px;
  5622. 5622 }
  5623. 5623
  5624. 5624 body:not(.home) .site-content,
  5625. 5625 body:not(.home) #footer-instagram {
  5626. 5626 padding: 70px 0;
  5627. 5627 }
  5628. 5628
  5629. 5629 body:not(.home) #gallery-content-section,
  5630. 5630 body:not(.home) #testimonial-content-section,
  5631. 5631 body:not(.home) #hero-section {
  5632. 5632 padding-bottom: 70px;
  5633. 5633 padding-top: 35px;
  5634. 5634 }
  5635. 5635
  5636. 5636 body:not(.home) #featured-content-section,
  5637. 5637 body:not(.home) #service-content-section,
  5638. 5638 body:not(.home) #team-content-section {
  5639. 5639 padding-bottom: 28px;
  5640. 5640 padding-top: 35px;
  5641. 5641 }
  5642. 5642
  5643. 5643 #site-footer-navigation {
  5644. 5644 padding-left: 65px;
  5645. 5645 padding-right: 65px;
  5646. 5646 }
  5647. 5647
  5648. 5648 .navigation.pagination,
  5649. 5649 .navigation.posts-navigation {
  5650. 5650 margin-top: 70px;
  5651. 5651 }
  5652. 5652
  5653. 5653 #hero-section .wrapper {
  5654. 5654 padding: 35px 65px 0 65px;
  5655. 5655 }
  5656. 5656
  5657. 5657 #promotion-section .content-wrapper {
  5658. 5658 padding: 0 65px;
  5659. 5659 }
  5660. 5660
  5661. 5661 #promotion-section .entry-container,
  5662. 5662 #fullpage #promotion-section .entry-container {
  5663. 5663 margin: 70px 0;
  5664. 5664 }
  5665. 5665
  5666. 5666 #promotion-section.content-frame .entry-container-frame {
  5667. 5667 padding: 70px 130px;
  5668. 5668 }
  5669. 5669
  5670. 5670 .site-header + .breadcrumb-area .entry-breadcrumbs,
  5671. 5671 .woocommerce .site-header + .breadcrumb-area .entry-breadcrumbs {
  5672. 5672 padding: 14px 65px;
  5673. 5673 }
  5674. 5674
  5675. 5675 #footer-instagram .footer-instagram {
  5676. 5676 padding: 0 65px;
  5677. 5677 }
  5678. 5678
  5679. 5679 .navigation.pagination,
  5680. 5680 .navigation.posts-navigation {
  5681. 5681 padding: 56px 65px;
  5682. 5682 }
  5683. 5683 }
  5684. 5684
  5685. 5685 /**
  5686. 5686 * 15.8 - >= 1600px
  5687. 5687 */
  5688. 5688
  5689. 5689 @media screen and (min-width: 100em) {
  5690. 5690
  5691. 5691 .home .site-content,
  5692. 5692 .home #footer-instagram {
  5693. 5693 padding: 70px 0;
  5694. 5694 }
  5695. 5695
  5696. 5696 body:not(.home) .site-content .hentry {
  5697. 5697 margin-bottom: 84px;
  5698. 5698 padding-bottom: 84px;
  5699. 5699 }
  5700. 5700
  5701. 5701 .site-main #infinite-handle {
  5702. 5702 margin-top: 84px;
  5703. 5703 padding-top: 84px;
  5704. 5704 }
  5705. 5705
  5706. 5706 body:not(.home) .site-content .entry-container {
  5707. 5707 padding: 84px 120px 0 120px;
  5708. 5708 }
  5709. 5709
  5710. 5710 body:not(.home) .site-content .hentry:not(.has-post-thumbnail) .entry-container {
  5711. 5711 padding-bottom: 84px;
  5712. 5712 }
  5713. 5713
  5714. 5714 body:not(.home) .custom-header-content {
  5715. 5715 padding: 250px 65px;
  5716. 5716 }
  5717. 5717
  5718. 5718 #fullpage .content-background .entry-container {
  5719. 5719 padding: 84px;
  5720. 5720 }
  5721. 5721
  5722. 5722 #fullpage .entry-container {
  5723. 5723 margin-bottom: 84px;
  5724. 5724 margin-top: 84px;
  5725. 5725 }
  5726. 5726
  5727. 5727 h1,
  5728. 5728 .section .entry-title,
  5729. 5729 .page-title,
  5730. 5730 .section .section-title,
  5731. 5731 #footer-instagram .widget-title,
  5732. 5732 .custom-header .entry-title {
  5733. 5733 font-size: 58px;
  5734. 5734 font-size: 3.625rem;
  5735. 5735 }
  5736. 5736
  5737. 5737 h2 {
  5738. 5738 font-size: 48px;
  5739. 5739 font-size: 3rem;
  5740. 5740 }
  5741. 5741
  5742. 5742 h3 {
  5743. 5743 font-size: 40px;
  5744. 5744 font-size: 2.5rem;
  5745. 5745 }
  5746. 5746
  5747. 5747 blockquote {
  5748. 5748 font-size: 24px;
  5749. 5749 font-size: 1.5rem;
  5750. 5750 }
  5751. 5751
  5752. 5752 .entry-title {
  5753. 5753 font-size: 40px;
  5754. 5754 font-size: 2.5rem;
  5755. 5755 }
  5756. 5756
  5757. 5757 .home .custom-header .entry-title {
  5758. 5758 font-size: 72px;
  5759. 5759 font-size: 4.5rem;
  5760. 5760 }
  5761. 5761
  5762. 5762 .comments-title,
  5763. 5763 .comment-reply-title {
  5764. 5764 font-size: 28px;
  5765. 5765 font-size: 1.75rem;
  5766. 5766 }
  5767. 5767
  5768. 5768 #feature-slider-section .cycle-prev {
  5769. 5769 left: 10%;
  5770. 5770 }
  5771. 5771
  5772. 5772 #feature-slider-section .cycle-next{
  5773. 5773 right: 10%;
  5774. 5774 }
  5775. 5775
  5776. 5776 #hero-section .entry-container {
  5777. 5777 padding: 112px 70px 112px 0;
  5778. 5778 }
  5779. 5779
  5780. 5780 #hero-section.content-right .entry-container {
  5781. 5781 padding: 112px 0 112px 70px;
  5782. 5782 }
  5783. 5783
  5784. 5784 body:not(.home) .site-content,
  5785. 5785 body:not(.home) #footer-instagram {
  5786. 5786 padding: 105px 0;
  5787. 5787 }
  5788. 5788
  5789. 5789 .author-info {
  5790. 5790 margin-top: 56px;
  5791. 5791 }
  5792. 5792
  5793. 5793 .singular-content-wrap .post-thumbnail,
  5794. 5794 .singular-content-wrap .entry-footer {
  5795. 5795 margin-bottom: 56px;
  5796. 5796 margin-top: 56px;
  5797. 5797 }
  5798. 5798
  5799. 5799 .singular-content-wrap .entry-header,
  5800. 5800 .archive .page-header,
  5801. 5801 .error404 .page-header,
  5802. 5802 .search .page-header,
  5803. 5803 .woocommerce-products-header {
  5804. 5804 margin-bottom: 49px;
  5805. 5805 }
  5806. 5806
  5807. 5807 .comments-area {
  5808. 5808 margin-bottom: 56px;
  5809. 5809 margin-top: 56px;
  5810. 5810 }
  5811. 5811
  5812. 5812 .content-bottom-widgets {
  5813. 5813 padding-top: 70px;
  5814. 5814 }
  5815. 5815
  5816. 5816 #fullpage .content-align-left .entry-content-wrapper {
  5817. 5817 margin-left: 130px;
  5818. 5818 }
  5819. 5819
  5820. 5820 #fullpage .content-align-right .entry-content-wrapper {
  5821. 5821 margin-right: 130px;
  5822. 5822 }
  5823. 5823
  5824. 5824 .site-footer .widget .widget-title,
  5825. 5825 .site-footer .widget .wp-block-group h2 {
  5826. 5826 margin: 0 0 21px;
  5827. 5827 }
  5828. 5828
  5829. 5829 .site-footer .widget .widget-title:after,
  5830. 5830 .site-footer .widget .wp-block-group h2:after {
  5831. 5831 margin-top: 21px;
  5832. 5832 }
  5833. 5833
  5834. 5834 .post-navigation .nav-previous a,
  5835. 5835 .post-navigation .nav-next a {
  5836. 5836 padding: 35px 35px 28px 35px;
  5837. 5837 }
  5838. 5838
  5839. 5839 .comment-respond {
  5840. 5840 padding: 63px 70px 49px 70px;
  5841. 5841 }
  5842. 5842
  5843. 5843 .comment-respond .comment-reply-title {
  5844. 5844 margin-top: -84px;
  5845. 5845 }
  5846. 5846
  5847. 5847 blockquote {
  5848. 5848 padding: 56px 120px;
  5849. 5849 }
  5850. 5850
  5851. 5851 blockquote.alignright,
  5852. 5852 blockquote.alignleft {
  5853. 5853 padding-left: 70px;
  5854. 5854 padding-right: 70px;
  5855. 5855 }
  5856. 5856
  5857. 5857 #featured-content-section .hentry-inner .entry-container,
  5858. 5858 .recent-blog-content-wrapper .hentry-inner .entry-container {
  5859. 5859 padding: 35px 49px;
  5860. 5860 }
  5861. 5861
  5862. 5862 .featured-content-wrapper .hentry,
  5863. 5863 .service-content-wrapper .hentry,
  5864. 5864 .portfolio-content-wrapper .hentry,
  5865. 5865 .team-content-wrapper .hentry,
  5866. 5866 .view-all-button,
  5867. 5867 .recent-blog-content-wrapper .hentry {
  5868. 5868 margin-bottom: 56px;
  5869. 5869 }
  5870. 5870
  5871. 5871 #testimonial-content-section .hentry:before {
  5872. 5872 font-size: 256px;
  5873. 5873 font-size: 16rem;
  5874. 5874 top: 110px;
  5875. 5875 }
  5876. 5876
  5877. 5877 #testimonial-content-section .hentry {
  5878. 5878 padding-top: 85px;
  5879. 5879 }
  5880. 5880
  5881. 5881 #testimonial-content-section .entry-content,
  5882. 5882 #testimonial-content-section .entry-summary {
  5883. 5883 font-size: 24px;
  5884. 5884 font-size: 1.5rem;
  5885. 5885 }
  5886. 5886
  5887. 5887 .testimonial-content-wrapper {
  5888. 5888 padding-left: 40px;
  5889. 5889 padding-right: 40px;
  5890. 5890 }
  5891. 5891
  5892. 5892 #testimonial-content-section.layout-one .cycle-next {
  5893. 5893 right: -84px;
  5894. 5894 }
  5895. 5895
  5896. 5896 #testimonial-content-section.layout-one .cycle-prev {
  5897. 5897 left: -84px;
  5898. 5898 }
  5899. 5899
  5900. 5900 .home #gallery-content-section,
  5901. 5901 .home #testimonial-content-section,
  5902. 5902 .home #hero-section {
  5903. 5903 padding-bottom: 70px;
  5904. 5904 padding-top: 35px;
  5905. 5905 }
  5906. 5906
  5907. 5907 body:not(.home) #gallery-content-section,
  5908. 5908 body:not(.home) #testimonial-content-section,
  5909. 5909 body:not(.home) #hero-section {
  5910. 5910 padding-bottom: 105px;
  5911. 5911 padding-top: 70px;
  5912. 5912 }
  5913. 5913
  5914. 5914 .home #featured-content-section,
  5915. 5915 .home #service-content-section,
  5916. 5916 .home #team-content-section,
  5917. 5917 .home #portfolio-content-section,
  5918. 5918 .home .recent-blog-section {
  5919. 5919 padding-bottom: 14px;
  5920. 5920 padding-top: 35px;
  5921. 5921 }
  5922. 5922
  5923. 5923 body:not(.home) #featured-content-section,
  5924. 5924 body:not(.home) #service-content-section,
  5925. 5925 body:not(.home) #team-content-section,
  5926. 5926 body:not(.home) #portfolio-content-section {
  5927. 5927 padding-bottom: 49px;
  5928. 5928 padding-top: 70px;
  5929. 5929 }
  5930. 5930
  5931. 5931 .navigation.pagination,
  5932. 5932 .navigation.posts-navigation {
  5933. 5933 margin-top: 105px;
  5934. 5934 }
  5935. 5935
  5936. 5936 #promotion-section .entry-container,
  5937. 5937 #fullpage #promotion-section .entry-container {
  5938. 5938 margin: 105px 0;
  5939. 5939 }
  5940. 5940
  5941. 5941 #promotion-section.content-frame .entry-container-frame {
  5942. 5942 padding: 105px 130px;
  5943. 5943 }
  5944. 5944
  5945. 5945 .site-footer .footer-widget-area {
  5946. 5946 padding: 49px 0;
  5947. 5947 }
  5948. 5948 }
  5949. 5949
  5950. 5950 /**
  5951. 5951 * 16.0 - >= Colors
  5952. 5952 */
  5953. 5953
  5954. 5954 /* Main Background Color */
  5955. 5955 body {
  5956. 5956 background-color: #3e3e3e;
  5957. 5957 /* Fallback for when there is no custom background color defined. */
  5958. 5958 }
  5959. 5959
  5960. 5960 /* Header Text Color */
  5961. 5961 .site-title a {
  5962. 5962 color: #fff;
  5963. 5963 }
  5964. 5964
  5965. 5965 /* 55% of Header Text Color */
  5966. 5966 .site-description {
  5967. 5967 color: rgba(255, 255, 255, 0.55);
  5968. 5968 }
  5969. 5969
  5970. 5970 /* Page Background Color */
  5971. 5971 #page,
  5972. 5972 .site-content,
  5973. 5973 .comment-respond .comment-reply-title,
  5974. 5974 #search-container input[type="search"],
  5975. 5975 .site-footer input[type="search"] {
  5976. 5976 background-color: #fff;
  5977. 5977 }
  5978. 5978
  5979. 5979 .entry-content-wrapper,
  5980. 5980 .entry-content-wrapper h1,
  5981. 5981 .entry-content-wrapper h2,
  5982. 5982 .entry-content-wrapper h3,
  5983. 5983 .entry-content-wrapper h4,
  5984. 5984 .entry-content-wrapper h5,
  5985. 5985 .entry-content-wrapper h6,
  5986. 5986 .custom-header .entry-title,
  5987. 5987 .custom-header,
  5988. 5988 .custom-header-media .wp-custom-header-video-button,
  5989. 5989 .custom-header-media .wp-custom-header-video-button.wp-custom-header-video-pause,
  5990. 5990 .custom-header-media .wp-custom-header-video-button:hover,
  5991. 5991 .custom-header-media .wp-custom-header-video-button:focus,
  5992. 5992 #testimonial-content-section .cycle-prev,
  5993. 5993 #testimonial-content-section .cycle-next,
  5994. 5994 #testimonial-content-section .hentry:before {
  5995. 5995 color: #fff;
  5996. 5996 }
  5997. 5997
  5998. 5998 /* 10% of Page Background Color */
  5999. 5999 .menu-toggle,
  6000. 6000 #site-primary-menu.toggled-on,
  6001. 6001 .toggled-on .social-navigation,
  6002. 6002 .site-footer table,
  6003. 6003 .site-footer caption,
  6004. 6004 .site-footer th,
  6005. 6005 .site-footer td,
  6006. 6006 .site-footer input[type="date"],
  6007. 6007 .site-footer input[type="time"],
  6008. 6008 .site-footer input[type="datetime-local"],
  6009. 6009 .site-footer input[type="week"],
  6010. 6010 .site-footer input[type="month"],
  6011. 6011 .site-footer input[type="text"],
  6012. 6012 .site-footer input[type="email"],
  6013. 6013 .site-footer input[type="url"],
  6014. 6014 .site-footer input[type="password"],
  6015. 6015 .site-footer input[type="tel"],
  6016. 6016 .site-footer input[type="number"],
  6017. 6017 .site-footer textarea,
  6018. 6018 .site-footer .tagcloud a,
  6019. 6019 .toggled-on #search-container,
  6020. 6020 #footer-menu-wrapper {
  6021. 6021 border-color: rgba(255, 255, 255, 0.1);
  6022. 6022 }
  6023. 6023
  6024. 6024 .entry-content-wrapper blockquote,
  6025. 6025 .entry-content-wrapper pre {
  6026. 6026 background-color: rgba(255, 255, 255, 0.1);
  6027. 6027 }
  6028. 6028
  6029. 6029 /* 95% of Page Background Color */
  6030. 6030 #testimonial-content-section .entry-content:before,
  6031. 6031 #testimonial-content-section .entry-summary:before,
  6032. 6032 #testimonial-content-section .entry-content:after,
  6033. 6033 #testimonial-content-section .entry-summary:after,
  6034. 6034 hr,
  6035. 6035 pre,
  6036. 6036 .site .skip-link,
  6037. 6037 .wp-caption .wp-caption-text,
  6038. 6038 .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  6039. 6039 border-color: rgba(255, 255, 255, 0.95);
  6040. 6040 }
  6041. 6041
  6042. 6042 /* Secondary Background Color */
  6043. 6043 .fluid-layout #header-content,
  6044. 6044 .boxed-layout #header-content .wrapper,
  6045. 6045 .site-primary-menu.toggled-on,
  6046. 6046 #tertiary,
  6047. 6047 #footer-menu-wrapper,
  6048. 6048 .site-footer {
  6049. 6049 background-color: #2b2b2b;
  6050. 6050 }
  6051. 6051
  6052. 6052 @media screen and (min-width: 64em) {
  6053. 6053 .search-social-container,
  6054. 6054 .site-navigation ul ul,
  6055. 6055 .site-navigation ul ul li {
  6056. 6056 background-color: #2b2b2b;
  6057. 6057 }
  6058. 6058 }
  6059. 6059
  6060. 6060 /* Main Text Color */
  6061. 6061 body,
  6062. 6062 button,
  6063. 6063 input,
  6064. 6064 select,
  6065. 6065 textarea,
  6066. 6066 .pagination .page-numbers.dots,
  6067. 6067 .pagination .page-numbers.dots:hover,
  6068. 6068 .pagination .page-numbers.dots:focus {
  6069. 6069 color: #333;
  6070. 6070 }
  6071. 6071
  6072. 6072 /* Button Text Color */
  6073. 6073 #scrollup,
  6074. 6074 .widget_calendar tbody a,
  6075. 6075 .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button,
  6076. 6076 #feature-slider-section .cycle-prev,
  6077. 6077 #feature-slider-section .cycle-next,
  6078. 6078 .page-links a,
  6079. 6079 .pagination .prev,
  6080. 6080 .pagination .next,
  6081. 6081 .posts-navigation a,
  6082. 6082 .site-main #infinite-handle span,
  6083. 6083 .sticky-post,
  6084. 6084 mark,
  6085. 6085 ins,
  6086. 6086 button,
  6087. 6087 .button,
  6088. 6088 input[type="button"],
  6089. 6089 input[type="reset"],
  6090. 6090 input[type="submit"],
  6091. 6091 .woocommerce div.product form.cart .button,
  6092. 6092 .woocommerce #respond input#submit,
  6093. 6093 .woocommerce a.button,
  6094. 6094 .woocommerce button.button,
  6095. 6095 .woocommerce input.button,
  6096. 6096 .woocommerce #respond input#submit.alt,
  6097. 6097 .woocommerce a.button.alt,
  6098. 6098 .woocommerce button.button.alt,
  6099. 6099 .woocommerce input.button.alt,
  6100. 6100 .woocommerce nav.woocommerce-pagination ul li a,
  6101. 6101 .woocommerce nav.woocommerce-pagination ul li span,
  6102. 6102 .woocommerce nav.woocommerce-pagination ul li span.current,
  6103. 6103 #subbutton,
  6104. 6104 .pagination .page-numbers,
  6105. 6105 .entry-content-wrapper .more-link {
  6106. 6106 color: #fff;
  6107. 6107 }
  6108. 6108
  6109. 6109 /* WooCommerce Sale Price Color */
  6110. 6110 .woocommerce-Price-amount {
  6111. 6111 color:#000;
  6112. 6112 }
  6113. 6113
  6114. 6114 /* Button Hover Text Color */
  6115. 6115 #scrollup:hover,
  6116. 6116 #scrollup:focus,
  6117. 6117 .widget_calendar tbody a:hover,
  6118. 6118 .widget_calendar tbody a:focus,
  6119. 6119 .entry-content-wrapper .more-link:hover,
  6120. 6120 .entry-content-wrapper .more-link:focus,
  6121. 6121 .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button:hover,
  6122. 6122 .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button:focus,
  6123. 6123 .page-links a:hover,
  6124. 6124 .page-links a:focus,
  6125. 6125 .pagination .prev:hover,
  6126. 6126 .pagination .prev:focus,
  6127. 6127 .pagination .next:hover,
  6128. 6128 .pagination .next:focus,
  6129. 6129 .posts-navigation a:hover,
  6130. 6130 .posts-navigation a:focus,
  6131. 6131 .site-main #infinite-handle span:hover,
  6132. 6132 .site-main #infinite-handle span:focus,
  6133. 6133 button:hover,
  6134. 6134 button:focus,
  6135. 6135 button[disabled]:hover,
  6136. 6136 button[disabled]:focus,
  6137. 6137 .button:hover,
  6138. 6138 .button:focus,
  6139. 6139 input[type="submit"]:hover,
  6140. 6140 input[type="submit"]:focus,
  6141. 6141 input[type="button"][disabled]:hover,
  6142. 6142 input[type="button"][disabled]:focus,
  6143. 6143 input[type="reset"][disabled]:hover,
  6144. 6144 input[type="reset"][disabled]:focus,
  6145. 6145 input[type="submit"][disabled]:hover,
  6146. 6146 input[type="submit"][disabled]:focus,
  6147. 6147 .woocommerce #respond input#submit:hover,
  6148. 6148 .woocommerce #respond input#submit:focus,
  6149. 6149 .woocommerce a.button:hover,
  6150. 6150 .woocommerce a.button:focus,
  6151. 6151 .woocommerce button.button:hover,
  6152. 6152 .woocommerce button.button:focus,
  6153. 6153 .woocommerce input.button:hover,
  6154. 6154 .woocommerce input.button:focus,
  6155. 6155 .woocommerce #respond input#submit.alt:hover,
  6156. 6156 .woocommerce a.button.alt:hover,
  6157. 6157 .woocommerce button.button.alt:hover,
  6158. 6158 .woocommerce input.button.alt:hover,
  6159. 6159 .woocommerce #respond input#submit.alt:focus,
  6160. 6160 .woocommerce a.button.alt:focus,
  6161. 6161 .woocommerce button.button.alt:focus,
  6162. 6162 .woocommerce input.button.alt:focus,
  6163. 6163 .woocommerce nav.woocommerce-pagination ul li a:hover,
  6164. 6164 .woocommerce nav.woocommerce-pagination ul li a:focus,
  6165. 6165 #subbutton:hover,
  6166. 6166 #subbutton:focus,
  6167. 6167 .singular-content-wrap .entry-footer .cat-links a:hover,
  6168. 6168 .singular-content-wrap .entry-footer .cat-links a:focus,
  6169. 6169 .singular-content-wrap .entry-footer .tags-links a:hover,
  6170. 6170 .singular-content-wrap .entry-footer .tags-links a:focus,
  6171. 6171 .pagination .page-numbers:hover,
  6172. 6172 .pagination .page-numbers:focus,
  6173. 6173 .pagination .page-numbers.current {
  6174. 6174 color: #222;
  6175. 6175 }
  6176. 6176
  6177. 6177 /* Button Background Color */
  6178. 6178 #scrollup,
  6179. 6179 .widget_calendar tbody a,
  6180. 6180 .custom-header-media .wp-custom-header-video-button,
  6181. 6181 button,
  6182. 6182 button[disabled]:hover,
  6183. 6183 button[disabled]:focus,
  6184. 6184 .button,
  6185. 6185 input[type="button"],
  6186. 6186 input[type="button"][disabled]:hover,
  6187. 6187 input[type="button"][disabled]:focus,
  6188. 6188 input[type="reset"],
  6189. 6189 input[type="reset"][disabled]:hover,
  6190. 6190 input[type="reset"][disabled]:focus,
  6191. 6191 input[type="submit"],
  6192. 6192 input[type="submit"][disabled]:hover,
  6193. 6193 input[type="submit"][disabled]:focus,
  6194. 6194 .woocommerce div.product form.cart .button,
  6195. 6195 .woocommerce #respond input#submit,
  6196. 6196 .woocommerce a.button,
  6197. 6197 .woocommerce button.button,
  6198. 6198 .woocommerce input.button,
  6199. 6199 .woocommerce #respond input#submit.alt,
  6200. 6200 .woocommerce a.button.alt,
  6201. 6201 .woocommerce button.button.alt,
  6202. 6202 .woocommerce input.button.alt,
  6203. 6203 .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
  6204. 6204 .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
  6205. 6205 .sticky-post,
  6206. 6206 .page-links a,
  6207. 6207 .site-main #infinite-handle span,
  6208. 6208 .pagination .prev,
  6209. 6209 .pagination .next,
  6210. 6210 .posts-navigation a,
  6211. 6211 .woocommerce span.onsale,
  6212. 6212 .woocommerce nav.woocommerce-pagination ul li a,
  6213. 6213 .woocommerce nav.woocommerce-pagination ul li span,
  6214. 6214 .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button,
  6215. 6215 .entry-content-wrapper .more-link,
  6216. 6216 .pagination .page-numbers,
  6217. 6217 #feature-slider-section .cycle-pager span {
  6218. 6218 background-color: #111;
  6219. 6219 }
  6220. 6220
  6221. 6221 /* Button Hover Background Color */
  6222. 6222 #scrollup:hover,
  6223. 6223 #scrollup:focus,
  6224. 6224 .widget_calendar tbody a:hover,
  6225. 6225 .widget_calendar tbody a:focus,
  6226. 6226 .entry-content-wrapper .more-link:hover,
  6227. 6227 .entry-content-wrapper .more-link:focus,
  6228. 6228 #feature-slider-section .more-link span:hover,
  6229. 6229 #feature-slider-section .more-link span:hover,
  6230. 6230 .custom-header-media .wp-custom-header-video-button.wp-custom-header-video-pause,
  6231. 6231 .custom-header-media .wp-custom-header-video-button:hover,
  6232. 6232 .custom-header-media .wp-custom-header-video-button:focus,
  6233. 6233 #feature-slider-section .cycle-pager span:hover,
  6234. 6234 #feature-slider-section .cycle-pager span:focus,
  6235. 6235 #feature-slider-section .cycle-pager .cycle-pager-active,
  6236. 6236 button:hover,
  6237. 6237 button:focus,
  6238. 6238 .button:hover,
  6239. 6239 .button:focus,
  6240. 6240 input[type="button"]:hover,
  6241. 6241 input[type="button"]:focus,
  6242. 6242 input[type="reset"]:hover,
  6243. 6243 input[type="reset"]:focus,
  6244. 6244 input[type="submit"]:hover,
  6245. 6245 input[type="submit"]:focus,
  6246. 6246 .woocommerce div.product form.cart .button:hover,
  6247. 6247 .woocommerce div.product form.cart .button:focus,
  6248. 6248 .woocommerce #respond input#submit:hover,
  6249. 6249 .woocommerce a.button:hover,
  6250. 6250 .woocommerce button.button:hover,
  6251. 6251 .woocommerce input.button:hover,
  6252. 6252 .woocommerce #respond input#submit:focus,
  6253. 6253 .woocommerce a.button:focus,
  6254. 6254 .woocommerce button.button:focus,
  6255. 6255 .woocommerce input.button:focus,
  6256. 6256 .woocommerce #respond input#submit.alt:hover,
  6257. 6257 .woocommerce a.button.alt:hover,
  6258. 6258 .woocommerce button.button.alt:hover,
  6259. 6259 .woocommerce input.button.alt:hover,
  6260. 6260 .woocommerce #respond input#submit.alt:focus,
  6261. 6261 .woocommerce a.button.alt:focus,
  6262. 6262 .woocommerce button.button.alt:focus,
  6263. 6263 .woocommerce input.button.alt:focus,
  6264. 6264 .page-links a:hover,
  6265. 6265 .page-links a:focus,
  6266. 6266 .site-main #infinite-handle span:hover,
  6267. 6267 .site-main #infinite-handle span:focus,
  6268. 6268 .pagination .prev:hover,
  6269. 6269 .pagination .prev:focus,
  6270. 6270 .pagination .next:hover,
  6271. 6271 .pagination .next:focus,
  6272. 6272 .posts-navigation a:hover,
  6273. 6273 .posts-navigation a:focus,
  6274. 6274 .woocommerce nav.woocommerce-pagination ul li a:hover,
  6275. 6275 .woocommerce nav.woocommerce-pagination ul li a:focus,
  6276. 6276 .woocommerce nav.woocommerce-pagination ul li span.current,
  6277. 6277 .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button:hover,
  6278. 6278 .catch-instagram-feed-gallery-widget-wrapper .instagram-button .button:focus,
  6279. 6279 .singular-content-wrap .entry-footer .cat-links a:hover,
  6280. 6280 .singular-content-wrap .entry-footer .cat-links a:focus,
  6281. 6281 .singular-content-wrap .entry-footer .tags-links a:hover,
  6282. 6282 .singular-content-wrap .entry-footer .tags-links a:focus,
  6283. 6283 .pagination .page-numbers:hover,
  6284. 6284 .pagination .page-numbers:focus,
  6285. 6285 .pagination .page-numbers.current {
  6286. 6286 background-color: #ffca27;
  6287. 6287 }
  6288. 6288
  6289. 6289 /* Link Color */
  6290. 6290 a,
  6291. 6291 .singular-content-wrap .entry-footer .cat-links a,
  6292. 6292 .singular-content-wrap .entry-footer .tags-links a,
  6293. 6293 .post-navigation .nav-title,
  6294. 6294 .search-submit,
  6295. 6295 .author-name a,
  6296. 6296 .comment-reply-link,
  6297. 6297 .comment-reply-title small a,
  6298. 6298 .entry-title a,
  6299. 6299 .widget-title a,
  6300. 6300 .site-header + .breadcrumb-area .entry-breadcrumbs,
  6301. 6301 .woocommerce .site-header + .breadcrumb-area .woocommerce-breadcrumb,
  6302. 6302 .site-header + .breadcrumb-area .entry-breadcrumbs a,
  6303. 6303 .woocommerce .site-header + .breadcrumb-area .woocommerce-breadcrumb a {
  6304. 6304 color: #222;
  6305. 6305 }
  6306. 6306
  6307. 6307 /* Link Hover Color */
  6308. 6308 a:hover,
  6309. 6309 a:focus,
  6310. 6310 a:active,
  6311. 6311 .site-title a:hover,
  6312. 6312 .site-title a:focus,
  6313. 6313 .menu-toggle:hover,
  6314. 6314 .menu-toggle:focus,
  6315. 6315 .menu-toggle.toggled-on,
  6316. 6316 .menu-toggle.toggled-on:hover,
  6317. 6317 .menu-toggle.toggled-on:focus,
  6318. 6318 #search-toggle:hover,
  6319. 6319 #search-toggle:focus,
  6320. 6320 .search-submit:hover,
  6321. 6321 .search-submit:focus,
  6322. 6322 .dropdown-toggle:hover,
  6323. 6323 .dropdown-toggle:focus,
  6324. 6324 .ctsocialwidget a:hover,
  6325. 6325 .ctsocialwidget a:focus,
  6326. 6326 .post-navigation a:hover .nav-title,
  6327. 6327 .post-navigation a:focus .nav-title,
  6328. 6328 .required,
  6329. 6329 .entry-meta a:hover,
  6330. 6330 .entry-meta a:focus,
  6331. 6331 .entry-meta .icon:hover,
  6332. 6332 .entry-meta .icon:focus,
  6333. 6333 .site-info a:hover,
  6334. 6334 .site-info a:focus,
  6335. 6335 .author-name a:hover,
  6336. 6336 .author-name a:focus,
  6337. 6337 .comment-metadata a:hover,
  6338. 6338 .comment-metadata a:focus,
  6339. 6339 .pingback .comment-edit-link:hover,
  6340. 6340 .pingback .comment-edit-link:focus,
  6341. 6341 .comment-reply-link:hover,
  6342. 6342 .comment-reply-link:focus,
  6343. 6343 .comment-reply-title small a:hover,
  6344. 6344 .comment-reply-title small a:focus,
  6345. 6345 #feature-slider-section .entry-meta .icon:hover,
  6346. 6346 #feature-slider-section .entry-meta .icon:focus,
  6347. 6347 #feature-slider-section .cycle-prev:hover,
  6348. 6348 #feature-slider-section .cycle-prev:focus,
  6349. 6349 #feature-slider-section .cycle-next:hover,
  6350. 6350 #feature-slider-section .cycle-next:focus,
  6351. 6351 #testimonial-content-section .cycle-prev:hover,
  6352. 6352 #testimonial-content-section .cycle-prev:focus,
  6353. 6353 #testimonial-content-section .cycle-next:hover,
  6354. 6354 #testimonial-content-section .cycle-next:focus,
  6355. 6355 #testimonial-content-section .cycle-pager span.cycle-pager-active,
  6356. 6356 .site .skip-link,
  6357. 6357 .entry-title a:hover,
  6358. 6358 .entry-title a:focus,
  6359. 6359 #fullpage .hentry-inner .entry-meta a:hover,
  6360. 6360 #fullpage .hentry-inner .entry-meta a:focus,
  6361. 6361 .site-header + .breadcrumb-area .entry-breadcrumbs a:hover,
  6362. 6362 .site-header + .breadcrumb-area .entry-breadcrumbs a:focus,
  6363. 6363 .woocommerce .site-header + .breadcrumb-area .woocommerce-breadcrumb a:hover,
  6364. 6364 .woocommerce .site-header + .breadcrumb-area .woocommerce-breadcrumb a:focus {
  6365. 6365 color: #ffca27;
  6366. 6366 }
  6367. 6367
  6368. 6368 .menu-toggle:hover,
  6369. 6369 .menu-toggle:focus,
  6370. 6370 .tagcloud a:hover,
  6371. 6371 .tagcloud a:focus {
  6372. 6372 border-color: #ffca27;
  6373. 6373 }
  6374. 6374
  6375. 6375 .arrow-up:hover,
  6376. 6376 .arrow-up:focus {
  6377. 6377 border-bottom-color: #ffca27;
  6378. 6378 }
  6379. 6379
  6380. 6380 .arrow-down:hover,
  6381. 6381 .arrow-down:focus {
  6382. 6382 border-top-color: #ffca27;
  6383. 6383 }
  6384. 6384
  6385. 6385 #updownnav .arrow-up:hover,
  6386. 6386 #updownnav .arrow-up:focus,
  6387. 6387 #updownnav .arrow-down:hover,
  6388. 6388 #updownnav .arrow-down:focus {
  6389. 6389 color: #ffca27;
  6390. 6390 }
  6391. 6391
  6392. 6392 /* Heading Text Color */
  6393. 6393 h1,
  6394. 6394 h2,
  6395. 6395 h3,
  6396. 6396 h4,
  6397. 6397 h5,
  6398. 6398 h6,
  6399. 6399 .page-links > .page-links-title,
  6400. 6400 .author-name,
  6401. 6401 .woocommerce div.product p.price,
  6402. 6402 .woocommerce ul.products li.product .price,
  6403. 6403 input[type="date"]:focus,
  6404. 6404 input[type="time"]:focus,
  6405. 6405 input[type="datetime-local"]:focus,
  6406. 6406 input[type="week"]:focus,
  6407. 6407 input[type="month"]:focus,
  6408. 6408 input[type="text"]:focus,
  6409. 6409 input[type="email"]:focus,
  6410. 6410 input[type="url"]:focus,
  6411. 6411 input[type="password"]:focus,
  6412. 6412 input[type="search"]:focus,
  6413. 6413 input[type="tel"]:focus,
  6414. 6414 input[type="number"]:focus,
  6415. 6415 textarea:focus {
  6416. 6416 color: #000;
  6417. 6417 }
  6418. 6418
  6419. 6419 /* 3% of Heading Text Color */
  6420. 6420 body:not(.home) .site-content .hentry:not(.has-post-thumbnail) .entry-container {
  6421. 6421 background-color: rgba(0, 0, 0, 0.03);
  6422. 6422 }
  6423. 6423
  6424. 6424 /* 5% of Heading Text Color */
  6425. 6425 blockquote,
  6426. 6426 pre {
  6427. 6427 background-color: rgba(0, 0, 0, 0.05);
  6428. 6428 }
  6429. 6429
  6430. 6430 /* 10% of Heading Text Color */
  6431. 6431 #testimonial-content-section .cycle-prev,
  6432. 6432 #testimonial-content-section .cycle-next {
  6433. 6433 background-color: rgba(0, 0, 0, 0.1);
  6434. 6434 }
  6435. 6435
  6436. 6436 @media screen and (min-width: 64em) {
  6437. 6437 .primary-search-wrapper .social-navigation {
  6438. 6438 border-color: rgba(0, 0, 0, 0.1);
  6439. 6439 }
  6440. 6440 }
  6441. 6441
  6442. 6442 /* 30% of Heading Text Color */
  6443. 6443 #testimonial-content-section .cycle-prev:hover,
  6444. 6444 #testimonial-content-section .cycle-prev:focus,
  6445. 6445 #testimonial-content-section .cycle-next:hover,
  6446. 6446 #testimonial-content-section .cycle-next:focus {
  6447. 6447 background-color: rgba(0, 0, 0, 0.3);
  6448. 6448 }
  6449. 6449
  6450. 6450 /* 36% of Heading Text Color */
  6451. 6451 .entry-meta a,
  6452. 6452 #fullpage .hentry-inner .entry-meta a,
  6453. 6453 #testimonial-content-section .cycle-pager span,
  6454. 6454 .widget_recent_entries .post-date,
  6455. 6455 .widget_rss .rss-date,
  6456. 6456 .widget_rss cite,
  6457. 6457 #search-toggle,
  6458. 6458 .entry-caption,
  6459. 6459 .wp-caption .wp-caption-text,
  6460. 6460 .ctsocialwidget a,
  6461. 6461 .comment-metadata,
  6462. 6462 .pingback .edit-link,
  6463. 6463 .comment-metadata a,
  6464. 6464 .pingback .comment-edit-link,
  6465. 6465 .comment-notes,
  6466. 6466 .comment-awaiting-moderation,
  6467. 6467 .logged-in-as,
  6468. 6468 .form-allowed-tags,
  6469. 6469 .entry-meta .icon,
  6470. 6470 input[type="date"],
  6471. 6471 input[type="time"],
  6472. 6472 input[type="datetime-local"],
  6473. 6473 input[type="week"],
  6474. 6474 input[type="month"],
  6475. 6475 input[type="text"],
  6476. 6476 input[type="email"],
  6477. 6477 input[type="url"],
  6478. 6478 input[type="password"],
  6479. 6479 input[type="search"],
  6480. 6480 input[type="tel"],
  6481. 6481 input[type="number"],
  6482. 6482 textarea,
  6483. 6483 .post-navigation .nav-subtitle {
  6484. 6484 color: rgba(0, 0, 0, 0.36);
  6485. 6485 }
  6486. 6486
  6487. 6487 .entry-meta .posted-on:before,
  6488. 6488 #fullpage .hentry-inner .entry-meta .posted-on:before {
  6489. 6489 border-color: rgba(0, 0, 0, 0.36);
  6490. 6490 }
  6491. 6491
  6492. 6492 /* 50% of Heading Text Color */
  6493. 6493 #search-container input[type="search"],
  6494. 6494 .site-footer input[type="search"] {
  6495. 6495 color: rgba(0, 0, 0, 0.5);
  6496. 6496 }
  6497. 6497
  6498. 6498 /* 80% of Heading Text Color */
  6499. 6499 #search-container input[type="search"]:focus,
  6500. 6500 .site-footer input[type="search"]:focus {
  6501. 6501 color: rgba(0, 0, 0, 0.8);
  6502. 6502 }
  6503. 6503
  6504. 6504 mark,
  6505. 6505 ins {
  6506. 6506 background-color: rgba(0, 0, 0, 0.8);
  6507. 6507 }
  6508. 6508
  6509. 6509 /* 93% of Heading Text Color */
  6510. 6510 .singular-content-wrap .entry-footer .cat-links a,
  6511. 6511 .singular-content-wrap .entry-footer .tags-links a,
  6512. 6512 .comment-respond,
  6513. 6513 input[type="date"]:focus,
  6514. 6514 input[type="time"]:focus,
  6515. 6515 input[type="datetime-local"]:focus,
  6516. 6516 input[type="week"]:focus,
  6517. 6517 input[type="month"]:focus,
  6518. 6518 input[type="text"]:focus,
  6519. 6519 input[type="email"]:focus,
  6520. 6520 input[type="url"]:focus,
  6521. 6521 input[type="password"]:focus,
  6522. 6522 input[type="search"]:focus,
  6523. 6523 input[type="tel"]:focus,
  6524. 6524 input[type="number"]:focus,
  6525. 6525 textarea:focus,
  6526. 6526 .site-header + .breadcrumb-area .entry-breadcrumbs a:after,
  6527. 6527 .woocommerce .site-header + .breadcrumb-area .woocommerce-breadcrumb a:after {
  6528. 6528 border-color: rgba(0, 0, 0, 0.93);
  6529. 6529 }
  6530. 6530
  6531. 6531 /* Border Color */
  6532. 6532 table,
  6533. 6533 th,
  6534. 6534 td,
  6535. 6535 input[type="date"],
  6536. 6536 input[type="time"],
  6537. 6537 input[type="datetime-local"],
  6538. 6538 input[type="week"],
  6539. 6539 input[type="month"],
  6540. 6540 input[type="text"],
  6541. 6541 input[type="email"],
  6542. 6542 input[type="url"],
  6543. 6543 input[type="password"],
  6544. 6544 input[type="search"],
  6545. 6545 input[type="tel"],
  6546. 6546 input[type="number"],
  6547. 6547 textarea,
  6548. 6548 .tagcloud a,
  6549. 6549 #header-navigation-area,
  6550. 6550 .site-primary-menu,
  6551. 6551 .page-links a,
  6552. 6552 .page-links > span,
  6553. 6553 .comment-list article,
  6554. 6554 .comment-list .pingback,
  6555. 6555 .comment-list .trackback,
  6556. 6556 .image-navigation,
  6557. 6557 .comment-navigation,
  6558. 6558 body:not(.home) .site-content .hentry,
  6559. 6559 .site-main #infinite-handle {
  6560. 6560 border-color: #ececec;
  6561. 6561 }
  6562. 6562
  6563. 6563 /* Footer Background Color */
  6564. 6564 #site-generator {
  6565. 6565 background-color: #1a1a1a;
  6566. 6566 }
  6567. 6567
  6568. 6568 /* Footer Title Color */
  6569. 6569 .site-footer .widget .widget-title,
  6570. 6570 .site-footer .widget .wp-block-group h2 {
  6571. 6571 color: #c7c7c7;
  6572. 6572 }
  6573. 6573
  6574. 6574 /* Footer Text Color */
  6575. 6575 .site-footer {
  6576. 6576 color: #bababa;
  6577. 6577 }
  6578. 6578
  6579. 6579 /* Footer Title Border Color */
  6580. 6580 .author-title:after,
  6581. 6581 .widget .widget-title:after,
  6582. 6582 .widget .wp-block-group h2:after {
  6583. 6583 color: #434343;
  6584. 6584 }
  6585. 6585
  6586. 6586 /* Secondary Link Color */
  6587. 6587 .site-navigation a,
  6588. 6588 .social-navigation a,
  6589. 6589 .entry-content-wrapper .entry-title a,
  6590. 6590 .site-footer a,
  6591. 6591 .entry-breadcrumbs,
  6592. 6592 .woocommerce .woocommerce-breadcrumb,
  6593. 6593 .entry-breadcrumbs a,
  6594. 6594 .woocommerce .woocommerce-breadcrumb a,
  6595. 6595 .menu-toggle,
  6596. 6596 .dropdown-toggle,
  6597. 6597 .entry-content-wrapper .entry-meta a,
  6598. 6598 .entry-content-wrapper a {
  6599. 6599 color: #fff;
  6600. 6600 }
  6601. 6601
  6602. 6602 .entry-breadcrumbs a:after,
  6603. 6603 .woocommerce .woocommerce-breadcrumb a:after {
  6604. 6604 border-color: #fff;
  6605. 6605 }
  6606. 6606
  6607. 6607 body #fp-nav ul li a span,
  6608. 6608 body .fp-slidesNav ul li a span {
  6609. 6609 background-color: #fff;
  6610. 6610 }
  6611. 6611
  6612. 6612 #updownnav .arrow-up,
  6613. 6613 #updownnav .arrow-down {
  6614. 6614 border-color: #fff;
  6615. 6615 }
  6616. 6616
  6617. 6617 .arrow-up {
  6618. 6618 border-bottom-color: #fff;
  6619. 6619 }
  6620. 6620
  6621. 6621 .arrow-down {
  6622. 6622 border-top-color: #fff;
  6623. 6623 }
  6624. 6624
  6625. 6625 .custom-header .entry-meta .posted-on:before,
  6626. 6626 #fullpage .entry-meta .posted-on:before {
  6627. 6627 border-color: #fff;
  6628. 6628 }
  6629. 6629
  6630. 6630 /* Secondary Link Hover Color */
  6631. 6631 .site-navigation a:hover,
  6632. 6632 .site-navigation a:focus,
  6633. 6633 .social-navigation a:hover,
  6634. 6634 .social-navigation a:focus,
  6635. 6635 .entry-content-wrapper .entry-title a:hover,
  6636. 6636 .entry-content-wrapper .entry-title a:focus,
  6637. 6637 .site-footer a:hover,
  6638. 6638 .site-footer a:focus,
  6639. 6639 .entry-breadcrumbs a:hover,
  6640. 6640 .entry-breadcrumbs a:focus,
  6641. 6641 .entry-breadcrumbs a:active,
  6642. 6642 .woocommerce .woocommerce-breadcrumb a:hover,
  6643. 6643 .woocommerce .woocommerce-breadcrumb a:focus,
  6644. 6644 .woocommerce .woocommerce-breadcrumb a:active,
  6645. 6645 .site-navigation .current-menu-item > a,
  6646. 6646 .site-navigation .current-menu-ancestor > a,
  6647. 6647 .entry-content-wrapper .entry-meta a:hover,
  6648. 6648 .entry-content-wrapper .entry-meta a:focus,
  6649. 6649 .entry-content-wrapper a:hover,
  6650. 6650 .entry-content-wrapper a:focus {
  6651. 6651 color: #ffca27;
  6652. 6652 }
  6653. 6653
  6654. 6654 body #fp-nav ul li a.active span,
  6655. 6655 body .fp-slidesNav ul li a.active span {
  6656. 6656 background-color: #ffca27;
  6657. 6657 }
  6658. 6658
  6659. 6659 /* Extra Colors */
  6660. 6660 .custom-header:after,
  6661. 6661 .has-section-background-image:before {
  6662. 6662 background-color: rgba(0, 0, 0, 0.1);
  6663. 6663 }
  6664. 6664
  6665. 6665 #fullpage .content-background .entry-container {
  6666. 6666 background-color: rgba(0, 0, 0, 0.5);
  6667. 6667 }
  6668. 6668
  6669. 6669 #fullpage .content-background .hentry-inner .entry-container {
  6670. 6670 background-color: transparent;
  6671. 6671 }
  6672. 6672
  6673. 6673 @media screen and (min-width: 64em) {
  6674. 6674 .site-footer .footer-widget-area {
  6675. 6675 border-color: transparent;
  6676. 6676 }
  6677. 6677 }
  6678. 6678
  6679. 6679 /*--------------------------------------------------------------
  6680. 6680 # Featured Content Color
  6681. 6681 --------------------------------------------------------------*/
  6682. 6682
  6683. 6683 /* Gradient Background Color */
  6684. 6684 #featured-content-section {
  6685. 6685 background-image: -webkit-linear-gradient(-65deg, #89f7fe, #66a6ff);
  6686. 6686 background-image: linear-gradient(155deg, #89f7fe, #66a6ff);
  6687. 6687 }
  6688. 6688
  6689. 6689 /* Section Title */
  6690. 6690 #featured-content-section .section-title {
  6691. 6691 color: #222;
  6692. 6692 }
  6693. 6693
  6694. 6694 /* Section Sub-Title */
  6695. 6695 #featured-content-section .section-subtitle {
  6696. 6696 color: #222;
  6697. 6697 }
  6698. 6698
  6699. 6699 /* Content Box */
  6700. 6700 #featured-content-section .hentry-inner {
  6701. 6701 background-color: #fff;
  6702. 6702 }
  6703. 6703
  6704. 6704 /* Title */
  6705. 6705 #featured-content-section .entry-title a {
  6706. 6706 color: #222;
  6707. 6707 }
  6708. 6708
  6709. 6709 /* Title Hover */
  6710. 6710 #featured-content-section .entry-title a:hover,
  6711. 6711 #featured-content-section .entry-title a:focus {
  6712. 6712 color: #ffca27;
  6713. 6713 }
  6714. 6714
  6715. 6715 /* Content */
  6716. 6716 #featured-content-section .entry-content,
  6717. 6717 #featured-content-section .entry-summary {
  6718. 6718 color: #333;
  6719. 6719 }
  6720. 6720
  6721. 6721 /* More Link */
  6722. 6722 #featured-content-section .hentry .more-link {
  6723. 6723 color: #222;
  6724. 6724 }
  6725. 6725
  6726. 6726 /* More Link hover */
  6727. 6727 #featured-content-section .hentry .more-link:hover,
  6728. 6728 #featured-content-section .hentry .more-link:focus {
  6729. 6729 color: #ffca27;
  6730. 6730 }
  6731. 6731
  6732. 6732 /* View All Text */
  6733. 6733 #featured-content-section .view-all-button .more-link {
  6734. 6734 color: #fff;
  6735. 6735 }
  6736. 6736
  6737. 6737 /* View All Text Hover */
  6738. 6738 #featured-content-section .view-all-button .more-link:hover,
  6739. 6739 #featured-content-section .view-all-button .more-link:focus {
  6740. 6740 color: #222;
  6741. 6741 }
  6742. 6742
  6743. 6743 /* View All Background */
  6744. 6744 #featured-content-section .view-all-button .more-link {
  6745. 6745 background-color: #111;
  6746. 6746 }
  6747. 6747
  6748. 6748 /* View All Background Hover */
  6749. 6749 #featured-content-section .view-all-button .more-link:hover,
  6750. 6750 #featured-content-section .view-all-button .more-link:focus {
  6751. 6751 background-color: #ffca27;
  6752. 6752 }
  6753. 6753
  6754. 6754 /*--------------------------------------------------------------
  6755. 6755 # Services Color
  6756. 6756 --------------------------------------------------------------*/
  6757. 6757
  6758. 6758 /* Gradient Background Color */
  6759. 6759 #service-content-section {
  6760. 6760 background-image: -webkit-linear-gradient(90deg, #b3ffab, #12fff6);
  6761. 6761 background-image: linear-gradient(0deg, #b3ffab, #12fff6);
  6762. 6762 }
  6763. 6763
  6764. 6764 /* Section Title */
  6765. 6765 #service-content-section .section-title {
  6766. 6766 color: #222;
  6767. 6767 }
  6768. 6768
  6769. 6769 /* Section Sub-Title */
  6770. 6770 #service-content-section .section-subtitle {
  6771. 6771 color: #222;
  6772. 6772 }
  6773. 6773
  6774. 6774 /* Title */
  6775. 6775 #service-content-section .entry-title a {
  6776. 6776 color: #222;
  6777. 6777 }
  6778. 6778
  6779. 6779 /* Title Hover */
  6780. 6780 #service-content-section .entry-title a:hover,
  6781. 6781 #service-content-section .entry-title a:focus {
  6782. 6782 color: #ffca27;
  6783. 6783 }
  6784. 6784
  6785. 6785 /* Content */
  6786. 6786 #service-content-section .entry-content,
  6787. 6787 #service-content-section .entry-summary {
  6788. 6788 color: #333;
  6789. 6789 }
  6790. 6790
  6791. 6791 /* More Link */
  6792. 6792 #service-content-section .hentry .more-link {
  6793. 6793 color: #222;
  6794. 6794 }
  6795. 6795
  6796. 6796 /* More Link hover */
  6797. 6797 #service-content-section .hentry .more-link:hover,
  6798. 6798 #service-content-section .hentry .more-link:focus {
  6799. 6799 color: #ffca27;
  6800. 6800 }
  6801. 6801
  6802. 6802 /* View All Text */
  6803. 6803 #service-content-section .view-all-button .more-link {
  6804. 6804 color: #fff;
  6805. 6805 }
  6806. 6806
  6807. 6807 /* View All Text Hover */
  6808. 6808 #service-content-section .view-all-button .more-link:hover,
  6809. 6809 #service-content-section .view-all-button .more-link:focus {
  6810. 6810 color: #222;
  6811. 6811 }
  6812. 6812
  6813. 6813 /* View All Background */
  6814. 6814 #service-content-section .view-all-button .more-link {
  6815. 6815 background-color: #111;
  6816. 6816 }
  6817. 6817
  6818. 6818 /* View All Background Hover */
  6819. 6819 #service-content-section .view-all-button .more-link:hover,
  6820. 6820 #service-content-section .view-all-button .more-link:focus {
  6821. 6821 background-color: #ffca27;
  6822. 6822 }
  6823. 6823
  6824. 6824 /*--------------------------------------------------------------
  6825. 6825 # Portfolio Color
  6826. 6826 --------------------------------------------------------------*/
  6827. 6827
  6828. 6828 #portfolio-content-section {
  6829. 6829 background-image: -webkit-linear-gradient(-65deg, #89f7fe, #66a6ff);
  6830. 6830 background-image: linear-gradient(155deg, #89f7fe, #66a6ff);
  6831. 6831 }
  6832. 6832
  6833. 6833 /* Section Title */
  6834. 6834 #portfolio-content-section .section-title {
  6835. 6835 color: #fff;
  6836. 6836 }
  6837. 6837
  6838. 6838 /* Section Sub-Title */
  6839. 6839 #portfolio-content-section .section-subtitle {
  6840. 6840 color: #fff;
  6841. 6841 }
  6842. 6842
  6843. 6843 /* Title */
  6844. 6844 #portfolio-content-section .entry-title a {
  6845. 6845 color: #fff;
  6846. 6846 }
  6847. 6847
  6848. 6848 /* Title Hover */
  6849. 6849 #portfolio-content-section .entry-title a:hover,
  6850. 6850 #portfolio-content-section .entry-title a:focus {
  6851. 6851 color: #ffca27;
  6852. 6852 }
  6853. 6853
  6854. 6854 /* View Icon */
  6855. 6855 #portfolio-content-section .view-detail {
  6856. 6856 color: #333;
  6857. 6857 }
  6858. 6858
  6859. 6859 /* View Icon Hover */
  6860. 6860 #portfolio-content-section .view-detail:hover,
  6861. 6861 #portfolio-content-section .view-detail:focus {
  6862. 6862 color: #fff;
  6863. 6863 }
  6864. 6864
  6865. 6865 /* View Icon Background */
  6866. 6866 #portfolio-content-section .view-detail {
  6867. 6867 background-color: #fff;
  6868. 6868 }
  6869. 6869
  6870. 6870 /* View Icon Background Hover */
  6871. 6871 #portfolio-content-section .view-detail:hover,
  6872. 6872 #portfolio-content-section .view-detail:focus {
  6873. 6873 background-color: #ffca27;
  6874. 6874 }
  6875. 6875
  6876. 6876 /* View All Text */
  6877. 6877 #portfolio-content-section .view-all-button .more-link {
  6878. 6878 color: #fff;
  6879. 6879 }
  6880. 6880
  6881. 6881 /* View All Text Hover */
  6882. 6882 #portfolio-content-section .view-all-button .more-link:hover,
  6883. 6883 #portfolio-content-section .view-all-button .more-link:focus {
  6884. 6884 color: #222;
  6885. 6885 }
  6886. 6886
  6887. 6887 /* View All Background */
  6888. 6888 #portfolio-content-section .view-all-button .more-link {
  6889. 6889 background-color: #111;
  6890. 6890 }
  6891. 6891
  6892. 6892 /* View All Background Hover */
  6893. 6893 #portfolio-content-section .view-all-button .more-link:hover,
  6894. 6894 #portfolio-content-section .view-all-button .more-link:focus {
  6895. 6895 background-color: #ffca27;
  6896. 6896 }
  6897. 6897
  6898. 6898
  6899. 6899 /*--------------------------------------------------------------
  6900. 6900 # Hero Color
  6901. 6901 --------------------------------------------------------------*/
  6902. 6902
  6903. 6903 /* Gradient Background Color */
  6904. 6904 #hero-section {
  6905. 6905 background-image: -webkit-linear-gradient(180deg, #fbc7d4, #9796f0);
  6906. 6906 background-image: linear-gradient(-90deg, #fbc7d4, #9796f0);
  6907. 6907 }
  6908. 6908
  6909. 6909 /* Title */
  6910. 6910 #hero-section .entry-title {
  6911. 6911 color: #333;
  6912. 6912 }
  6913. 6913
  6914. 6914 /* Content */
  6915. 6915 #hero-section .entry-content,
  6916. 6916 #hero-section .entry-summary {
  6917. 6917 color: #333;
  6918. 6918 }
  6919. 6919
  6920. 6920 /* View All Text */
  6921. 6921 #hero-section .more-link {
  6922. 6922 color: #fff;
  6923. 6923 }
  6924. 6924
  6925. 6925 /* View All Text Hover */
  6926. 6926 #hero-section .more-link:hover,
  6927. 6927 #hero-section .more-link:focus {
  6928. 6928 color: #222;
  6929. 6929 }
  6930. 6930
  6931. 6931 /* View All Background */
  6932. 6932 #hero-section .more-link {
  6933. 6933 background-color: #111;
  6934. 6934 }
  6935. 6935
  6936. 6936 /* View All Background Hover */
  6937. 6937 #hero-section .more-link:hover,
  6938. 6938 #hero-section .more-link:focus {
  6939. 6939 background-color: #ffca27;
  6940. 6940 }
  6941. 6941
  6942. 6942 /*--------------------------------------------------------------
  6943. 6943 # Gallery Color
  6944. 6944 --------------------------------------------------------------*/
  6945. 6945
  6946. 6946 /* Gradient Background Color */
  6947. 6947 #gallery-content-section {
  6948. 6948 background-image: -webkit-linear-gradient(-153deg, #c2e59c, #64b3f4);
  6949. 6949 background-image: linear-gradient(243deg, #c2e59c, #64b3f4);
  6950. 6950 }
  6951. 6951
  6952. 6952 /* Section Title */
  6953. 6953 #gallery-content-section .section-title {
  6954. 6954 color: #fff;
  6955. 6955 }
  6956. 6956
  6957. 6957 /* Content */
  6958. 6958 #gallery-content-section .entry-content,
  6959. 6959 #gallery-content-section .entry-summary {
  6960. 6960 color: #fff;
  6961. 6961 }
  6962. 6962
  6963. 6963 /*--------------------------------------------------------------
  6964. 6964 # Promotion Color
  6965. 6965 --------------------------------------------------------------*/
  6966. 6966
  6967. 6967 /* Gradient Background Color */
  6968. 6968 #promotion-section {
  6969. 6969 background-image: -webkit-linear-gradient(0deg, #89f7fe, #66a6ff);
  6970. 6970 background-image: linear-gradient(90deg, #89f7fe, #66a6ff);
  6971. 6971 }
  6972. 6972
  6973. 6973 /* Title */
  6974. 6974 #promotion-section .entry-title {
  6975. 6975 color: #fff;
  6976. 6976 }
  6977. 6977
  6978. 6978 /* Content */
  6979. 6979 #promotion-section .entry-content,
  6980. 6980 #promotion-section .entry-summary {
  6981. 6981 color: #fff;
  6982. 6982 }
  6983. 6983
  6984. 6984 /* View All Text */
  6985. 6985 #promotion-section .more-link {
  6986. 6986 color: #fff;
  6987. 6987 }
  6988. 6988
  6989. 6989 /* View All Text Hover */
  6990. 6990 #promotion-section .more-link:hover,
  6991. 6991 #promotion-section .more-link:focus {
  6992. 6992 color: #222;
  6993. 6993 }
  6994. 6994
  6995. 6995 /* View All Background */
  6996. 6996 #promotion-section .more-link {
  6997. 6997 background-color: #111;
  6998. 6998 }
  6999. 6999
  7000. 7000 /* View All Background Hover */
  7001. 7001 #promotion-section .more-link:hover,
  7002. 7002 #promotion-section .more-link:focus {
  7003. 7003 background-color: #ffca27;
  7004. 7004 }
  7005. 7005
  7006. 7006 #promotion-section.content-frame .entry-container-frame {
  7007. 7007 background-color: rgba(0, 0, 0, 0.5);
  7008. 7008 }
  7009. 7009
  7010. 7010 /* Headings */
  7011. 7011 #promotion-section h1,
  7012. 7012 #promotion-section h2,
  7013. 7013 #promotion-section h3,
  7014. 7014 #promotion-section h4,
  7015. 7015 #promotion-section h5,
  7016. 7016 #promotion-section h6 {
  7017. 7017 color: #fff;
  7018. 7018 }
  7019. 7019
  7020. 7020 /*--------------------------------------------------------------
  7021. 7021 # Testimonial Color
  7022. 7022 --------------------------------------------------------------*/
  7023. 7023
  7024. 7024 /* Gradient Background Color */
  7025. 7025 #testimonial-content-section {
  7026. 7026 background-image: -webkit-linear-gradient(17deg, #13547a, #80d0c7);
  7027. 7027 background-image: linear-gradient(73deg, #13547a, #80d0c7);
  7028. 7028 }
  7029. 7029
  7030. 7030 /* Section Title */
  7031. 7031 #testimonial-content-section .section-title {
  7032. 7032 color: #fff;
  7033. 7033 }
  7034. 7034
  7035. 7035 /* Section Sub-Title */
  7036. 7036 #testimonial-content-section .section-subtitle {
  7037. 7037 color: #fff;
  7038. 7038 }
  7039. 7039
  7040. 7040 /* Title */
  7041. 7041 #testimonial-content-section .entry-title a {
  7042. 7042 color: #fff;
  7043. 7043 }
  7044. 7044
  7045. 7045 /* Title Hover */
  7046. 7046 #testimonial-content-section .entry-title a:hover,
  7047. 7047 #testimonial-content-section .entry-title a:focus {
  7048. 7048 color: #ffca27;
  7049. 7049 }
  7050. 7050
  7051. 7051 /* Content */
  7052. 7052 #testimonial-content-section .entry-content,
  7053. 7053 #testimonial-content-section .entry-summary {
  7054. 7054 color: #fff;
  7055. 7055 }
  7056. 7056
  7057. 7057 /* Position */
  7058. 7058 #testimonial-content-section .entry-position {
  7059. 7059 color: #fff;
  7060. 7060 }
  7061. 7061
  7062. 7062 #testimonial-content-section .entry-content:after,
  7063. 7063 #testimonial-content-section .entry-summary:after {
  7064. 7064 background-color: #4890a0;
  7065. 7065 }
  7066. 7066
  7067. 7067 /* Headings */
  7068. 7068 #testimonial-content-section h1,
  7069. 7069 #testimonial-content-section h2,
  7070. 7070 #testimonial-content-section h3,
  7071. 7071 #testimonial-content-section h4,
  7072. 7072 #testimonial-content-section h5,
  7073. 7073 #testimonial-content-section h6 {
  7074. 7074 color: #fff;
  7075. 7075 }
  7076. 7076
  7077. 7077 /*--------------------------------------------------------------
  7078. 7078 # Team Color
  7079. 7079 --------------------------------------------------------------*/
  7080. 7080
  7081. 7081 /* Gradient Background Color */
  7082. 7082 #team-content-section {
  7083. 7083 background-image: -webkit-linear-gradient(-65deg, #ff758c, #ff7eb3);
  7084. 7084 background-image: linear-gradient(155deg, #ff758c, #ff7eb3);
  7085. 7085 }
  7086. 7086
  7087. 7087 /* Section Title */
  7088. 7088 #team-content-section .section-title {
  7089. 7089 color: #fff;
  7090. 7090 }
  7091. 7091
  7092. 7092 /* Section Sub-Title */
  7093. 7093 #team-content-section .section-subtitle {
  7094. 7094 color: #fff;
  7095. 7095 }
  7096. 7096
  7097. 7097 /* Content Box */
  7098. 7098 .team-content-wrapper .hentry-inner {
  7099. 7099 background-color: #fff;
  7100. 7100 }
  7101. 7101
  7102. 7102 /* Title */
  7103. 7103 #team-content-section .entry-title a {
  7104. 7104 color: #222;
  7105. 7105 }
  7106. 7106
  7107. 7107 /* Title Hover */
  7108. 7108 #team-content-section .entry-title a:hover,
  7109. 7109 #team-content-section .entry-title a:focus {
  7110. 7110 color: #ffca27;
  7111. 7111 }
  7112. 7112
  7113. 7113 /* Position */
  7114. 7114 #team-content-section .entry-position {
  7115. 7115 color: #333;
  7116. 7116 }
  7117. 7117
  7118. 7118 /* Content */
  7119. 7119 #team-content-section .entry-content,
  7120. 7120 #team-content-section .entry-summary {
  7121. 7121 color: #333;
  7122. 7122 }
  7123. 7123
  7124. 7124 /* More Link */
  7125. 7125 #team-content-section .hentry .more-link {
  7126. 7126 color: #222;
  7127. 7127 }
  7128. 7128
  7129. 7129 /* More Link hover */
  7130. 7130 #team-content-section .hentry .more-link:hover,
  7131. 7131 #team-content-section .hentry .more-link:focus {
  7132. 7132 color: #ffca27;
  7133. 7133 }
  7134. 7134
  7135. 7135 /* View All Text */
  7136. 7136 #team-content-section .view-all-button .more-link {
  7137. 7137 color: #fff;
  7138. 7138 }
  7139. 7139
  7140. 7140 /* View All Text Hover */
  7141. 7141 #team-content-section .view-all-button .more-link:hover,
  7142. 7142 #team-content-section .view-all-button .more-link:focus {
  7143. 7143 color: #222;
  7144. 7144 }
  7145. 7145
  7146. 7146 /* View All Background */
  7147. 7147 #team-content-section .view-all-button .more-link {
  7148. 7148 background-color: #111;
  7149. 7149 }
  7150. 7150
  7151. 7151 /* View All Background Hover */
  7152. 7152 #team-content-section .view-all-button .more-link:hover,
  7153. 7153 #team-content-section .view-all-button .more-link:focus {
  7154. 7154 background-color: #ffca27;
  7155. 7155 }
  7156. 7156
  7157. 7157
  7158. 7158 /*--------------------------------------------------------------
  7159. 7159 # Recent Blog Color
  7160. 7160 --------------------------------------------------------------*/
  7161. 7161
  7162. 7162 /* Gradient Background Color */
  7163. 7163 .recent-blog-section {
  7164. 7164 background-image: -webkit-linear-gradient(180deg, #5f2c82, #49a09d);
  7165. 7165 background-image: linear-gradient(-90deg, #5f2c82, #49a09d);
  7166. 7166 }
  7167. 7167
  7168. 7168 /* Section Title */
  7169. 7169 .recent-blog-section .section-title {
  7170. 7170 color: #fff;
  7171. 7171 }
  7172. 7172
  7173. 7173 /* Section Sub-Title */
  7174. 7174 .recent-blog-section .section-subtitle {
  7175. 7175 color: #fff;
  7176. 7176 }
  7177. 7177
  7178. 7178 /* Content Box */
  7179. 7179 .recent-blog-section .hentry-inner {
  7180. 7180 background-color: #fff;
  7181. 7181 }
  7182. 7182
  7183. 7183 /* Title */
  7184. 7184 .recent-blog-section .entry-title a {
  7185. 7185 color: #222;
  7186. 7186 }
  7187. 7187
  7188. 7188 /* Title Hover */
  7189. 7189 .recent-blog-section .entry-title a:hover,
  7190. 7190 .recent-blog-section .entry-title a:focus {
  7191. 7191 color: #ffca27;
  7192. 7192 }
  7193. 7193
  7194. 7194 /* Content */
  7195. 7195 .recent-blog-section .entry-content,
  7196. 7196 .recent-blog-section .entry-summary {
  7197. 7197 color: #333;
  7198. 7198 }
  7199. 7199
  7200. 7200 /* More Link */
  7201. 7201 .recent-blog-section .hentry .more-link {
  7202. 7202 color: #222;
  7203. 7203 }
  7204. 7204
  7205. 7205 /* More Link hover */
  7206. 7206 .recent-blog-section .hentry .more-link:hover,
  7207. 7207 .recent-blog-section .hentry .more-link:focus {
  7208. 7208 color: #ffca27;
  7209. 7209 }
  7210. 7210
  7211. 7211 /* View All Text */
  7212. 7212 .recent-blog-section .view-all-button .more-link {
  7213. 7213 color: #fff;
  7214. 7214 }
  7215. 7215
  7216. 7216 /* View All Text Hover */
  7217. 7217 .recent-blog-section .view-all-button .more-link:hover,
  7218. 7218 .recent-blog-section .view-all-button .more-link:focus {
  7219. 7219 color: #222;
  7220. 7220 }
  7221. 7221
  7222. 7222 /* View All Background */
  7223. 7223 .recent-blog-section .view-all-button .more-link {
  7224. 7224 background-color: #111;
  7225. 7225 }
  7226. 7226
  7227. 7227 /* View All Background Hover */
  7228. 7228 .recent-blog-section .view-all-button .more-link:hover,
  7229. 7229 .recent-blog-section .view-all-button .more-link:focus {
  7230. 7230 background-color: #ffca27;
  7231. 7231 }
  7232. 7232
  7233. 7233 /*--------------------------------------------------------------
  7234. 7234 # Instagram Color
  7235. 7235 --------------------------------------------------------------*/
  7236. 7236
  7237. 7237 /* Gradient Background Color */
  7238. 7238 #footer-instagram {
  7239. 7239 background-image: -webkit-linear-gradient(180deg, #e65c00, #833ab4);
  7240. 7240 background-image: linear-gradient(90deg, #e65c00, #833ab4);
  7241. 7241 }
  7242. 7242
  7243. 7243 /* Section Title */
  7244. 7244 #footer-instagram .widget-title {
  7245. 7245 color: #fff;
  7246. 7246 }
  7247. 7247
  7248. 7248 /*--------------------------------------------------------------
  7249. 7249 # Site Content Color
  7250. 7250 --------------------------------------------------------------*/
  7251. 7251
  7252. 7252 /* Gradient Background Color */
  7253. 7253 .home.page .site-content {
  7254. 7254 background-image: -webkit-linear-gradient(90deg, #f3e7e9, #dad4ec);
  7255. 7255 background-image: linear-gradient(0deg, #f3e7e9, #dad4ec);
  7256. 7256 }
  7257. 7257
  7258. 7258 .home.page .site-content .entry-title {
  7259. 7259 color: #000;
  7260. 7260 }
  7261. 7261
  7262. 7262 .home.page .site-content .entry-content,
  7263. 7263 .home.page .site-content .entry-summary {
  7264. 7264 color: #333;
  7265. 7265 }
  7266. 7266
  7267. 7267 .home.page .site-content .comment-respond .comment-reply-title {
  7268. 7268 background-color: #e0d9eb;
  7269. 7269 }
  7270. 7270
  7271. 7271 .home.page .site-content h1,
  7272. 7272 .home.page .site-content h2,
  7273. 7273 .home.page .site-content h3,
  7274. 7274 .home.page .site-content h4,
  7275. 7275 .home.page .site-content h5,
  7276. 7276 .home.page .site-content h6 {
  7277. 7277 color: #000;
  7278. 7278 }
  7279. 7279
  7280. 7280 /* Image zooming bug fix for IOS devices */
  7281. 7281 @supports (-webkit-overflow-scrolling: touch) {
  7282. 7282 .normal-scrolling-enabled #fullpage .section,
  7283. 7283 .normal-scrolling-enabled #feature-slider-section .hentry,
  7284. 7284 .enable-scroll-bar #fullpage .section,
  7285. 7285 .enable-scroll-bar #feature-slider-section .hentry {
  7286. 7286 background-attachment: scroll;
  7287. 7287 }
  7288. 7288 }
  7289. 7289
Bookmark: javascript:location='http://shauninman.com/vs/?url='+escape(location)