@font-face{font-family:'FontAwesome';src:url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}@font-face {
font-family: 'MyriadPro-Regular';
src: url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/MyriadPro-Regular.eot?#iefix) format('embedded-opentype'),  url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/MyriadPro-Regular.otf)  format('opentype'),
url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/MyriadPro-Regular.woff) format('woff'), url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/MyriadPro-Regular.ttf)  format('truetype'), url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/MyriadPro-Regular.svg#MyriadPro-Regular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MyriadPro-Bold';
src: url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/MyriadPro-Bold.eot?#iefix) format('embedded-opentype'),  url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/MyriadPro-Bold.otf)  format('opentype'),
url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/MyriadPro-Bold.woff) format('woff'), url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/MyriadPro-Bold.ttf)  format('truetype'), url(//fabfloorings.ae/wp-content/plugins/accesspress-social-counter/fonts/MyriadPro-Bold.svg#MyriadPro-Bold) format('svg');
font-weight: normal;
font-style: normal;
}
.clearfix:after, .clearfix:before{ display:table; content:""}
.clearfix:after{ clear:both};
.clearfix{*zoom:1}
.apsc-each-profile {
font-family: 'MyriadPro-Regular';
}
.apsc-theme-1 .apsc-each-profile {
float: left;
min-height: 80px;
text-align: center;
width: 80px;
margin: 5px;
}
.apsc-each-profile a{
font-weight:normal;
color:white !important;
text-decoration:none;
}
.apsc-each-profile a:hover{
color:white !important;
text-decoration:none !important;
}
.apsc-theme-1 .apsc-each-profile a{
padding: 9px;
display: block;
color: #fff;
position:relative;
border-radius: 5px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3)"; -moz-box-shadow: 1px 1px 2px #b3b3b3; -webkit-box-shadow: 1px 1px 2px #b3b3b3; box-shadow: 1px 1px 2px #b3b3b3; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3); transition: all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.entry-content  .apsc-each-profile a{
border:none;
}
.site-footer .widget .apsc-each-profile a{
color: #fff;
text-decoration:none;
}
.social-icon {
display: block;
}
.apsc-theme-1 .media-name {
display: none;
}
.apsc-theme-1 .apsc-count {
font-size: 16px;
display: block;
line-height: 15px;
padding: 2px 0 0;
}
.entry-content .apsc-each-profile a,.entry-content .apsc-each-profile a:hover,.entry-content .apsc-each-profile a:focus {
color: #fff;
text-decoration:none;
}
.apsc-theme-1 .apsc-each-profile  a:before {
background: radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "";
height: 10px;
left: 5%;
opacity: 0;
pointer-events: none;
position: absolute;
top: 100%;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-property: transform, opacity;
-webkit-transition-property: transform, opacity;
width: 90%;
z-index: -1;
}
.apsc-theme-1 .apsc-each-profile a:hover:before {
opacity: 1;
transform: translateY(6px);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
}
.apsc-theme-1 .apsc-each-profile a:hover {
transform: translateY(-6px);
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
}
.apsc-theme-1 .social-icon .fa,
.apsc-theme-1 .social-icon .fas,
.apsc-theme-1 .social-icon .fab {
font-size: 45px;
}
.apsc-facebook-icon {
background-color:#3b5998;
}
.apsc-twitter-icon{
background-color:#1dcaff;
}
.apsc-youtube-icon{
background-color:#e52d27;
}
.apsc-soundcloud-icon{
background-color:#ff8800;
}
.apsc-dribble-icon{
background-color:#ea4c89;
}
.apsc-comment-icon{
background-color:#464646;
}
.apsc-edit-icon{
background-color:#837d7d;
}
.apsc-google-plus-icon{
background-color:#dd4b39;
}
.apsc-instagram-icon{
background-color:#3f729b;
}
.apsc-theme-1 .apsc-media-type {
display: none;
} .apsc-theme-2 .apsc-each-profile {
float: left;
min-height: 83px;
text-align: center;
width: 80px;
margin: 5px;
}
.apsc-theme-2 .apsc-each-profile a{
display: block;
color: #fff;
position:relative;
border-radius: 5px;
transform: translateZ(0px);
-webkit-transform:translateZ(0px);
-ms-transform: translateZ(0px);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3)"; -moz-box-shadow: 1px 1px 2px #b3b3b3; -webkit-box-shadow: 1px 1px 2px #b3b3b3; box-shadow: 1px 1px 2px #b3b3b3; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3); transition:transform 0.5s ease-in-out;
-webkit-transition:transform 0.5s ease-in-out;
-moz-transition: transform 0.5s ease-in-out;
-o-transition:transform 0.5s ease-in-out;
-ms-transition: transform 0.5s ease-in-out;
}
.apsc-theme-2 .apsc-inner-block{
padding: 8px;
border-radius: 5px;
-webkit-box-shadow: inset 0px -8px 8px 0px rgba(0,0,0,0.21);
-moz-box-shadow: inset 0px -8px 8px 0px rgba(0,0,0,0.21);
box-shadow: inset 0px -8px 8px 0px rgba(0,0,0,0.21);
}
.apsc-theme-2 .apsc-each-profile a:hover{
transform: scale(1.1) rotate(5deg);
-webkit-transform:scale(1.1) rotate(5deg);
-ms-transform: scale(1.1) rotate(5deg);
}
.apsc-theme-2 .apsc-count {
font-size: 14px;
display: block;
line-height: 14px;
padding: 1px 0;
}
.apsc-theme-2 .social-icon .fa,
.apsc-theme-2 .social-icon .fab,
.apsc-theme-2 .social-icon .fas {
font-size: 36px;
}
.apsc-theme-2 .media-name {
display: none;
}
.apsc-theme-2 .apsc-media-type {
display: block;
font-size: 11px;
line-height: 11px;
} .apsc-theme-3 .apsc-each-profile {
float: left;
margin: 5px;
}
.apsc-theme-3 .social-icon {
display: table-cell;
min-width: 97px;
padding: 0 0 0 4px;
vertical-align: middle;
position:relative;
transition: all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.apsc-theme-3 .apsc-each-profile a{
border-radius: 4px;
color: #fff;
display: block;
font-weight: normal;
padding: 1px;
position: relative;
text-shadow: none;
}
.apsc-theme-3 .apsc-count {
background-color: #fff;
}
.apsc-theme-3 .social-icon .fa,
.apsc-theme-3 .social-icon .fab,
.apsc-theme-3 .social-icon .fas {
display: table-cell;
font-size: 18px;
vertical-align: middle;
}
.apsc-theme-3 .media-name {
display: table-cell;
font-size: 14px;
padding: 0 13px 0 5px;
text-transform: capitalize;
vertical-align: middle;
min-width: 77px;
}
.apsc-theme-3 .apsc-count {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
color: #666666;
display: table-cell;
font-size: 16px;
min-width: 52px;
padding: 3px 10px;
text-align: center;
position:relative;
opacity:1;
transition: all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.apsc-theme-3 .apsc-count:before {
border-bottom: 4px solid transparent;
border-right: 4px solid #fff;
border-top: 4px solid transparent;
content: "";
left: -4px;
margin-top: -3px;
position: absolute;
top: 50%;
} .apsc-theme-3 .apsc-each-profile a:hover .social-icon{
background-color:#fff;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
}
.apsc-theme-3 .apsc-each-profile a:hover .apsc-count{
color:#fff;
}
.apsc-theme-3 .apsc-each-profile a:hover .social-icon:after {
border-bottom: 4px solid transparent;
border-left: 4px solid #fff;
border-top: 4px solid transparent;
content: "";
margin-top: -3px;
position: absolute;
right: -4px;
top: 50%;
z-index: 2;
}
.apsc-theme-3 .apsc-media-type {
display: none;
}
.apsc-theme-3 .apsc-each-profile a.apsc-youtube-icon:hover .social-icon{
color:#e52d27;
}
.apsc-theme-3 .apsc-each-profile a.apsc-youtube-icon:hover .apsc-count{
background-color:#e52d27;
}
.apsc-theme-3 .apsc-each-profile a.apsc-soundcloud-icon:hover .social-icon{
color:#ff8800;
}
.apsc-theme-3 .apsc-each-profile a.apsc-soundcloud-icon:hover .apsc-count{
background-color:#ff8800;
}
.apsc-theme-3 .apsc-each-profile a.apsc-dribble-icon:hover .social-icon{
color:#ea4c89;
}
.apsc-theme-3 .apsc-each-profile a.apsc-dribble-icon:hover .apsc-count{
background-color:#ea4c89;
}
.apsc-theme-3 .apsc-each-profile a.apsc-comment-icon:hover .social-icon{
color:#464646;
}
.apsc-theme-3 .apsc-each-profile a.apsc-comment-icon:hover .apsc-count{
background-color:#464646;
}
.apsc-theme-3 .apsc-each-profile a.apsc-twitter-icon:hover .social-icon{
color:#1dcaff;
}
.apsc-theme-3 .apsc-each-profile a.apsc-twitter-icon:hover .apsc-count{
background-color:#1dcaff;
}
.apsc-theme-3 .apsc-each-profile a.apsc-instagram-icon:hover .social-icon{
color:#3f729b;
}
.apsc-theme-3 .apsc-each-profile a.apsc-instagram-icon:hover .apsc-count{
background-color:#3f729b;
}
.apsc-theme-3 .apsc-each-profile a.apsc-facebook-icon:hover .social-icon{
color:#3b5998;
}
.apsc-theme-3 .apsc-each-profile a.apsc-facebook-icon:hover .apsc-count{
background-color:#3b5998;
}
.apsc-theme-3 .apsc-each-profile a.apsc-google-plus-icon:hover .social-icon{
color:#dd4b39;
}
.apsc-theme-3 .apsc-each-profile a.apsc-google-plus-icon:hover .apsc-count{
background-color:#dd4b39;
}
.apsc-theme-3 .apsc-each-profile a.apsc-edit-icon:hover .social-icon{
color:#837d7d;
}
.apsc-theme-3 .apsc-each-profile a.apsc-edit-icon:hover .apsc-count{
background-color:#837d7d;
} .apsc-theme-4 .apsc-each-profile {
float: left;
margin: 5px;
}
.apsc-theme-4 .social-icon {
display: inline-block;
position:relative;
transition: all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.apsc-theme-4 .apsc-each-profile a{
padding: 2px 9px 2px 6px;
display: block;
color: #fff;
position:relative;
border-radius: 4px;
}
.apsc-theme-4 .apsc-each-profile a .fa,
.apsc-theme-4 .apsc-each-profile a .fas,
.apsc-theme-4 .apsc-each-profile a .fab{
transform: translateZ(0px);
-webkit-transform: translateZ(0px);
-ms-transform: translateZ(0px);
transition: all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.apsc-theme-4 .apsc-each-profile a:hover .fa,
.apsc-theme-4 .apsc-each-profile a:hover .fas,
.apsc-theme-4 .apsc-each-profile a:hover .fab{
transform: scale(1.3) translateZ(0px);
-webkit-transform:scale(1.3) translateZ(0px);
-ms-transform: scale(1.3) translateZ(0px);
}
.apsc-theme-4 .social-icon .fa,
.apsc-theme-4 .social-icon .fas,
.apsc-theme-4 .social-icon .fab {
display: inline-block;
font-size: 18px;
vertical-align: middle;
}
.apsc-theme-4 .media-name {
display: inline-block;
font-size: 14px;
padding: 0 6px 0 5px;
text-transform: capitalize;
}
.apsc-theme-4 .apsc-count {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
color: #fff;
display: inline-block;
font-size: 14px;
text-align: center;
position:relative;
font-family: 'MyriadPro-Bold';
transition: all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.apsc-theme-4 .apsc-media-type {
display: none;
} .apsc-theme-5 .apsc-each-profile {
min-height: 60px;
text-align: center;
width: 60px;
margin: 5px;
}
.apsc-theme-5 .apsc-each-profile a{
padding: 6px;
display: block;
color: #fff;
position:relative;
border-radius: 5px;
transform: translateZ(0px);
-webkit-transform: translateZ(0px);
-ms-transform: translateZ(0px);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3)"; -moz-box-shadow: 1px 1px 2px #b3b3b3; -webkit-box-shadow: 1px 1px 2px #b3b3b3; box-shadow: 1px 1px 2px #b3b3b3; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3); transition: all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.entry-content  .apsc-each-profile a{
border:none;
}
.social-icon {
display: block;
}
.apsc-theme-5 .apsc-count {
font-size: 12px;
display: block;
line-height: 12px;
padding: 3px 0 0;
}
.apsc-theme-5 .social-icon .fa,
.apsc-theme-5 .social-icon .fas,
.apsc-theme-5 .social-icon .fab {
font-size: 34px;
}
.apsc-theme-5 .social-icon {
height: 34px;
}
.apsc-theme-5 .media-name {
display: none;
}
.apsc-theme-5 .apsc-media-type {
display: none;
}
.apsc-theme-5 .apsc-each-profile a:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
transform: scale(0.8);
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
} @media screen and (max-width:479px){
.apsc-theme-4 .apsc-each-profile a,.apsc-theme-3 .apsc-each-profile a {
display: inline-block;
}
.apsc-theme-4 .apsc-each-profile ,.apsc-theme-3 .apsc-each-profile{
float: none;
}
} .apsc-icons-wrapper.apsc-font-awesome-four .fa{
font-family: FontAwesome;
font-weight: 400;
}
.apsc-icons-wrapper.apsc-font-awesome-five .fab{
font-family: 'Font Awesome 5 Brands';
}
.apsc-icons-wrapper.apsc-font-awesome-five .fas{
font-family:'Font Awesome 5 Free';
}.left {
text-align: left;
}
.center {
text-align: center;
} .container {
width: 100%;
max-width: 1141px;
margin: 0 auto;
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative;
}
.row.gap {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.row.stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.row.reverse {
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.col {
width: 100%;
}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
padding: 0 15px;
}
div[class^="col"] div[class^="col"] {
padding: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none; }
.col-1 { width: 8.333%; }
.gap .col-1 { width: 7.333%; }
.offset-1 { margin-left: 8.333%; }
.col-2 { width: 16.666%; }
.gap .col-2 { width: 15.666%; }
.offset-2 { margin-left: 16.666%; }
.col-3 { width: 25%; }
.gap .col-3 { width: 24%; }
.offset-3 { margin-left: 25%; }
.col-4 { width: 33.333%; }
.gap .col-4 { width: 32.333%; }
.offset-4 { margin-left: 33.333%; }
.col-5 { width: 41.666%; }
.gap .col-5 { width: 40.666%; }
.offset-5 { margin-left: 41.666%; }
.col-6 { width: 50%; }
.gap .col-6 { width: 49%; }
.offset-6 { margin-left: 50%; }
.col-7 { width: 58.333%; }
.gap .col-7 { width: 57.333%; }
.offset-7 { margin-left: 58.333%; }
.col-8 { width: 66.666%; }
.gap .col-8 { width: 65.666%; }
.offset-8 { margin-left: 66.666%; }
.col-9 { width: 75%; }
.gap .col-9 { width: 74%; }
.offset-9 { margin-left: 75%; }
.col-10 { width: 83.333%; }
.gap .col-10 { width: 82.333%; }
.offset-10 { margin-left: 83.333%; }
.col-11 { width: 91.666%; }
.gap .col-11 { width: 90.666%; }
.offset-11 { margin-left: 91.666%; }
.col-12 { width: 100%; }
@media all and (max-width: 768px) {
.row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.col,
.col-1, .gap .col-1,
.col-2, .gap .col-2,
.col-3, .gap .col-3,
.col-4, .gap .col-4,
.col-5, .gap .col-5,
.col-6, .gap .col-6,
.col-7, .gap .col-7,
.col-8, .gap .col-8,
.col-9, .gap .col-9,
.col-10, .gap .col-10,
.col-11, .gap .col-11,
.col-12 {
flex: auto;
-ms-flex: auto;
width: 100%;
}
.offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11 { margin: 0; }
} .ac-product-image,
.ac-product-image-main {
height: auto;
border: 1px solid #eee;
}
.ac-product-image {
max-width: 30%;
margin: 0 1%;
}
.ac-product-information {
padding-left: 30px!important;
}
.ac-product-archive .product.post {
margin-bottom: 30px;
}
.ac-product-archive .product.post .entry p {
margin-bottom: 0;
}
.ac-product-archive .product-image,
.similar-products .product-image {
min-height: 250px;
background-position: center;
background-repeat: no-repeat;
border: 1px solid #eee;
-webkit-background-size: contain;
background-size: contain;
}
.ac-pagination .sor {
margin-right: 8px;
}
.ac-pagination a {
border: 1px solid #ccc;
padding: 5px 15px;
margin-right: 5px;
text-decoration: none!important;
outline: none!important;
}
.ac-pagination a.current {
color: #000;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root{
--colorLight: #ffffff;
--colorFont: #787878;
--colorFontDark: #ededed;
--colorBackground: #f2f2f2;
--colorBorder: #c3c3c3;
--colorDark: #323232;
--colorDarkMuted: #000000;
--colorMain: #0095b3;
--colorMain2: #00a6a1;
--colorMainDarken: #00404d;
--c-facebook: #3b5998;
--c-twitter: #1da1f2;
--c-youtube: #ff0000;
--c-instagram: #c13584;
--c-pinterest: #bd081c;
--c-linkedin: #0077b5;
--c-github: #333333;
--c-skype: #00aff0;
}
.svg-icon{
line-height: .8;
}
.svg-icon svg{
max-width: 1em;
max-height: 1em;
fill: var(--colorFont);
}
.social-links,
.i .social-links{
line-height: 1;
display: flex;
}
.social-links a,
.i .social-links a{
display: inline-block;
}
.social-links a svg,
.i .social-links a svg{
max-width: 14px;
max-height: 14px;
transition: all .2s ease;
}
.social-links a:hover,
.i .social-links a:hover{
opacity: .7;
}
.social-links a.social-icon-twitter:hover,
.social-links a.social-icon-facebook:hover,
.social-links a.social-icon-instagram:hover,
.social-links a.social-icon-linkedin:hover,
.social-links a.social-icon-youtube:hover,
.social-links a.social-icon-pinterest:hover,
.social-links a.social-icon-github-circle:hover,
.i .social-links a.social-icon-twitter:hover,
.i .social-links a.social-icon-facebook:hover,
.i .social-links a.social-icon-instagram:hover,
.i .social-links a.social-icon-linkedin:hover,
.i .social-links a.social-icon-youtube:hover,
.i .social-links a.social-icon-pinterest:hover,
.i .social-links a.social-icon-github-circle:hover{
opacity: 1;
}
.social-links a.social-icon-twitter:hover,
.i .social-links a.social-icon-twitter:hover{
border-color: #00abef;
}
.social-links a.social-icon-twitter:hover .svg-icon svg,
.i .social-links a.social-icon-twitter:hover .svg-icon svg{
fill: #00abef !important;
}
.social-links a.social-icon-facebook:hover,
.i .social-links a.social-icon-facebook:hover{
border-color: #507cbe;
}
.social-links a.social-icon-facebook:hover .svg-icon svg,
.i .social-links a.social-icon-facebook:hover .svg-icon svg{
fill: #507cbe !important;
}
.social-links a.social-icon-instagram:hover,
.i .social-links a.social-icon-instagram:hover{
border-color: #c13584;
}
.social-links a.social-icon-instagram:hover .svg-icon svg,
.i .social-links a.social-icon-instagram:hover .svg-icon svg{
fill: #c13584 !important;
}
.social-links a.social-icon-linkedin:hover,
.i .social-links a.social-icon-linkedin:hover{
border-color: #3371b7;
}
.social-links a.social-icon-linkedin:hover .svg-icon svg,
.i .social-links a.social-icon-linkedin:hover .svg-icon svg{
fill: #3371b7 !important;
}
.social-links a.social-icon-youtube:hover,
.i .social-links a.social-icon-youtube:hover{
border-color: red;
}
.social-links a.social-icon-youtube:hover .svg-icon svg,
.i .social-links a.social-icon-youtube:hover .svg-icon svg{
fill: red !important;
}
.social-links a.social-icon-pinterest:hover,
.i .social-links a.social-icon-pinterest:hover{
border-color: #e60122;
}
.social-links a.social-icon-pinterest:hover .svg-icon svg,
.i .social-links a.social-icon-pinterest:hover .svg-icon svg{
fill: #e60122 !important;
}
.social-links a.social-icon-github-circle:hover,
.i .social-links a.social-icon-github-circle:hover{
border-color: #24292d;
}
.social-links a.social-icon-github-circle:hover .svg-icon svg,
.i .social-links a.social-icon-github-circle:hover .svg-icon svg{
fill: #24292d !important;
}
.social-links a + a,
.i .social-links a + a{
margin-left: 20px;
}
a.social-icon{
display: inline-block;
line-height: 1;
text-align: center;
vertical-align: middle;
}
a.social-icon i{
font-size: 16px;
}
a.social-icon.border-icon{
width: 50px;
height: 50px;
align-items: center;
border: 2px solid var(--colorDarkMuted);
display: flex;
align-items: center;
justify-content: center;
}
.widget li.border-icon a{
width: 50px;
height: 50px;
align-items: center;
border: 2px solid var(--colorDarkMuted);
display: flex;
align-items: center;
justify-content: center;
}
.widget li.border-icon.rounded-icon a{
border-radius: 50%;
}
a.rounded-icon{
border-radius: 50%;
}
.icon-inline{
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.icon-inline .svg-icon{
margin-right: 10px;
}
.icon-inline .svg-icon:last-child{
margin-right: 0;
}
.icon-inline > strong{
white-space: nowrap;
margin-right: 4px;
}
.entry-footer .icon-inline{
align-items: center;
}
.meta-icons-main .icon-inline .svg-icon svg{
fill: var(--colorMain);
}
.meta-icons-main .c .icon-inline .svg-icon svg{
fill: #fff;
}
.meta-icons-main2 .icon-inline .svg-icon svg{
fill: var(--colorMain2);
}
.meta-icons-main2 .c2 .icon-inline .svg-icon svg{
fill: #fff;
}
.meta-icons-border .icon-inline .svg-icon svg{
fill: var(--colorBorder);
}
.meta-icons-dark .icon-inline .svg-icon svg{
fill: var(--colorDark);
}
.meta-icons-dark-muted .icon-inline .svg-icon svg{
fill: var(--colorDarkMuted);
}
.animation-enabled .animate,
[data-animate*=".column-aside .widget"] .column-aside .widget,
[data-animate*=".footer-widgets .widget"] .footer-widgets .widget,
[data-animate*=".hfeed article.post"].hfeed .post,
[data-animate*=".hfeed .post .post-thumbnail img"].hfeed .post .post-thumbnail img{
visibility: hidden;
}
.animated{
visibility: visible !important;
}
.preloader{
position: fixed;
top: 5px;
right: 0;
z-index: 13000;
opacity: 1;
transition: all .35s ease;
}
.no-js .preloader{
display: none;
}
.preloader.cover{
top: 0;
left: 0;
bottom: 0;
background: rgba(255, 255, 255, .95);
height: 100%;
}
.preloader.cover .preloader_css{
position: absolute;
left: 50%;
top: 50%;
margin: -20px 0 0 -20px;
}
.preloader.loaded{
opacity: 0;
z-index: -1;
}
.preloader.loaded .preloader_css{
opacity: 0;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.preloader_css{
width: 30px;
height: 30px;
margin: 10px;
border: 3px solid #f7f7f7;
border-radius: 50%;
border-top-color: #0095b3;
border-top-color: var(--colorMain);
opacity: 1;
transition: opacity .35s ease;
-webkit-animation: spin .5s infinite linear;
animation: spin .5s infinite linear;
}
@-webkit-keyframes spin {
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
} html{
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body{
margin: 0;
}
main{
display: block;
}
hr{
box-sizing: content-box;
overflow: visible;
}
pre{
font-family: monospace,monospace;
font-size: 1em;
}
a{
background-color: rgba(0, 0, 0, 0);
}
abbr[title]{
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong{
font-weight: 700;
}
code,
kbd,
samp{
font-family: monospace,monospace;
font-size: 1em;
}
small{
font-size: 80%;
}
sub,
sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub{
bottom: -0.25em;
}
sup{
top: -0.5em;
}
img{
border-style: none;
}
button,
input,
optgroup,
select,
textarea{
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input{
overflow: visible;
}
button,
select{
text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit]{
-webkit-appearance: button;
cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner{
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring{
outline: 1px dotted ButtonText;
}
fieldset{
padding: .35em .75em .625em;
}
legend{
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress{
vertical-align: baseline;
}
textarea{
overflow: auto;
}
[type=checkbox],
[type=radio]{
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{
height: auto;
}
[type=search]{
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration{
-webkit-appearance: none;
}
::-webkit-file-upload-button{
-webkit-appearance: button;
font: inherit;
}
details{
display: block;
}
summary{
display: list-item;
}
template{
display: none;
}
[hidden]{
display: none;
}
*{
box-sizing: border-box;
}
:focus{
outline: none !important;
}
html{
scroll-behavior: smooth;
overflow-x: hidden;
width: 100%;
}
html.customize-preview{
scroll-behavior: initial;
}
body{
background-color: #fff;
background-color: var(--colorLight);
text-rendering: optimizeLegibility;
word-break: break-word;
width: 100%;
position: relative;
font-weight: 300;
}
body,
button,
input,
select,
textarea{
color: #787878;
color: var(--colorFont);
font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,segoe ui,fira sans,sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: 300;
}
iframe{
max-width: 100%;
border: none;
}
figure,
img{
margin: 0;
max-width: 100%;
height: auto;
}
figcaption{
font-size: 14px;
line-height: 1.5;
padding: .5em 0;
}
table{
width: 100%;
border-collapse: collapse;
}
td,
th{
padding: .8em;
border: 1px solid var(--colorBorder);
word-break: normal;
text-align: center;
}
@media (max-width: 767px) {
td,
th{
padding-left: .6em;
padding-right: .6em;
}
}
th{
text-align: center;
background-color: rgba(0, 0, 0, 0);
color: var(--colorDark);
font-weight: bold;
}
.i th{
color: var(--colorLight);
}
a:hover,
a:active,
a:focus{
text-decoration: none !important;
}
code{
padding: 0 .5rem;
font-size: .85rem;
display: inline-block;
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
pre{
margin: 1em 0;
max-width: 100%;
overflow-x: auto;
font-size: .85rem;
padding: 1em;
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
blockquote,
.wp-block-quote{
position: relative;
margin: 30px auto;
max-width: 630px;
padding: 0;
border: none;
font-size: 16px;
line-height: 29px;
font-style: italic;
text-align: center;
}
blockquote p,
.wp-block-quote p{
margin-bottom: 0 !important;
width: 100%;
}
blockquote:last-child,
blockquote p:last-child,
.wp-block-quote:last-child,
.wp-block-quote p:last-child{
margin-bottom: 0;
}
blockquote cite,
.wp-block-quote cite{
display: block;
font-style: normal;
margin-top: 28px;
font-size: 18px;
line-height: 24px;
font-weight: 700;
color: var(--colorMain);
}
blockquote small,
.wp-block-quote small{
display: block;
font-style: normal;
margin-top: 8px;
font-size: 12px;
line-height: 12px;
}
blockquote.is-style-large,
.wp-block-quote.is-style-large{
padding-left: 0;
padding-right: 0;
}
blockquote.is-style-large::before,
.wp-block-quote.is-style-large::before{
display: none;
}
blockquote.is-style-large p,
.wp-block-quote.is-style-large p{
font-weight: 300;
color: var(--colorDark);
font-style: normal;
margin-bottom: .5em;
}
@media (min-width: 767px) {
blockquote.is-style-large p,
.wp-block-quote.is-style-large p{
font-size: 32px;
}
}
blockquote.has-text-align-right,
.wp-block-quote.has-text-align-right{
text-align: right;
justify-content: flex-end;
}
.has-cyan-bluish-gray-background-color blockquote::before,
.has-cyan-bluish-gray-background-color .wp-block-quote::before{
background-color: rgba(0, 0, 0, 0) !important;
}
p + blockquote{
margin-top: 45px;
margin-bottom: 50px;
}
.wp-block-column .wp-block-quote{
padding-left: 0;
min-height: 0;
}
.wp-block-column .wp-block-quote:before{
position: relative;
line-height: 1;
width: 32px;
height: 32px;
}
cite{
color: var(--colorDark);
font-style: normal;
font-size: 14px;
width: 100%;
}
a{
outline: none;
text-decoration: none;
transition: .3s all ease;
color: #323232;
color: var(--colorDark);
}
.darklinks a{
color: var(--colorDark);
}
a:focus,
a:hover{
text-decoration: underline;
color: #787878;
color: var(--colorFont);
}
ol,
ul,
dd{
padding-left: 20px;
margin: 0 0 2em;
color: var(--colorDark);
}
dt{
font-weight: bolder;
}
dd{
margin-left: 0;
}
ol li:not([class]):not([role=presentation]),
ul li:not([class]):not([role=presentation]){
padding: .5em 0;
}
ol li:not([class]):not([role=presentation]):last-child,
ul li:not([class]):not([role=presentation]):last-child{
padding-bottom: 0;
}
ol ol,
ol ul,
ul ol,
ul ul{
margin: .4em 0 0;
}
ol.styled,
ul.styled{
padding-left: 0;
list-style: none;
}
ol.bordersul,
ul.bordersul{
border-top: 1px solid var(--colorBorder);
border-bottom: 1px solid var(--colorBorder);
}
ol.bordersli li,
ul.bordersli li{
padding: .5em 0;
}
ol.bordersli li + li,
ul.bordersli li + li{
border-top: 1px solid var(--colorBorder);
}
ol.styled{
color: var(--colorDark);
font-weight: 500;
counter-reset: olc;
}
ol.styled li{
counter-increment: olc;
}
ol.styled li:before{
content: counter(olc) ". ";
color: var(--colorMain);
margin-right: 13px;
}
ul.styled{
color: var(--colorDark);
font-weight: 500;
}
ul.styled li:before{
content: "";
display: inline-block;
width: 1.06em;
height: .65em;
margin-right: 24px;
background: url(//fabfloorings.ae/wp-content/themes/flooring/assets/img/arrow-right.svg) no-repeat center/cover;
color: var(--colorMain);
position: relative;
bottom: .05em;
}
nav > ul{
margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6{
color: #323232;
color: var(--colorDark);
line-height: 1.2;
margin-top: 24px;
margin-bottom: 24px;
font-weight: 700;
}
h1:first-child:not([class*=mt-]),
h2:first-child:not([class*=mt-]),
h3:first-child:not([class*=mt-]),
h4:first-child:not([class*=mt-]),
h5:first-child:not([class*=mt-]),
h6:first-child:not([class*=mt-]){
margin-top: 0;
}
h1{
font-size: 60px;
}
h2{
font-size: 40px;
}
h3{
font-size: 30px;
}
h4{
font-size: 20px;
}
h5{
font-size: 16px;
}
h6{
font-size: 14px;
}
@media (max-width: 1199px) {
h1{
font-size: 40px;
}
h2{
font-size: 30px;
}
h3{
font-size: 24px;
}
}
p{
margin-top: 0;
margin-bottom: 1em;
}
p:last-child:after{
content: "";
display: block;
clear: both;
}
address{
margin-bottom: 1em;
}
hr{
border: 0;
height: 1px;
background-color: #c3c3c3;
background-color: var(--colorBorder);
}
.pre-heading,
.footer_top-pre-heading{
position: relative;
font-size: 16px;
line-height: 21px;
font-weight: bold;
color: var(--colorMain2);
z-index: 0;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.pre-heading,
.footer_top-pre-heading{
margin-bottom: 10px;
}
}
.pre-heading .pre-heading-bg-text,
.pre-heading .footer_top-background-text,
.footer_top-pre-heading .pre-heading-bg-text,
.footer_top-pre-heading .footer_top-background-text{
position: absolute;
color: var(--colorBackground);
top: -60px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-style: normal;
font-weight: normal;
font-size: 150px;
line-height: 120px;
min-width: 100%;
z-index: -1;
}
.pre-heading .footer_top-background-text,
.footer_top-pre-heading .footer_top-background-text{
opacity: .3;
}
@media (max-width: 767px) {
.pre-heading .pre-heading-bg-text,
.pre-heading .footer_top-background-text,
.footer_top-pre-heading .pre-heading-bg-text,
.footer_top-pre-heading .footer_top-background-text{
top: -30px;
font-size: 80px;
line-height: 70px;
}
}
mark{
color: inherit;
background-color: rgba(0, 0, 0, 0);
}
.special{
font-size: 2em;
text-transform: uppercase;
}
.small{
font-size: .92em;
}
.normal{
font-size: 1em;
}
.big{
font-size: 3em;
}
.huge{
font-size: 4.5em;
}
.main .wp-block-image{
margin-bottom: 0;
}
.main .wp-block-image .alignleft{
margin-right: 2em;
margin-bottom: .8em;
}
.main .wp-block-image .alignright{
left: 2em;
margin-bottom: .8em;
}
.dropdown{
position: relative;
}
.dropdown input[type=checkbox]{
display: none;
}
.dropdown label{
margin-bottom: 0;
}
.dropdown ul:not(.topline-menu){
display: none;
position: absolute;
top: -8px;
right: 20px;
list-style: none;
padding: 0;
margin: 0;
}
.dropdown ul:not(.topline-menu) li{
padding: 0;
}
.dropdown ul:not(.topline-menu) li + li{
margin-left: 4px;
}
.dropdown ul:not(.topline-menu) li a{
border: 1px solid var(--colorFont);
background-color: var(--colorLight);
border-radius: 3px;
line-height: 38px;
padding: 0 11px;
text-align: center;
min-width: 40px;
min-height: 40px;
}
.dropdown ul:not(.topline-menu) li a:hover,
.dropdown ul:not(.topline-menu) li a:focus,
.dropdown ul:not(.topline-menu) li a.active{
border-color: var(--colorMain);
color: var(--colorMain);
}
.dropdown ul:not(.topline-menu) li a.fa-twitter:hover{
border-color: #00abef;
color: #00abef;
}
.dropdown ul:not(.topline-menu) li a.fa-facebook:hover{
border-color: #507cbe;
color: #507cbe;
}
.dropdown ul:not(.topline-menu) li a.fa-linkedin:hover{
border-color: #3371b7;
color: #3371b7;
}
.dropdown ul:not(.topline-menu) li a.fa-pinterest:hover{
border-color: #e60122;
color: #e60122;
}
.dropdown ul:not(.topline-menu) li a.fa-paper-plane:hover{
border-color: #2aabee;
color: #2aabee;
}
.dropdown input[type=checkbox]:checked~ul{
display: flex;
}
.form-in-line{
text-align: center;
}
.form-in-line input:not([type=submit]){
width: 100%;
}
@media (min-width: 768px) {
.form-in-line{
text-align: left;
display: flex;
max-width: 660px;
margin: 0 auto;
}
.form-in-line > *:first-child{
flex-grow: 1;
padding-right: 20px;
}
}
.interface-interface-skeleton__body .popover-slot{
position: sticky;
}
.fa-heart-o{
font-family: FontAwesome;
}
.fa-heart-o:before{
content: "";
}
.has-dots-inside .slick-dots li{
width: auto;
height: auto;
}
.has-dots-inside .slick-dots li button{
width: 10px;
height: 10px;
border-radius: 10px;
background-color: var(--colorLight);
border-color: var(--colorLight);
transition: all .3s ease-in-out;
}
.has-dots-inside .slick-dots li button::before{
display: none;
}
.has-dots-inside .slick-dots li button:hover{
border-color: var(--colorMain);
background-color: var(--colorMain);
}
.has-dots-inside .slick-dots li.slick-active button{
background-color: var(--colorMain);
border-color: var(--colorMain);
width: 40px;
height: 10px;
}
.slick-dots li button{
border: 1px solid var(--colorFont);
border-radius: 50%;
background-color: var(--colorFont);
}
.slick-dots li button::before{
color: var(--colorFont) !important;
}
.slick-dots li button:hover{
border-color: var(--colorDarkMuted);
background-color: rgba(0, 0, 0, 0);
}
.slick-dots li button:hover::before{
color: var(--colorDarkMuted) !important;
}
.slick-dots li.slick-active button{
border-color: var(--colorDarkMuted);
background-color: rgba(0, 0, 0, 0);
}
.slick-dots li.slick-active button::before{
color: var(--colorDarkMuted) !important;
}
.slick-slider .slick-arrow.slick-prev::before{
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 800;
color: var(--colorDark);
font-size: 1.5rem;
}
.slick-slider .slick-arrow.slick-next::before{
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 800;
color: var(--colorDark);
font-size: 1.5rem;
}
.several-widgets > *{
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.several-widgets > *:last-child{
padding-bottom: 0 !important;
}
.several-widgets > *:not(:last-child){
margin-bottom: 1em;
}
.gallery-caption{
margin-bottom: 1em;
}
.section-intro{
background-position: center center;
background-size: cover;
}
.section-intro .intro-pre-heading{
color: var(--colorMain);
font-size: 42px;
line-height: 1;
font-style: normal;
margin: 0;
position: relative;
}
@media (max-width: 767px) {
.section-intro .intro-pre-heading{
font-size: 18px;
line-height: 24px;
}
}
.section-intro .intro-heading{
font-size: 75px;
line-height: 84px;
margin: 10px 0;
padding-bottom: 20px;
margin-bottom: 20px;
position: relative;
color: var(--colorLight);
}
.section-intro .intro-heading::before{
content: "";
display: block;
width: 40px;
height: 3px;
position: absolute;
bottom: 0;
left: 0;
background-color: var(--colorMain);
background-image: linear-gradient(to right, var(--colorMain), var(--colorMain2));
background-position: 0 0;
background-repeat: no-repeat;
}
@media (max-width: 767px) {
.section-intro .intro-heading{
font-size: 30px;
line-height: 36px;
}
}
@media (min-width: 768px) {
.section-intro.text-center .intro-description{
margin-left: auto;
margin-right: auto;
}
.section-intro.text-right .intro-description{
margin-left: auto;
}
}
.section-intro .intro-description{
color: var(--colorLight);
max-width: 660px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 16px;
}
@media (max-width: 767px) {
.section-intro .intro-description{
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1200px) {
.section-intro .intro-description{
font-size: 20px;
line-height: 24px;
}
}
.section-intro a.theme_button{
min-width: 180px;
margin-top: 42px;
}
@media (min-width: 500px) {
.section-intro a.theme_button + a.theme_button{
margin-left: 20px;
}
}
@media (max-width: 767px) {
.section-intro a.theme_button{
margin-left: 10px;
margin-right: 10px;
}
.section-intro a.theme_button + a.theme_button{
margin-top: 10px;
}
}
@media (max-width: 767px) {
.section-intro.text-left,
.section-intro.text-right{
text-align: center !important;
}
.section-intro.text-right .intro-heading::before,
.section-intro.text-left .intro-heading::before{
left: calc(50% - 20px) !important;
}
}
.section-intro.text-right .intro-heading::before{
left: auto;
right: 0;
}
.section-intro.text-center .intro-heading::before{
left: calc(50% - 20px);
}
fieldset{
border-color: #c3c3c3;
border-color: var(--colorBorder);
border-width: 1px;
border-style: solid;
}
input,
label,
select,
button,
textarea{
font-size: inherit;
margin: 0;
border: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
white-space: normal;
background: none;
}
label{
cursor: pointer;
margin-bottom: .75em;
color: var(--colorDark);
}
.i label{
color: var(--colorLight);
}
button:focus,
input:focus,
textarea:focus{
outline: 0;
}
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea,
select{
padding: 12px 20px 11px 20px;
min-height: 47px;
font-size: 16px;
line-height: 1.5;
color: var(--colorFont);
border: 1px solid;
border-color: var(--colorBorder);
border-radius: 3px;
background: var(--colorLight);
width: 100%;
}
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus,
select:focus{
border-color: var(--colorFont);
}
textarea{
padding-top: .45em;
padding-bottom: .45em;
}
.wp-block-group.c input[type=date],
.wp-block-group.c input[type=datetime],
.wp-block-group.c input[type=datetime-local],
.wp-block-group.c input[type=email],
.wp-block-group.c input[type=month],
.wp-block-group.c input[type=number],
.wp-block-group.c input[type=password],
.wp-block-group.c input[type=search],
.wp-block-group.c input[type=tel],
.wp-block-group.c input[type=text],
.wp-block-group.c input[type=time],
.wp-block-group.c input[type=url],
.wp-block-group.c input[type=week],
.wp-block-group.c textarea{
background-color: var(--colorLight);
}
.wpcf7-form p{
margin-bottom: 0;
}
.wpcf7-form p + p{
margin-top: 10px;
}
.wpcf7-form .wpcf7-submit{
margin-top: 5px;
}
input[type=number]{
padding-right: 0;
}
select{
height: 40px;
line-height: 40px;
white-space: nowrap;
}
input[type=checkbox],
input[type=radio]{
width: 13px;
height: 13px;
margin-right: .25em;
}
input[type=checkbox]{
display: none;
}
input[type=checkbox]+label,
input[type=checkbox]+.wpcf7-list-item-label{
padding-left: 0;
}
input[type=checkbox]+label:before,
input[type=checkbox]+.wpcf7-list-item-label:before{
content: "";
display: inline-block;
vertical-align: middle;
margin: 0 10px 4px 0;
text-align: center;
width: 1.2em;
height: 1.2em;
line-height: 1.2em;
font-size: 1em;
border: 1px solid var(--colorBorder);
background-color: rgba(0, 0, 0, 0);
border-radius: 3px;
font-family: "FontAwesome";
}
input[type=checkbox]:checked+label:before,
input[type=checkbox]:checked+.wpcf7-list-item-label:before{
content: "";
color: var(--colorMain);
}
input[type=search]{
-webkit-appearance: textfield;
}
::-webkit-search-decoration{
display: none;
}
[type=reset],
[type=button]:not(.plyr__control):not(.slick-arrow):not([role=tab]):not([aria-controls=mep_0]):not(.plus):not(.minus):not([class=mfp-close]):not(.elementor-alert-dismiss),
[type=submit]:not([name=apply_coupon]):not(.wp-block-search__button):not(.mc4wp-form button):not(.search-submit):not(.single_add_to_cart_button),
.wp-block-button__link,
.wp-block-button__link:visited,
.wp-block-file .wp-block-file__button,
.premium-button,
.elementor-button,
.premium-gallery-load-more-btn,
.theme_button,
button.button,
.wc-block-components-filter-reset-button{
width: auto;
text-decoration: none !important;
font-size: 14px;
font-weight: 700;
padding: 18px 40px 18px;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
min-width: 8.5em;
text-align: center;
text-transform: uppercase;
color: #fff;
color: var(--colorLight);
border: none;
background-color: #0095b3;
background-image: linear-gradient(to right, #0095b3, #00a6a1);
background-image: linear-gradient(to right, var(--colorMain), var(--colorMain2));
background-position: 0 0;
background-repeat: no-repeat;
border-radius: 3px;
position: relative;
transition: all .4s linear 0s;
}
[type=reset]:hover,
[type=button]:not(.plyr__control):not(.slick-arrow):not([role=tab]):not([aria-controls=mep_0]):not(.plus):not(.minus):not([class=mfp-close]):not(.elementor-alert-dismiss):hover,
[type=submit]:not([name=apply_coupon]):not(.wp-block-search__button):not(.mc4wp-form button):not(.search-submit):not(.single_add_to_cart_button):hover,
.wp-block-button__link:hover,
.wp-block-button__link:visited:hover,
.wp-block-file .wp-block-file__button:hover,
.premium-button:hover,
.elementor-button:hover,
.premium-gallery-load-more-btn:hover,
.theme_button:hover,
button.button:hover,
.wc-block-components-filter-reset-button:hover{
color: rgba(255, 255, 255, .7);
}
.wp-block-file a + a.wp-block-file__button{
overflow: visible;
}
.just-link .premium-button{
padding: 0 !important;
height: 1em !important;
}
.wp-block-button__link,
.wp-block-file__button,
.wp-block-file .wp-block-file__button{
border-color: var(--colorMain);
color: var(--colorDark);
}
.wp-block-button__link:hover,
.wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:hover{
border-color: var(--colorMain);
background-color: var(--colorMain) !important;
}
.is-style-squared .wp-block-button__link{
border-radius: 0 !important;
}
.just-link .premium-button::before{
background-image: none !important;
}
#footer-top [type=submit]{
text-decoration: none !important;
font-size: 14px;
font-weight: 700;
padding: 18px 40px 18px;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
min-width: 8.5em;
text-align: center;
text-transform: uppercase;
color: #fff;
color: var(--colorLight);
border: none;
background-color: #0095b3;
background-image: linear-gradient(to right, #0095b3, #00a6a1);
background-image: linear-gradient(to right, var(--colorMain), var(--colorMain2));
background-position: 0 0;
background-repeat: no-repeat;
border-radius: 3px;
position: relative;
transition: all .4s linear 0s;
border-color: var(--colorMain) !important;
}
#footer-top [type=submit]:hover{
background-color: var(--colorMain) !important;
line-height: 9 !important;
}
.b-fs-9 [type=reset],
.b-fs-9 [type=button],
.b-fs-9 [type=submit],
.b-fs-9 .wp-block-button__link{
font-size: 9px;
}
.b-fs-10 [type=reset],
.b-fs-10 [type=button],
.b-fs-10 [type=submit],
.b-fs-10 .wp-block-button__link{
font-size: 10px;
}
.b-fs-11 [type=reset],
.b-fs-11 [type=button],
.b-fs-11 [type=submit],
.b-fs-11 .wp-block-button__link{
font-size: 11px;
}
.b-fs-12 [type=reset],
.b-fs-12 [type=button],
.b-fs-12 [type=submit],
.b-fs-12 .wp-block-button__link{
font-size: 12px;
}
.b-fs-13 [type=reset],
.b-fs-13 [type=button],
.b-fs-13 [type=submit],
.b-fs-13 .wp-block-button__link{
font-size: 13px;
}
.b-fs-14 [type=reset],
.b-fs-14 [type=button],
.b-fs-14 [type=submit],
.b-fs-14 .wp-block-button__link{
font-size: 14px;
}
.b-fs-15 [type=reset],
.b-fs-15 [type=button],
.b-fs-15 [type=submit],
.b-fs-15 .wp-block-button__link{
font-size: 15px;
}
.b-fs-16 [type=reset],
.b-fs-16 [type=button],
.b-fs-16 [type=submit],
.b-fs-16 .wp-block-button__link{
font-size: 16px;
}
.b-fs-17 [type=reset],
.b-fs-17 [type=button],
.b-fs-17 [type=submit],
.b-fs-17 .wp-block-button__link{
font-size: 17px;
}
.b-fs-18 [type=reset],
.b-fs-18 [type=button],
.b-fs-18 [type=submit],
.b-fs-18 .wp-block-button__link{
font-size: 18px;
}
.b-fs-19 [type=reset],
.b-fs-19 [type=button],
.b-fs-19 [type=submit],
.b-fs-19 .wp-block-button__link{
font-size: 19px;
}
.b-fs-20 [type=reset],
.b-fs-20 [type=button],
.b-fs-20 [type=submit],
.b-fs-20 .wp-block-button__link{
font-size: 20px;
}
.b-fs-21 [type=reset],
.b-fs-21 [type=button],
.b-fs-21 [type=submit],
.b-fs-21 .wp-block-button__link{
font-size: 21px;
}
.b-fs-22 [type=reset],
.b-fs-22 [type=button],
.b-fs-22 [type=submit],
.b-fs-22 .wp-block-button__link{
font-size: 22px;
}
.btn-link .wp-block-button__link{
text-transform: inherit;
padding: 0;
background-color: rgba(0, 0, 0, 0);
color: var(--colorFont) !important;
font-size: 16px;
}
.btn-link .wp-block-button__link::after{
content: "";
font-family: "Font Awesome 5 Free";
margin-left: 10px;
font-size: 14px;
}
.btn-link .wp-block-button__link:hover{
background-color: rgba(0, 0, 0, 0);
color: var(--colorMain) !important;
}
input[type=file]{
display: block;
}
textarea{
vertical-align: top;
overflow: auto;
}
select[multiple]{
vertical-align: top;
}
::-webkit-input-placeholder{
opacity: .5;
-webkit-transition: opacity .6s ease;
transition: opacity .6s ease;
}
::-moz-placeholder{
opacity: .5;
-moz-transition: opacity .6s ease;
transition: opacity .6s ease;
}
:-moz-placeholder{
opacity: .5;
-moz-transition: opacity .6s ease;
transition: opacity .6s ease;
}
:-ms-input-placeholder{
opacity: .5;
-ms-transition: opacity .6s ease;
transition: opacity .6s ease;
}
:focus::-webkit-input-placeholder{
opacity: 0;
}
:focus::-moz-placeholder{
opacity: 0;
}
:focus:-moz-placeholder{
opacity: 0;
}
:focus:-ms-input-placeholder{
opacity: 0;
}
.select-wrap{
position: relative;
}
.select-wrap select{
-webkit-appearance: none;
-moz-appearance: none;
outline: none !important;
padding-left: 30px;
padding-right: 50px;
font-size: 16px;
line-height: 1.5;
border-radius: 3px;
width: 100%;
cursor: pointer;
}
.select-wrap::before{
content: "";
font-family: "icomoon";
font-size: 16px;
width: 47px;
height: 47px;
position: absolute;
right: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
pointer-events: none;
color: var(--colorMain);
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output{
margin: 22px 0 0;
border-radius: 3px;
border-width: 1px;
padding: 12px 20px;
}
.wpcf7-form .form-wrap{
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.wpcf7-form .form-wrap .form-item{
width: 100%;
margin-top: 0;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
@media (min-width: 1200px) {
.wpcf7-form .form-wrap .form-item:nth-child(1),
.wpcf7-form .form-wrap .form-item:nth-child(2){
width: 50% !important;
}
.wpcf7-form .form-wrap .form-item:nth-child(3),
.wpcf7-form .form-wrap .form-item:nth-child(4){
width: 50% !important;
}
}
.wpcf7-spinner{
display: none !important;
}
.l{
background-color: #fff;
background-color: var(--colorLight);
}
.m{
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
.l.m input[type=date],
.l.m input[type=datetime],
.l.m input[type=datetime-local],
.l.m input[type=email],
.l.m input[type=month],
.l.m input[type=number],
.l.m input[type=password],
.l.m input[type=search],
.l.m input[type=tel],
.l.m input[type=text],
.l.m input[type=time],
.l.m input[type=url],
.l.m input[type=week],
.l.m textarea,
.l.m select{
background-color: var(--colorLight);
}
.i{
background-color: #323232;
background-color: var(--colorDark);
color: rgba(255, 255, 255, .8);
}
.i input,
.i select,
.i textarea{
background-color: rgba(255, 255, 255, .06);
border-color: var(--colorLight);
color: var(--colorLight);
}
.i input:focus,
.i select:focus,
.i textarea:focus{
border-color: var(--colorFont);
}
.i ::-webkit-input-placeholder{
color: rgba(255, 255, 255, .8);
}
.i ::-moz-placeholder{
color: rgba(255, 255, 255, .8);
}
.i :-moz-placeholder{
color: rgba(255, 255, 255, .8);
}
.i :-ms-input-placeholder{
color: rgba(255, 255, 255, .8);
}
.i h1,
.i h2,
.i h3,
.i h4,
.i h5,
.i h6{
color: var(--colorLight) !important;
}
.i.title .headline-bg{
color: var(--colorLight);
}
.i.footer-top.footer-top-2 .footer_top-heading{
color: var(--colorLight);
}
.i#footer-top [type=submit]{
color: var(--colorLight);
}
.i.footer-top.footer-top-2 input[type=email]{
background: var(--colorLight);
}
.i a{
color: #fff;
}
.i a:focus,
.i a:hover{
color: #0095b3;
color: var(--colorMain);
}
.i li.menu-item a{
opacity: 1;
}
.i.footer{
color: var(--colorLight);
}
.i .copyright-navigation li.menu-item a{
opacity: .4;
}
.i .copyright-navigation li.menu-item a:hover{
opacity: 1;
}
.i a[href*="mailto:"]{
opacity: 1;
color: var(--colorLight);
}
.i a[href*="mailto:"]:hover{
color: var(--colorMain);
}
.i .is-style-outline .wp-block-button__link{
border-color: var(--colorLight);
color: var(--colorLight);
}
.i .is-style-outline .wp-block-button__link:hover{
color: var(--colorLight);
}
.i a.social-icon.border-icon{
border-color: var(--colorLight);
}
.i .widget li.border-icon a{
border-color: var(--colorLight);
}
.i .wp-block-button__link:hover,
.i .wp-block-button__link:focus,
.i .button:hover,
.i .button:focus,
.i button:hover,
.i button:focus,
.i input[type=reset]:hover,
.i input[type=reset]:focus,
.i input[type=button]:hover,
.i input[type=button]:focus,
.i input[type=submit]:hover,
.i input[type=submit]:focus{
color: var(--colorLight);
}
.i .header_right_buttons .cart-dropdown .dropdown-toggle .svg-icon svg,
.i .header_right_buttons .cart-dropdown button .svg-icon svg,
.i .header_right_buttons .cart-dropdown #search_toggle .svg-icon svg,
.i .header_right_buttons .header-login .dropdown-toggle .svg-icon svg,
.i .header_right_buttons .header-login button .svg-icon svg,
.i .header_right_buttons .header-login #search_toggle .svg-icon svg,
.i .header_right_buttons .search-wrap .dropdown-toggle .svg-icon svg,
.i .header_right_buttons .search-wrap button .svg-icon svg,
.i .header_right_buttons .search-wrap #search_toggle .svg-icon svg{
fill: var(--colorLight);
}
.i.m{
background-color: #000;
background-color: var(--colorDarkMuted);
}
.i.c{
background-color: #0095b3;
background-color: var(--colorMain);
}
.i.c .header_right_buttons .cart-dropdown .dropdown-toggle,
.i.c .header_right_buttons .cart-dropdown button,
.i.c .header_right_buttons .cart-dropdown #search_toggle,
.i.c .header_right_buttons .header-login .dropdown-toggle,
.i.c .header_right_buttons .header-login button,
.i.c .header_right_buttons .header-login #search_toggle,
.i.c .header_right_buttons .search-wrap .dropdown-toggle,
.i.c .header_right_buttons .search-wrap button,
.i.c .header_right_buttons .search-wrap #search_toggle{
border-color: rgba(255, 255, 255, .3);
}
.i.c .header_right_buttons .cart-dropdown .dropdown-toggle .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown button .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown #search_toggle .svg-icon svg,
.i.c .header_right_buttons .header-login .dropdown-toggle .svg-icon svg,
.i.c .header_right_buttons .header-login button .svg-icon svg,
.i.c .header_right_buttons .header-login #search_toggle .svg-icon svg,
.i.c .header_right_buttons .search-wrap .dropdown-toggle .svg-icon svg,
.i.c .header_right_buttons .search-wrap button .svg-icon svg,
.i.c .header_right_buttons .search-wrap #search_toggle .svg-icon svg{
fill: var(--colorLight);
}
.i.c .header_right_buttons .cart-dropdown .dropdown-toggle:hover .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown .dropdown-toggle:active .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown .dropdown-toggle:focus .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown button:hover .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown button:active .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown button:focus .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown #search_toggle:hover .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown #search_toggle:active .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown #search_toggle:focus .svg-icon svg,
.i.c .header_right_buttons .header-login .dropdown-toggle:hover .svg-icon svg,
.i.c .header_right_buttons .header-login .dropdown-toggle:active .svg-icon svg,
.i.c .header_right_buttons .header-login .dropdown-toggle:focus .svg-icon svg,
.i.c .header_right_buttons .header-login button:hover .svg-icon svg,
.i.c .header_right_buttons .header-login button:active .svg-icon svg,
.i.c .header_right_buttons .header-login button:focus .svg-icon svg,
.i.c .header_right_buttons .header-login #search_toggle:hover .svg-icon svg,
.i.c .header_right_buttons .header-login #search_toggle:active .svg-icon svg,
.i.c .header_right_buttons .header-login #search_toggle:focus .svg-icon svg,
.i.c .header_right_buttons .search-wrap .dropdown-toggle:hover .svg-icon svg,
.i.c .header_right_buttons .search-wrap .dropdown-toggle:active .svg-icon svg,
.i.c .header_right_buttons .search-wrap .dropdown-toggle:focus .svg-icon svg,
.i.c .header_right_buttons .search-wrap button:hover .svg-icon svg,
.i.c .header_right_buttons .search-wrap button:active .svg-icon svg,
.i.c .header_right_buttons .search-wrap button:focus .svg-icon svg,
.i.c .header_right_buttons .search-wrap #search_toggle:hover .svg-icon svg,
.i.c .header_right_buttons .search-wrap #search_toggle:active .svg-icon svg,
.i.c .header_right_buttons .search-wrap #search_toggle:focus .svg-icon svg{
fill: var(--colorLight);
opacity: .7;
}
.i.c .widget_nav_menu li a,
.i.c .side_header_inner .widget.widget_nav_menu li.current_page_item a,
.i.c .menu-side-click li .activate_submenu{
color: var(--colorLight);
}
.i.c .side_header_inner .widget.widget_nav_menu li a::before{
border-color: var(--colorLight);
}
@media (min-width: 1200px) {
.i.c .top-menu > li.current-menu-item > a,
.i.c .top-menu > li.menu-item > a:hover{
color: var(--colorLight);
}
.i.c .top-menu.menu-low-items > li:not(:last-child)::before,
.i.c .top-menu > li > a:before{
background-color: var(--colorLight);
}
}
.i.c.c2{
background-color: #00a6a1;
background-color: var(--colorMain2);
}
.i.c.c2 .meta-wrap .cart-dropdown .dropdown-toggle .svg-icon svg{
fill: var(--colorMain);
}
.i.c.c3{
background-color: #16a4d6;
background-color: var(--colorMain3);
}
.i.c.gradient{
background-image: linear-gradient(0deg, #0095b3, #00a6a1);
background-image: linear-gradient(0deg, var(--colorMain), var(--colorMain2));
}
.i.c.gradient.horizontal{
background-image: linear-gradient(90deg, #0095b3, #00a6a1);
background-image: linear-gradient(90deg, var(--colorMain), var(--colorMain2));
}
.i.c.gradient.diagonal{
background-image: linear-gradient(45deg, #0095b3, #00a6a1);
background-image: linear-gradient(45deg, var(--colorMain), var(--colorMain2));
}
.i.c a:focus,
.i.c a:hover{
color: #fff;
}
.i.c a[href*="mailto:"]{
color: var(--colorLight);
}
.i.c input,
.i.c select,
.i.c textarea{
color: var(--colorDarkMuted);
}
.i.c [type=submit]{
color: var(--colorDark);
border-color: var(--colorMain);
}
.i.c [type=submit]:hover{
background-color: var(--colorMain);
color: var(--colorMain);
}
.i.c ::-webkit-input-placeholder{
color: var(--colorDarkMuted);
}
.i.c ::-moz-placeholder{
color: var(--colorDarkMuted);
}
.i.c :-moz-placeholder{
color: var(--colorDarkMuted);
}
.i.c :-ms-input-placeholder{
color: var(--colorDarkMuted);
}
.i.c .wp-block-button__link{
background-color: var(--colorLight);
color: var(--colorMain);
}
.i.c .wp-block-button__link:hover{
color: var(--colorLight);
background-color: rgba(0, 0, 0, 0);
border-color: var(--colorLight);
}
.i .svg-icon svg{
fill: #fff;
}
.i .l.affix .svg-icon svg{
fill: #000;
fill: var(--colorDarkMuted);
}
.i .affix.l,
.i .affix.l.m{
color: #fff;
}
.i .affix.l a,
.i .affix.l.m a{
color: #000;
color: var(--colorDarkMuted);
}
.i .affix.l a:hover,
.i .affix.l.m a:hover{
color: #0095b3;
color: var(--colorMain);
}
.i .widget_nav_menu li a{
color: var(--colorLight);
}
@media (min-width: 1200px) {
.i .top-menu li.menu-item-has-children:after,
.i .top-menu li.menu-item-has-children > a::after{
color: var(--colorLight);
}
}
.i .section-hr{
background-color: var(--colorLight);
}
.i strong{
color: var(--colorLight);
}
.i ol,
.i ul,
.i dd{
color: var(--colorLight);
}
.i .entry-footer{
color: var(--colorLight);
}
.i .entry-footer a{
color: var(--colorLight);
}
.i .dropdown ul:not(.topline-menu) li a{
background-color: var(--colorDark);
}
.i ol.comment-list .comment-meta .comment-author,
.i ol.comment-list .comment-meta .comment-metadata a:hover,
.i .nav-links .current,
.i .page-links .current,
.i .nav-links a,
.i .nav-links .current,
.i .nav-links .dots,
.i .page-links a,
.i .page-links .current,
.i .page-links .dots{
color: var(--colorLight);
opacity: 1;
}
.i .nav-links a:hover,
.i .nav-links .dots:hover,
.i .page-links a:hover,
.i .page-links .dots:hover{
color: var(--colorLight);
opacity: .7;
}
.i .nav-links a:hover .icon-inline .svg-icon svg,
.i .nav-links .dots:hover .icon-inline .svg-icon svg,
.i .page-links a:hover .icon-inline .svg-icon svg,
.i .page-links .dots:hover .icon-inline .svg-icon svg{
fill: var(--colorLight);
}
.i .page-links .current:hover,
.i .nav-links .current:hover{
opacity: 1;
color: var(--colorLight);
}
.i .woo .comment-reply-title{
color: var(--colorLight);
}
.i .top-menu li.menu-item.current-menu-ancestor > a{
color: var(--colorLight);
}
.i .top-menu li.menu-item.current-menu-ancestor .sub-menu .current-menu-ancestor > a{
color: var(--colorMain);
}
.bordered{
border: 1px solid;
border-color: #c3c3c3;
border-color: var(--colorBorder);
}
.i .bordered{
border-color: rgba(255, 255, 255, .3);
}
.muted{
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
.l.m .muted{
background-color: #fff;
background-color: var(--colorLight);
}
.i .muted{
background-color: rgba(255, 255, 255, .1);
}
.shadow{
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
}
.i .shadow{
box-shadow: 0 0 20px 0 rgba(255, 255, 255, .1);
}
.d-none{
display: none !important;
}
.extra-padding,
.bordered,
.muted,
.shadow{
padding: 50px;
}
@media (max-width: 500px) {
.extra-padding,
.bordered,
.muted,
.shadow{
padding: 30px;
}
}
.rounded{
border-radius: 10px;
overflow: hidden;
}
.background-overlay{
position: relative;
}
.background-overlay:before{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(50, 50, 50, .5);
}
.background-overlay.overlay-light:before{
background-color: rgba(255, 255, 255, .75);
}
.background-overlay > *{
position: relative;
}
.background-cover{
background-position: 50% 0;
background-size: cover;
}
.background-cover.cover-center{
background-position: 50% 50%;
}
.background-fixed{
background-attachment: fixed;
}
.dropdown{
position: relative;
}
.fs-9{
font-size: 9px;
}
.fs-10{
font-size: 10px;
}
.fs-11{
font-size: 11px;
}
.fs-12{
font-size: 12px;
}
.fs-13{
font-size: 13px;
}
.fs-14{
font-size: 14px;
}
.fs-15{
font-size: 15px;
}
.fs-16{
font-size: 16px;
}
.fs-17{
font-size: 17px;
}
.fs-18{
font-size: 18px;
}
.fs-19{
font-size: 19px;
}
.fs-20{
font-size: 20px;
}
.fs-21{
font-size: 21px;
}
.fs-22{
font-size: 22px;
}
.text-right{
text-align: right;
}
.text-center{
text-align: center;
}
.text-left{
text-align: left !important;
}
.fw-100{
font-weight: 100;
}
.fw-300,
.thin{
font-weight: 300;
}
.fw-400{
font-weight: 400;
}
.fw-500{
font-weight: 500;
}
.fw-600{
font-weight: 600;
}
.fw-700,
.bolder{
font-weight: 700;
}
.fw-900,
.bold{
font-weight: 900;
}
.w-100{
width: 100%;
}
.border-bottom{
border-bottom: 1px solid var(--colorDark);
}
@media (min-width: 1199px) {
.mt-xl--115{
margin-top: -115px;
z-index: -1;
}
}
@media (min-width: 1199px) {
.mt-xl--320{
margin-top: -320px;
}
}
.overflow-hidden{
overflow: hidden;
}
@-webkit-keyframes pulse-icon-color-main {
70%{
box-shadow: 0 0 0 1em rgba(0, 149, 179, 0), 0 0 0 .5em rgba(0, 149, 179, 0);
}
100%{
box-shadow: 0 0 0 0 rgba(0, 149, 179, 0), 0 0 0 0 rgba(0, 149, 179, 0);
}
}
@media (min-width: 992px) {
.desktop-opacity-none .wp-block-getwid-media-text-slider-slide-content__media-overlay{
opacity: 0 !important;
}
}
@media (min-width: 992px) {
.desktop-section-overlay-none .wp-block-getwid-section__foreground{
opacity: 0 !important;
}
}
.bg-position-section-little-right .wp-block-getwid-section__background{
background-position: 60% center;
}
.bg-position-little-right img{
-o-object-position: 65%;
object-position: 65%;
}
.round-text{
position: absolute;
bottom: 60px;
right: 0;
-webkit-animation: iqrotation 15s infinite linear;
animation: iqrotation 15s infinite linear;
-webkit-animation-play-state: running;
animation-play-state: running;
}
@media (max-width: 1599px) {
.round-text{
right: 15px;
}
}
.round-text img{
position: relative;
max-height: 170px;
}
@-webkit-keyframes iqrotation {
from{
-webkit-transform: rotate(0deg);
}
to{
-webkit-transform: rotate(359deg);
}
}
@keyframes iqrotation {
from{
-webkit-transform: rotate(0deg);
}
to{
-webkit-transform: rotate(359deg);
}
}
@media (max-width: 1199px) {
.round-text{
display: none;
}
}
.hidden,
.d-none,
.shown-xl,
.shown-lg,
.shown-md,
.shown-sm,
.shown-xs{
display: none;
}
@media (max-width: 1599px) {
.hidden-xl{
display: none;
}
}
@media (max-width: 1199px) {
.hidden-lg{
display: none;
}
}
@media (max-width: 991px) {
.hidden-md{
display: none;
}
}
@media (max-width: 767px) {
.hidden-sm{
display: none;
}
}
@media (max-width: 599px) {
.hidden-xs{
display: none;
}
}
@media (max-width: 1599px) {
.shown-xl{
display: block;
}
}
@media (max-width: 1199px) {
.shown-lg{
display: block;
}
}
@media (max-width: 991px) {
.shown-md{
display: block;
}
}
@media (max-width: 767px) {
.shown-sm{
display: block;
}
}
@media (max-width: 599px) {
.shown-xs{
display: block;
}
}
.animate.an__fadeInLeft{
-webkit-animation: 5s infinite linear;
animation: 5s infinite linear;
-webkit-animation-play-state: unset;
animation-play-state: unset;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
from{
opacity: 0;
-webkit-transform: translate3d(0, -9%, 0);
transform: translate3d(0, -9%, 0);
}
to{
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from{
opacity: 0;
-webkit-transform: translate3d(0, -9%, 0);
transform: translate3d(0, -9%, 0);
}
to{
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@media (min-width: 992px) {
.with-sidebar.sidebar-left .column-aside{
margin-right: 30px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-10{
margin-right: 10px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-15{
margin-right: 15px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-20{
margin-right: 20px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-30{
margin-right: 30px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-40{
margin-right: 40px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-60{
margin-right: 60px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-80{
margin-right: 80px !important;
margin-left: 0 !important;
}
.with-sidebar .column-aside{
margin-left: 30px !important;
}
.with-sidebar .column-aside.m-lg-10{
margin-left: 10px !important;
}
.with-sidebar .column-aside.m-lg-15{
margin-left: 15px !important;
}
.with-sidebar .column-aside.m-lg-20{
margin-left: 20px !important;
}
.with-sidebar .column-aside.m-lg-30{
margin-left: 30px !important;
}
.with-sidebar .column-aside.m-lg-40{
margin-left: 40px !important;
}
.with-sidebar .column-aside.m-lg-60{
margin-left: 60px !important;
}
.with-sidebar .column-aside.m-lg-80{
margin-left: 80px !important;
}
}
.position-relative{
position: relative;
}
.color-main2{
color: var(--colorMain2) !important;
}
.color-main3{
color: var(--colorMain3) !important;
}
.divider-50{
margin-bottom: 50px;
}
@media (max-width: 767px) {
.divider-50{
margin-bottom: 30px;
}
}
strong{
color: var(--colorDark);
}
.bg_teaser{
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0;
position: relative;
color: var(--colorLight);
overflow: hidden;
}
.single .bg_teaser{
color: var(--colorFont);
}
.highlight{
color: var(--colorMain);
}
.container{
position: relative;
max-width: 1520px;
padding: 0 15px;
margin: auto;
}
.container:before,
.container:after{
content: "";
display: block;
clear: both;
}
.container-1520 .main .container,
.container-1520 .title .container,
.container-1520 .header .container,
.container-1520 .toplogo .container,
.container-1520 .topline .container,
.container-1520 .footer .container,
.container-1520 .copyright .container{
max-width: 1520px;
}
.container-1170 .main .container,
.container-1170 .title .container,
.container-1170 .header .container,
.container-1170 .toplogo .container,
.container-1170 .topline .container,
.container-1170 .footer .container,
.container-1170 .copyright .container{
max-width: 1170px;
}
@media (min-width: 1200px) {
.container-1170 .main .container,
.container-1170 .title .container,
.container-1170 .header .container,
.container-1170 .toplogo .container,
.container-1170 .topline .container,
.container-1170 .footer .container,
.container-1170 .copyright .container{
max-width: 1200px;
}
}
.container-960 .main .container,
.container-960 .title .container,
.container-960 .header .container,
.container-960 .toplogo .container,
.container-960 .topline .container,
.container-960 .footer .container,
.container-960 .copyright .container{
max-width: 960px;
}
.container-720 .main .container,
.container-720 .title .container,
.container-720 .header .container,
.container-720 .toplogo .container,
.container-720 .topline .container,
.container-720 .footer .container,
.container-720 .copyright .container{
max-width: 720px;
}
.main.container-1520 > .container,
.title.container-1520 > .container{
max-width: 1520px;
}
.main.container-1170 > .container,
.title.container-1170 > .container{
max-width: 1170px;
}
.main.container-960 > .container,
.title.container-960 > .container{
max-width: 960px;
}
.main.container-720 > .container,
.title.container-720 > .container{
max-width: 770px;
}
.row:before,
.row:after{
content: "";
display: block;
clear: both;
}
.container-fluid{
position: relative;
}
.container-fluid:before,
.container-fluid:after{
content: "";
display: block;
clear: both;
}
.title .container-fluid,
.footer .container-fluid,
.copyright .container-fluid,
.toplogo .container-fluid,
.topline .container-fluid{
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 1560px)and (min-width: 1200px) {
.container,
.container-fluid{
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 1199px) {
.container,
.container-fluid{
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
}
.header .container,
.topline .container,
.header .container-fluid,
.topline .container-fluid{
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 992px) {
.container-md-flex{
display: flex;
align-items: center;
}
}
.cols-1,
.gallery-columns-1{
display: block;
}
.cols-1 > *,
.cols-1 > .grid-sizer,
.cols-1 > .grid-item,
.gallery-columns-1 > *,
.gallery-columns-1 > .grid-sizer,
.gallery-columns-1 > .grid-item{
width: 100%;
}
.cols-2,
.gallery-columns-2{
display: flex;
flex-wrap: wrap;
}
.cols-2 > *,
.gallery-columns-2 > *{
width: 50%;
}
.cols-3,
.gallery-columns-3{
display: flex;
flex-wrap: wrap;
}
.cols-3 > *,
.gallery-columns-3 > *{
width: 33.333%;
}
.cols-4,
.gallery-columns-4{
display: flex;
flex-wrap: wrap;
}
.cols-4 > *,
.gallery-columns-4 > *{
width: 25%;
}
.cols-5,
.gallery-columns-5{
display: flex;
flex-wrap: wrap;
}
.cols-5 > *,
.gallery-columns-5 > *{
width: 20%;
}
.cols-6,
.gallery-columns-6{
display: flex;
flex-wrap: wrap;
}
.cols-6 > *,
.gallery-columns-6 > *{
width: 16.666%;
}
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9{
display: flex;
flex-wrap: wrap;
}
.gallery-columns-7 > *,
.gallery-columns-8 > *,
.gallery-columns-9 > *{
width: 16.666%;
}
.grid-wrapper{
display: flex;
flex-wrap: wrap;
}
.grid-wrapper .grid-sizer{
display: none;
}
.grid-item .post-title{
font-size: 1.1em;
}
.layout-gap-1 .grid-wrapper,
.layout-gap-1 .masonry{
margin-left: -1px;
margin-right: 0;
}
.layout-gap-1 .grid-item{
padding-right: 0;
padding-left: 1px;
padding-bottom: 1px;
}
.layout-gap-2 .grid-wrapper,
.layout-gap-2 .masonry{
margin-left: -1px;
margin-right: -1px;
}
.layout-gap-2 .grid-item{
padding-right: 1px;
padding-left: 1px;
padding-bottom: 2px;
}
.layout-gap-3 .grid-wrapper,
.layout-gap-3 .masonry{
margin-left: -2px;
margin-right: -1px;
}
.layout-gap-3 .grid-item{
padding-right: 1px;
padding-left: 2px;
padding-bottom: 3px;
}
.layout-gap-4 .grid-wrapper,
.layout-gap-4 .masonry{
margin-left: -2px;
margin-right: -2px;
}
.layout-gap-4 .grid-item{
padding-right: 2px;
padding-left: 2px;
padding-bottom: 4px;
}
.layout-gap-5 .grid-wrapper,
.layout-gap-5 .masonry{
margin-left: -3px;
margin-right: -2px;
}
.layout-gap-5 .grid-item{
padding-right: 2px;
padding-left: 3px;
padding-bottom: 5px;
}
.layout-gap-10 .grid-wrapper,
.layout-gap-10 .masonry{
margin-left: -5px;
margin-right: -5px;
}
.layout-gap-10 .grid-item{
padding-right: 5px;
padding-left: 5px;
padding-bottom: 10px;
}
.layout-gap-15 .grid-wrapper,
.layout-gap-15 .masonry{
margin-left: -8px;
margin-right: -7px;
}
.layout-gap-15 .grid-item{
padding-right: 7px;
padding-left: 8px;
padding-bottom: 15px;
}
.layout-gap-20 .grid-wrapper,
.layout-gap-20 .masonry{
margin-left: -10px;
margin-right: -10px;
}
.layout-gap-20 .grid-item{
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
}
.layout-gap-30 .grid-wrapper,
.layout-gap-30 .masonry{
margin-left: -15px;
margin-right: -15px;
}
.layout-gap-30 .grid-item{
padding-right: 15px;
padding-left: 15px;
padding-bottom: 30px;
}
.layout-gap-40 .grid-wrapper,
.layout-gap-40 .masonry{
margin-left: -20px;
margin-right: -20px;
}
.layout-gap-40 .grid-item{
padding-right: 20px;
padding-left: 20px;
padding-bottom: 40px;
}
.layout-gap-50 .grid-wrapper,
.layout-gap-50 .masonry{
margin-left: -25px;
margin-right: -25px;
}
.layout-gap-50 .grid-item{
padding-right: 25px;
padding-left: 25px;
padding-bottom: 50px;
}
.layout-gap-60 .grid-wrapper,
.layout-gap-60 .masonry{
margin-left: -30px;
margin-right: -30px;
}
.layout-gap-60 .grid-item{
padding-right: 30px;
padding-left: 30px;
padding-bottom: 60px;
}
.grid-sizer,
.grid-item{
width: 100%;
}
@media screen and (min-width: 768px) {
.grid-sizer,
.grid-item{
width: 50%;
}
.layout-cols-1 .grid-item{
width: 100%;
}
}
@media screen and (min-width: 992px) {
.layout-cols-3 .grid-sizer,
.layout-cols-3 .grid-item{
width: 33.3333%;
}
.layout-cols-4 .grid-sizer,
.layout-cols-4 .grid-item,
.layout-cols-5 .grid-sizer,
.layout-cols-5 .grid-item,
.layout-cols-6 .grid-sizer,
.layout-cols-6 .grid-item{
width: 25%;
}
}
@media screen and (min-width: 1200px) {
.layout-cols-5 .grid-sizer,
.layout-cols-5 .grid-item{
width: 20%;
}
.layout-cols-6 .grid-sizer,
.layout-cols-6 .grid-item{
width: 16.666%;
}
}
@media screen and (min-width: 576px) {
.masonry-grid{
width: calc(100% + 50px);
margin-right: -25px;
margin-left: -25px;
}
.masonry-grid > * > *{
margin: 25px;
}
.masonry-2-cols > * > *,
.masonry-3-cols > * > *,
.masonry-4-cols > * > *{
width: calc(50% - 50px);
}
}
@media screen and (min-width: 992px) {
.masonry-3-cols > * > *{
width: calc(33.3333% - 50px);
}
.masonry-4-cols > * > *{
width: calc(25% - 50px);
}
}
.section{
margin-left: -100em;
margin-right: -100em;
padding-left: 100em;
padding-right: 100em;
}
.with-sidebar .section{
margin-left: 0;
margin-right: 0;
padding-left: 1.5em;
padding-right: 1.5em;
}
@media (max-width: 1200px) {
.section.alignfull{
padding-left: 0;
padding-right: 0;
}
}
.decor{
position: relative;
z-index: 2;
-webkit-clip-path: inset(-60px 0);
clip-path: inset(-60px 0);
}
.decor:before,
.decor:after{
content: "";
position: absolute;
left: 0;
right: 0;
height: 60px;
top: -59px;
background-color: #fff;
background-color: var(--colorLight);
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
display: none;
}
.decor:after{
top: auto;
bottom: -59px;
-webkit-transform: scaleY(-1) scaleX(-1);
transform: scaleY(-1) scaleX(-1);
}
@media (max-width: 1199px) {
.decor:before,
.decor:after{
height: 30px;
top: -29px;
}
.decor:after{
top: auto;
bottom: -29px;
}
}
.decor.section:before,
.decor.section:after{
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.decor.decor-t-inverse:before{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.decor.decor-b-inverse:after{
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.decor.chev-t:before{
-webkit-clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.decor.chev-b:after{
-webkit-clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.decor.arr-t:before{
-webkit-clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.decor.arr-b:after{
-webkit-clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
-webkit-transform: none;
transform: none;
}
.decor.m:before,
.decor.m:after{
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
.decor.i:before,
.decor.i:after{
background-color: #323232;
background-color: var(--colorDark);
}
.decor.i.m:before,
.decor.i.m:after{
background-color: #000;
background-color: var(--colorDarkMuted);
}
.decor.c:before,
.decor.c:after{
background-color: #0095b3;
background-color: var(--colorMain);
}
.decor.c2:before,
.decor.c2:after{
background-color: #00a6a1;
background-color: var(--colorMain2);
}
.decor.gradient:after{
background-color: #00a6a1;
background-color: var(--colorMain2);
}
.decor-t:before,
.decor-t-inverse:before,
.arr-t:before,
.chev-t:before,
.decor-b:after,
.decor-b-inverse:after,
.arr-b:after,
.chev-b:after{
display: block;
}
.screen{
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
}
.posts-list{
padding: 0;
margin: 0;
text-align: left;
counter-reset: li !important;
}
.posts-list img{
display: block;
line-height: 1;
}
.posts-list li{
display: flex;
position: relative;
}
.posts-list li img{
max-width: 70px;
min-width: 70px;
height: auto;
border-radius: 3px;
}
.posts-list li h3,
.posts-list li h4{
font-size: 14px;
font-weight: 700;
line-height: 18px;
margin-bottom: 10px;
}
.posts-list li h3 a:hover,
.posts-list li h4 a:hover{
color: var(--colorMain2);
}
.posts-list li + li{
margin-top: 1.875em;
}
.posts-list .posts-list-thumbnail{
margin-right: 20px;
width: auto;
}
.posts-list .item-content{
display: flex;
flex-direction: column;
justify-content: center;
}
.icon-inline-wrap{
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.icon-inline-wrap .icon-inline.post-date,
.icon-inline-wrap .icon-inline.post-comments-number{
color: var(--colorDark);
}
.icon-inline-wrap > span:first-child{
margin-right: 20px;
}
.i .icon-inline.post-comments-number{
color: var(--colorLight);
}
li .post-date.icon-inline{
font-size: 16px;
line-height: 1.3;
display: flex;
align-items: center;
color: #787878;
color: var(--colorFont);
}
li .post-date.icon-inline svg{
fill: #787878;
fill: var(--colorFont);
max-width: 1em;
max-height: 1em;
}
.i li .post-date.icon-inline{
color: #fff;
color: var(--colorLight);
}
.i li .post-date.icon-inline svg{
fill: #fff;
fill: var(--colorLight);
}
.posts-list-thumbnail{
display: block;
position: relative;
width: 100%;
}
.posts-list-thumbnail img{
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.posts-list-thumbnail .svg-icon{
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
text-align: center;
background-color: rgba(0, 0, 0, .5);
border-radius: 0 3px 0 3px;
}
.posts-list-thumbnail .svg-icon svg{
fill: #fff;
}
.post-title{
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin-bottom: 0;
}
.sub-title{
margin-bottom: 3em;
}
@media screen and (max-width: 767px) {
.posts-featured{
margin-bottom: 1em;
}
.posts-featured-item{
margin-bottom: 1em;
}
}
@media screen and (min-width: 768px) {
.posts-wrap .content-absolute{
height: 100%;
}
}
.posts-single-item + .posts-single-item,
.posts-single-item + .posts-side-item,
.posts-side-item + .posts-single-item,
.posts-side-item + .posts-side-item{
margin-top: 2em;
}
.widget-posts-title-only h3.post-title{
margin-top: 0;
}
.widget-posts-title-only li + li{
margin-top: 0;
}
.column-aside .posts-wrap{
display: block;
}
.column-aside .posts-wrap > *{
width: 100%;
}
.column-aside .grid-wrapper{
display: block;
}
.column-aside .grid-wrapper .grid-item{
width: 100%;
}
.column-aside .posts-featured-item{
margin-bottom: 2em;
}
.layout-cols article{
margin-bottom: 3.5em;
}
.layout-cols .grid-item:last-child article{
margin-bottom: 0;
}
@media (min-width: 768px) {
.d-grid{
display: grid;
grid-gap: 1em;
}
.d-grid [class*=item-]{
position: relative;
overflow: hidden;
}
.d-grid [class*=item-] img{
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.layout-gap-1 .d-grid{
grid-gap: 1px;
}
.layout-gap-2 .d-grid{
grid-gap: 2px;
}
.layout-gap-3 .d-grid{
grid-gap: 3px;
}
.layout-gap-4 .d-grid{
grid-gap: 4px;
}
.layout-gap-5 .d-grid{
grid-gap: 5px;
}
.layout-gap-10 .d-grid{
grid-gap: 10px;
}
.layout-gap-15 .d-grid{
grid-gap: 15px;
}
.layout-gap-20 .d-grid{
grid-gap: 20px;
}
.layout-gap-30 .d-grid{
grid-gap: 30px;
}
.layout-gap-40 .d-grid{
grid-gap: 40px;
}
.layout-gap-50 .d-grid{
grid-gap: 50px;
}
.layout-gap-60 .d-grid{
grid-gap: 60px;
}
.grid-4-cols,
.grid-2-cols{
grid-template-columns: 1fr 1fr;
}
.grid-2-cols-big-first{
grid-template-columns: 2fr 1fr;
}
.grid-3-cols{
grid-template-columns: 1fr 1fr 1fr;
}
.layout-2-cols-loop .post-grid-item:nth-child(6n-1),
.layout-2-cols-loop .post-grid-item:nth-child(6n+1),
.layout-2-cols-loop .post-grid-item:nth-child(1){
grid-row: auto/span 2;
}
}
@media (min-width: 992px) {
.grid-4-cols{
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.read-all-link{
display: block;
margin-top: 2em;
text-align: right;
}
.text-center .read-all-link{
text-align: center;
}
.widget .widgettitle{
font-size: 30px;
line-height: 39px;
margin-bottom: 30px;
}
.widget-posts-default.layout-slider .posts-list li.list-has-post-thumbnail::before{
display: none;
}
.widget-posts-default.layout-slider .posts-list li img{
max-width: 440px;
max-height: 440px;
}
.widget-posts-default.layout-slider .item-content .author-avatar img{
border-radius: 50%;
}
body.single-post.with-sidebar.sidebar-left .meta-date,
body.single-post.with-sidebar .meta-date,
body.single-post.no-sidebar .meta-date{
margin-top: 0;
}
body.single-post.with-sidebar.sidebar-left .title-wrap,
body.single-post.with-sidebar .title-wrap,
body.single-post.no-sidebar .title-wrap{
position: relative;
text-align: left;
z-index: 0;
}
body.single-post.with-sidebar.sidebar-left .title-wrap .background-author,
body.single-post.with-sidebar .title-wrap .background-author,
body.single-post.no-sidebar .title-wrap .background-author{
font-family: "Kristi";
font-style: normal;
font-weight: normal;
font-size: 150px;
line-height: 120px;
color: var(--colorBackground) !important;
position: absolute;
top: -60px;
z-index: -1;
}
@media (max-width: 767px) {
body.single-post.with-sidebar.sidebar-left .title-wrap .background-author,
body.single-post.with-sidebar .title-wrap .background-author,
body.single-post.no-sidebar .title-wrap .background-author{
font-size: 80px;
line-height: 70px;
top: -35px;
}
}
body.single-post.with-sidebar.sidebar-left .title-wrap .author-post,
body.single-post.with-sidebar .title-wrap .author-post,
body.single-post.no-sidebar .title-wrap .author-post{
color: var(--colorMain2);
margin-bottom: 20px;
font-size: 16px;
line-height: 21px;
font-weight: bold;
}
@media (max-width: 767px) {
body.single-post.with-sidebar.sidebar-left .title-wrap .author-post,
body.single-post.with-sidebar .title-wrap .author-post,
body.single-post.no-sidebar .title-wrap .author-post{
margin-bottom: 10px;
}
}
body.single-post.with-sidebar.sidebar-left .title-wrap .entry-title,
body.single-post.with-sidebar .title-wrap .entry-title,
body.single-post.no-sidebar .title-wrap .entry-title{
font-weight: 500;
font-size: 80px;
line-height: 80px;
color: var(--colorDark);
margin-bottom: 50px;
}
@media (max-width: 767px) {
body.single-post.with-sidebar.sidebar-left .title-wrap .entry-title,
body.single-post.with-sidebar .title-wrap .entry-title,
body.single-post.no-sidebar .title-wrap .entry-title{
font-size: 40px;
line-height: 50px;
margin-bottom: 30px;
}
}
body.single-post.with-sidebar.sidebar-left .i .title-wrap .background-author,
body.single-post.with-sidebar .i .title-wrap .background-author,
body.single-post.no-sidebar .i .title-wrap .background-author{
opacity: .2;
}
body.single-post.with-sidebar.sidebar-left .i .title-wrap .entry-title,
body.single-post.with-sidebar .i .title-wrap .entry-title,
body.single-post.no-sidebar .i .title-wrap .entry-title{
color: var(--colorLight);
}
body.single-post.with-sidebar.sidebar-left .item-content,
body.single-post.with-sidebar .item-content,
body.single-post.no-sidebar .item-content{
padding: 35px 40px 0;
}
@media (min-width: 1200px) {
body.single-post.with-sidebar.sidebar-left .item-content,
body.single-post.with-sidebar .item-content,
body.single-post.no-sidebar .item-content{
padding: 55px 60px 0;
}
}
body.single-post.with-sidebar.sidebar-left .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list),
body.single-post.with-sidebar .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list),
body.single-post.no-sidebar .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list){
padding-left: 0;
margin: 23px 0 22px;
list-style: none;
font-size: 16px;
}
body.single-post.with-sidebar.sidebar-left .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li,
body.single-post.with-sidebar .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li,
body.single-post.no-sidebar .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li{
padding: 3px 0;
position: relative;
}
body.single-post.with-sidebar.sidebar-left .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li div,
body.single-post.with-sidebar .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li div,
body.single-post.no-sidebar .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li div{
display: inline-block;
}
body.single-post.with-sidebar.sidebar-left .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li ul,
body.single-post.with-sidebar.sidebar-left .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li ol,
body.single-post.with-sidebar .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li ul,
body.single-post.with-sidebar .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li ol,
body.single-post.no-sidebar .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li ul,
body.single-post.no-sidebar .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li ol{
margin: 0 0 0 30px;
}
body.single-post.with-sidebar.sidebar-left .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li ol li::before,
body.single-post.with-sidebar .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li ol li::before,
body.single-post.no-sidebar .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li ol li::before{
display: none;
}
body.single-post.with-sidebar.sidebar-left .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li::before,
body.single-post.with-sidebar .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li::before,
body.single-post.no-sidebar .item-content ul:not(.blocks-gallery-grid):not(.wp-block-latest-posts__list):not(.dropdown-list) li::before{
content: "";
position: relative;
display: inline-block;
width: 5px;
height: 5px;
background-color: var(--colorMain);
border-radius: 50%;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-right: 25px;
color: var(--colorMain);
}
body.single-post.with-sidebar.sidebar-left .title-wrap + .item-content,
body.single-post.with-sidebar .title-wrap + .item-content,
body.single-post.no-sidebar .title-wrap + .item-content{
padding: 0;
}
body.single-post.no-sidebar .title-wrap{
text-align: center;
}
body.single-post.no-sidebar .title-wrap .background-author{
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.side-item .post-thumbnail{
margin-bottom: 0;
}
.side-item .item-content{
padding-top: 2em;
}
@media screen and (min-width: 576px) {
.side-item{
display: flex;
}
.side-item > *{
flex: 2 1;
}
.side-item > *:first-child{
flex: 1 1;
margin-right: 30px;
}
.side-item.has-post-thumbnail .item-content{
padding-top: 0;
}
}
.item-media img{
display: block;
}
.content-absolute{
position: relative;
display: flex;
}
.content-absolute .entry-title{
margin-bottom: .3em;
}
.content-absolute .overlap-content{
position: absolute;
padding: 3em 1em 1em;
bottom: 0;
right: 0;
left: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
color: #fff;
color: var(--colorLight);
}
.content-absolute .overlap-content h1,
.content-absolute .overlap-content h2,
.content-absolute .overlap-content h3,
.content-absolute .overlap-content h4{
color: #fff;
color: var(--colorLight);
}
.content-absolute .overlap-content a{
color: #fff;
color: var(--colorLight);
}
.content-absolute .overlap-content a:hover{
color: #fff;
color: var(--colorLight);
opacity: .7;
}
.content-absolute .overlap-content span .svg-icon svg{
fill: #fff;
}
.content-absolute .overlap-content .entry-footer{
padding: 0;
border: none;
margin-top: .5em;
color: rgba(255, 255, 255, .7);
}
.content-absolute .overlap-content .entry-footer a:hover{
color: #0095b3;
color: var(--colorMain);
}
.content-absolute h2,
.content-absolute h3{
margin-bottom: .15em;
}
.content-absolute p:last-child{
margin-bottom: 0;
}
.abs-link{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.icon-box{
margin-bottom: 2em;
}
.icon-box .icon-box-content{
padding-top: 1em;
}
.icon-box h3{
margin-bottom: .75em;
}
.icon-box .icon-box-media{
display: block;
}
.icon-box .icon-box-media img,
.icon-box .icon-box-media svg{
display: block;
margin-bottom: 1.75em;
}
.icon-box.text-center img,
.icon-box.text-center svg{
margin-left: auto;
margin-right: auto;
}
.icon-box.horizontal{
display: flex;
}
.icon-box.horizontal img,
.icon-box.horizontal svg{
max-width: 100px;
margin-right: 1em;
}
.icon-box.horizontal h3{
margin-bottom: .5em;
}
body{
position: relative;
left: 0;
}
body:after{
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .8);
z-index: 1001;
visibility: hidden;
opacity: 0;
}
body,
body:after,
.page_header_side{
transition: all .8s ease-in-out;
}
body{
transition-property: left, right;
}
body.active-side-header{
left: 310px;
}
body.active-side-header .page_header_side{
left: 0;
}
body.active-side-header:after{
visibility: visible;
opacity: 1;
}
.page_header_side{
z-index: 1002;
position: fixed;
width: 310px;
left: -310px;
top: 0;
bottom: 0;
}
.page_header_side.active-slide-side-header{
box-shadow: 0 0px 3px 3px rgba(50, 50, 50, .15);
}
.page_header_side .logo-meta{
display: block;
text-align: center;
}
.page_header_side .social-links-wrap{
margin-top: 10px;
text-align: center;
}
.page_header_side .social-links-wrap .social-links{
justify-content: center;
}
.side_header_inner{
padding: 60px 30px;
}
.side_header_inner .logo_text{
text-align: left;
}
.toggle_menu_side{
position: absolute;
top: 15px;
right: -65px;
background-color: var(--colorLight);
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
cursor: pointer;
box-shadow: 0 0 4px 0 rgba(50, 50, 50, .5);
}
.toggle_menu_side:before{
font-family: "FontAwesome";
content: "";
}
.active-slide-side-header .toggle_menu_side:before,
.active-side-header .toggle_menu_side:before{
content: "";
}
.i .toggle_menu_side{
background-color: var(--colorDark);
color: var(--colorLight);
}
@media (max-width: 350px) {
.toggle_menu_side{
top: 5px;
right: -55px;
}
}
.page_header_side.active-slide-side-header{
left: 0;
}
.page_header_side.header_side_right{
left: auto;
right: -310px;
}
.page_header_side.header_side_right.active-slide-side-header{
right: 0;
}
.page_header_side.header_side_right .toggle_menu_side{
right: auto;
left: -65px;
}
@media (max-width: 350px) {
.page_header_side.header_side_right .toggle_menu_side{
left: -50px;
}
}
body.active-side-header.slide-right{
left: -310px;
}
body.active-side-header.slide-right .page_header_side{
left: auto;
right: 0;
}
.mainmenu_side_wrapper ul ul,
.mainmenu_side_wrapper .mega-menu{
height: 0;
overflow: hidden;
}
.mainmenu_side_wrapper ul li.sfHover > .mega-menu ul{
display: block;
height: 100%;
}
.mainmenu_side_wrapper .mega-menu > ul{
height: auto;
}
.menu-side-click{
padding: 0;
}
.menu-side-click li{
position: relative;
list-style: none;
}
.menu-side-click li a{
margin-right: 25px;
}
.menu-side-click li .activate_submenu{
cursor: pointer;
position: absolute;
right: 0;
top: 8px;
padding: 0;
font-size: 16px;
color: var(--colorMain);
text-align: center;
width: 25px;
line-height: 25px;
}
.menu-side-click li .activate_submenu:before{
content: "+";
}
.menu-side-click li.active-submenu > .activate_submenu:before{
content: "-";
}
.menu-side-click ul{
padding-left: 20px;
opacity: 0;
height: 0;
overflow: hidden;
transition: opacity .05s, height .05s ease;
}
.menu-side-click .active-submenu > div{
height: auto;
}
.menu-side-click .active-submenu > ul,
.menu-side-click .active-submenu > div > ul{
display: block;
opacity: 1;
height: auto;
transition: opacity .6s, height .6s ease;
}
.scroll-wrapper{
overflow: hidden;
padding: 0;
position: relative;
height: 100%;
}
.scroll-wrapper > .scroll-content{
border: none;
box-sizing: content-box;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none;
overflow: scroll;
padding: 0;
position: relative;
top: 0;
width: auto;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar{
height: 0;
width: 0;
}
.scroll-wrapper.scroll--rtl{
direction: rtl;
}
.scroll-element{
box-sizing: content-box;
display: none;
}
.scroll-element div{
box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow{
cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible{
display: block;
}
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div{
background: none;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-macosx > .scroll-element div{
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-macosx > .scroll-element .scroll-element_track{
display: none;
}
.scrollbar-macosx > .scroll-element .scroll-bar{
background-color: rgba(127, 127, 127, .4);
display: block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
border-radius: 7px;
transition: opacity .2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: .7;
}
.scrollbar-macosx > .scroll-element.scroll-x{
bottom: 0;
height: 0;
left: 0;
min-width: 100%;
overflow: visible;
width: 100%;
}
.scrollbar-macosx > .scroll-element.scroll-y{
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 0;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar{
height: 7px;
min-width: 10px;
top: -9px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar{
left: -9px;
min-height: 10px;
width: 7px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer{
left: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size{
left: -4px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer{
top: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size{
top: -4px;
}
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{
left: -11px;
}
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{
top: -11px;
}
.scrollbar-macosx{
height: 100%;
overflow: hidden;
overflow: scroll;
}
.topline{
position: relative;
z-index: 1;
}
.header-absolute-wrap .topline{
background-color: rgba(0, 0, 0, 0);
}
.topline .container,
.topline .container-fluid{
display: flex;
align-items: center;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 15px;
padding-right: 15px;
}
.topline .container > *:first-child,
.topline .container-fluid > *:first-child{
margin-right: auto;
}
@media (min-width: 1200px) {
.topline .container-fluid > *{
margin-left: 15px;
margin-right: 15px;
}
}
.topline .header-login,
.topline.l .header-login{
margin-right: 30px;
}
.topline .header-login button,
.topline.l .header-login button{
color: var(--colorFont);
}
.topline .header-login button:hover,
.topline.l .header-login button:hover{
color: var(--colorMain);
}
.topline.i .header-login{
margin-right: 30px;
}
.topline.i .header-login button{
color: var(--colorLight);
}
.topline.i .header-login button:hover{
color: var(--colorMain);
}
.topline.i.c .header-login button:hover{
color: var(--colorDark);
}
.topline .icon-inline{
margin: 0 32px 0 0;
font-weight: 400;
line-height: 1;
}
.topline .icon-inline strong{
font-weight: 400;
line-height: 1;
color: var(--colorFont);
}
.topline .icon-inline:last-child{
margin-right: 0;
}
.topline .icon-inline a{
color: var(--colorFont);
}
.topline .icon-inline a:hover{
color: var(--colorMain);
}
.topline.i strong{
color: rgba(255, 255, 255, .8);
}
.topline.i a{
color: rgba(255, 255, 255, .8);
}
.topline.i a:hover{
color: var(--colorMain);
}
.topline.i.c a:hover{
color: var(--colorDark);
}
@media (max-width: 1199px) {
.topline .container,
.topline .container-fluid{
flex-wrap: wrap;
}
.topline .container .site-meta,
.topline .container .header-login,
.topline .container .social-links,
.topline .container-fluid .site-meta,
.topline .container-fluid .header-login,
.topline .container-fluid .social-links{
width: 100%;
text-align: center;
margin: 0;
justify-content: center;
}
.topline .container .site-meta:not(:first-child),
.topline .container .header-login:not(:first-child),
.topline .container .social-links:not(:first-child),
.topline .container-fluid .site-meta:not(:first-child),
.topline .container-fluid .header-login:not(:first-child),
.topline .container-fluid .social-links:not(:first-child){
margin-top: 10px;
}
}
@media (max-width: 767px) {
.topline .icon-inline{
margin-right: 0;
width: 100%;
height: auto;
justify-content: center;
}
}
.topline.l{
color: var(--colorFont);
}
.topline.topline-hidden{
display: none !important;
}
.right .dropdown-menu{
right: 0;
}
#topline_dropdown_toggle{
height: 26px;
margin-left: -0.5em;
}
.right #topline_dropdown_toggle{
margin-right: -0.5em;
}
@media screen and (min-width: 992px) {
#topline_dropdown_toggle{
display: none;
}
}
.toplogo{
position: relative;
z-index: 1;
}
.toplogo>[class*=container]{
padding-left: 15px;
padding-right: 15px;
padding-top: 6px;
padding-bottom: 6px;
}
.toplogo .container-fluid{
padding-left: 15px;
padding-right: 15px;
}
.toplogo .meta-wrap{
line-height: 1;
}
.toplogo .meta-wrap > *{
margin: .5em 0;
}
.toplogo [class*=cols-]{
align-items: center;
}
@media (max-width: 599px) {
.toplogo [class*=cols-]{
flex-direction: column;
}
.toplogo [class*=cols-]>*{
width: auto;
}
.toplogo [class*=cols-] .search-social-wrap,
.toplogo [class*=cols-] .meta-wrap{
margin: 1em 0;
}
}
@media (min-width: 600px) {
.toplogo [class*=cols-]>*:last-child{
text-align: right;
justify-content: flex-end;
}
}
.toplogo .search-social-wrap.flex-column{
align-items: flex-end;
flex-direction: column;
}
.toplogo .search-social-wrap.flex-column > * + *{
margin-top: 0;
}
.toplogo .container-md-flex .logo{
margin-right: auto;
}
.toplogo .container-md-flex .icon-inline,
.toplogo .container-md-flex .search-social-wrap{
margin: 0 30px 0 2px;
}
.search-social-wrap{
display: flex;
align-items: center;
justify-content: center;
}
.header-absolute-wrap{
position: relative;
}
.header-absolute-content{
position: absolute;
top: 0;
left: 0;
right: 0;
}
.header div.container,
.header div.container-fluid,
.header-wrap{
min-height: 60px;
}
.header-wrap.transparent{
background-color: rgba(0, 0, 0, 0);
}
.header-wrap.absolute{
min-height: 0;
}
.header{
top: 0;
left: 0;
right: 0;
position: relative;
transition-property: background-color, -webkit-transform;
transition-property: transform, background-color;
transition-property: transform, background-color, -webkit-transform;
z-index: 1000;
}
.header .logo-meta{
display: none;
}
.header .logo-meta.show-header-meta{
display: block;
}
@media (max-width: 1199px) {
.header .logo-meta.show-header-meta{
display: none;
}
}
.header.transparent,
.header.transparent.i.c.c2,
.header.transparent.i.c.c3,
.header.transparent.i.c.c4,
.header.transparent.i.c.gradient.horizontal,
.header.transparent.i.c.gradient{
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
.header.affix{
position: fixed;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .1);
background-color: #fff;
background-color: var(--colorLight);
}
.header.affix.m{
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
.header.affix.i{
background-color: #323232;
background-color: var(--colorDark);
}
.header.affix.i.m{
background-color: #000;
background-color: var(--colorDarkMuted);
}
.header.affix.i.c{
background-color: #0095b3;
background-color: var(--colorMain);
}
.header.affix.i.c.c2{
background-color: #00a6a1;
background-color: var(--colorMain2);
}
.header.affix .section-hr{
opacity: 0;
}
.header.affix.scrolling-down{
transition-timing-function: ease-in;
transition-duration: .25s;
}
.header.affix.scrolling-up{
transition-timing-function: ease-out;
transition-duration: .3s;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.header.affix.always-sticky{
-webkit-transform: none;
transform: none;
}
.header div.container,
.header div.container-fluid{
display: flex;
justify-content: center;
align-items: center;
padding: 0 15px;
}
@media (max-width: 1560px)and (min-width: 1200px) {
.header div.container,
.header div.container-fluid{
padding-left: 15px;
padding-right: 15px;
}
}
.header #nav_toggle{
display: none;
}
#header-image .l:not(.affix),
#header-image .i:not(.affix),
#header-image .m:not(.affix){
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
.header_right_buttons{
display: flex;
justify-content: flex-end;
align-items: center;
}
.header_right_buttons div:last-child .dropdown-toggle,
.header_right_buttons div:last-child button,
.header_right_buttons div:last-child #search_toggle{
padding-right: 0;
}
@media (min-width: 1400px) {
.header_right_buttons div:last-child .dropdown-toggle,
.header_right_buttons div:last-child button,
.header_right_buttons div:last-child #search_toggle{
padding-right: 16px;
}
}
.header_right_buttons .cart-dropdown,
.header_right_buttons .header-login,
.header_right_buttons .search-wrap{
padding: 6px 0;
margin: 0;
}
.header_right_buttons .cart-dropdown .dropdown-toggle,
.header_right_buttons .cart-dropdown button,
.header_right_buttons .cart-dropdown #search_toggle,
.header_right_buttons .header-login .dropdown-toggle,
.header_right_buttons .header-login button,
.header_right_buttons .header-login #search_toggle,
.header_right_buttons .search-wrap .dropdown-toggle,
.header_right_buttons .search-wrap button,
.header_right_buttons .search-wrap #search_toggle{
display: inline-block;
font-size: 20px;
line-height: 60px;
padding: 0 10px;
margin: 0;
}
@media (min-width: 1400px) {
.header_right_buttons .cart-dropdown .dropdown-toggle,
.header_right_buttons .cart-dropdown button,
.header_right_buttons .cart-dropdown #search_toggle,
.header_right_buttons .header-login .dropdown-toggle,
.header_right_buttons .header-login button,
.header_right_buttons .header-login #search_toggle,
.header_right_buttons .search-wrap .dropdown-toggle,
.header_right_buttons .search-wrap button,
.header_right_buttons .search-wrap #search_toggle{
line-height: 80px;
padding: 0 31px;
border-left: 1px solid;
border-color: rgba(120, 120, 120, .2);
}
}
.header_right_buttons .cart-dropdown .dropdown-toggle .svg-icon,
.header_right_buttons .cart-dropdown button .svg-icon,
.header_right_buttons .cart-dropdown #search_toggle .svg-icon,
.header_right_buttons .header-login .dropdown-toggle .svg-icon,
.header_right_buttons .header-login button .svg-icon,
.header_right_buttons .header-login #search_toggle .svg-icon,
.header_right_buttons .search-wrap .dropdown-toggle .svg-icon,
.header_right_buttons .search-wrap button .svg-icon,
.header_right_buttons .search-wrap #search_toggle .svg-icon{
padding: 0;
opacity: .7;
}
.header_right_buttons .cart-dropdown .dropdown-toggle .svg-icon svg,
.header_right_buttons .cart-dropdown button .svg-icon svg,
.header_right_buttons .cart-dropdown #search_toggle .svg-icon svg,
.header_right_buttons .header-login .dropdown-toggle .svg-icon svg,
.header_right_buttons .header-login button .svg-icon svg,
.header_right_buttons .header-login #search_toggle .svg-icon svg,
.header_right_buttons .search-wrap .dropdown-toggle .svg-icon svg,
.header_right_buttons .search-wrap button .svg-icon svg,
.header_right_buttons .search-wrap #search_toggle .svg-icon svg{
fill: var(--colorFont);
}
.header_right_buttons .cart-dropdown .dropdown-toggle:hover .svg-icon svg,
.header_right_buttons .cart-dropdown .dropdown-toggle:active .svg-icon svg,
.header_right_buttons .cart-dropdown .dropdown-toggle:focus .svg-icon svg,
.header_right_buttons .cart-dropdown button:hover .svg-icon svg,
.header_right_buttons .cart-dropdown button:active .svg-icon svg,
.header_right_buttons .cart-dropdown button:focus .svg-icon svg,
.header_right_buttons .cart-dropdown #search_toggle:hover .svg-icon svg,
.header_right_buttons .cart-dropdown #search_toggle:active .svg-icon svg,
.header_right_buttons .cart-dropdown #search_toggle:focus .svg-icon svg,
.header_right_buttons .header-login .dropdown-toggle:hover .svg-icon svg,
.header_right_buttons .header-login .dropdown-toggle:active .svg-icon svg,
.header_right_buttons .header-login .dropdown-toggle:focus .svg-icon svg,
.header_right_buttons .header-login button:hover .svg-icon svg,
.header_right_buttons .header-login button:active .svg-icon svg,
.header_right_buttons .header-login button:focus .svg-icon svg,
.header_right_buttons .header-login #search_toggle:hover .svg-icon svg,
.header_right_buttons .header-login #search_toggle:active .svg-icon svg,
.header_right_buttons .header-login #search_toggle:focus .svg-icon svg,
.header_right_buttons .search-wrap .dropdown-toggle:hover .svg-icon svg,
.header_right_buttons .search-wrap .dropdown-toggle:active .svg-icon svg,
.header_right_buttons .search-wrap .dropdown-toggle:focus .svg-icon svg,
.header_right_buttons .search-wrap button:hover .svg-icon svg,
.header_right_buttons .search-wrap button:active .svg-icon svg,
.header_right_buttons .search-wrap button:focus .svg-icon svg,
.header_right_buttons .search-wrap #search_toggle:hover .svg-icon svg,
.header_right_buttons .search-wrap #search_toggle:active .svg-icon svg,
.header_right_buttons .search-wrap #search_toggle:focus .svg-icon svg{
fill: var(--colorMain);
}
.header_right_buttons .social-links-wrap{
display: none;
}
.header_right_buttons .social-links-wrap.show-header-social-links{
display: block;
}
@media (max-width: 1199px) {
.header_right_buttons .social-links-wrap.show-header-social-links{
display: none;
}
}
.header_right_buttons .social-links-wrap a.social-icon:last-child{
margin-right: 20px;
}
.header_right_buttons .social-links-wrap a.social-icon .svg-icon{
padding: 0;
}
.header-login{
margin-right: 1em;
}
.header-login .svg-icon{
padding-right: .5em;
position: relative;
bottom: -1px;
}
.header-login button{
transition: all .3s ease-in-out;
font-size: inherit;
}
.header-login button:hover{
color: var(--colorMain);
}
.l .header-login button{
color: var(--colorDarkMuted);
}
.l .header-login button:hover{
color: var(--colorMain);
}
.header-search{
position: relative;
}
@media (min-width: 400px) {
.header .header-search .search-form{
margin: 0 1em;
}
}
.header-search #search_toggle{
border: none;
background: rgba(0, 0, 0, 0);
padding: 0 .85em;
line-height: 1;
}
.header-button{
white-space: nowrap;
}
@media screen and (min-width: 600px) {
.header-button{
margin: 0 1em;
}
}
.no-logo .header-button{
margin: 0 1em;
}
.header-meta .icon-inline{
font-size: 16px;
margin-left: 10px;
font-weight: 700;
color: var(--colorLight);
}
.header-meta .svg-icon{
padding: 10px;
border-radius: 50%;
margin-right: 4px;
}
.header-meta .svg-icon svg{
fill: var(--colorMain3);
}
#search_dropdown{
z-index: -1;
opacity: 0;
position: fixed;
top: 0;
right: 0;
left: 0;
padding: 0;
margin-left: 40px;
transition: all .35s ease-in-out;
-webkit-transform: scale(0);
transform: scale(0);
}
@media screen and (max-width: 767px) {
#search_dropdown{
padding: .5em;
}
}
@media screen and (max-width: 390px) {
#search_dropdown{
padding-right: 45px;
}
}
#search_dropdown.active{
opacity: 1;
background-color: rgba(0, 0, 0, 0);
z-index: 10003;
-webkit-transform: scale(1);
transform: scale(1);
}
#search_dropdown.active input{
background-color: rgba(0, 0, 0, 0);
color: var(--colorLight) !important;
min-height: 40px;
padding: 8px 60px 8px 20px;
line-height: 1;
font-style: italic;
border: none;
}
#search_dropdown.active input::-webkit-input-placeholder{
color: var(--colorLight);
}
#search_dropdown.active input:-ms-input-placeholder{
color: var(--colorLight);
}
#search_dropdown.active input::placeholder{
color: var(--colorLight);
}
#search_dropdown form{
margin: auto;
}
#search_dropdown button{
width: 40px;
height: 40px;
}
#search_dropdown button .svg-icon svg{
fill: var(--colorMain);
}
#search_modal_close{
position: fixed;
left: -60px;
top: 0;
transition: right .6s ease;
width: 40px;
height: 40px;
transition: all .3s ease-in-out;
}
#search_modal_close span,
#search_modal_close span::before,
#search_modal_close span::after{
background-color: var(--colorLight);
}
.active + #search_modal_close{
left: 0;
z-index: 100003;
}
@media (max-width: 767px) {
#search_modal_close{
top: 10px;
}
}
#login_modal_close{
background-color: var(--colorLight);
position: fixed;
right: -60px;
top: 5px;
transition: right .6s ease;
z-index: 999;
}
.active + #login_modal_close{
right: 0;
z-index: 22;
}
.cart-price{
font-size: 16px;
}
@media (max-width: 575px) {
.cart-price{
display: none;
}
}
.l .cart-price{
color: var(--colorDarkMuted);
}
.logo-meta{
line-height: 1.2;
display: inline-block;
padding: 12px 0;
}
@media (max-width: 1399px) {
.logo-meta{
display: none;
}
}
.logo-meta strong{
font-size: 20px;
}
.header-1 a.logo.logo-left{
justify-content: left;
}
@media (max-width: 600px) {
.header-1 a.logo{
display: none;
}
}
.header-1 .header_right_buttons{
margin-left: auto;
}
.header-1 #nav_toggle{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: none;
width: 60px;
height: 60px;
margin: 0;
cursor: pointer;
z-index: 1001;
visibility: visible;
}
@media (min-width: 1400px) {
header.header-2:not(.affix) .top-menu > li > a{
padding-top: 68px;
padding-bottom: 67px;
}
}
header.header-2,
header.header-3{
position: relative;
}
header.header-2 a.logo.logo-left,
header.header-3 a.logo.logo-left{
justify-content: left;
padding-left: 0;
}
@media (max-width: 600px) {
header.header-2 a.logo,
header.header-3 a.logo{
display: none;
}
}
@media (min-width: 1200px) {
header.header-2 .top-nav,
header.header-3 .top-nav{
padding: 0;
}
header.header-2 .top-nav li:last-child > a,
header.header-3 .top-nav li:last-child > a{
padding-right: 0;
}
}
header.header-2 #nav_toggle,
header.header-3 #nav_toggle{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: none;
width: 60px;
height: 60px;
margin: 0;
cursor: pointer;
z-index: 1001;
visibility: visible;
}
@media (max-width: 1199px) {
header.header-2 #nav_toggle,
header.header-3 #nav_toggle{
display: block;
}
}
.header-4{
position: relative;
}
.header-4 a.logo.logo-left{
justify-content: left;
padding-left: 0;
}
@media (max-width: 600px) {
.header-4 a.logo{
display: none;
}
}
.header-4 #nav_toggle{
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: none;
width: 60px;
height: 60px;
margin: 0;
cursor: pointer;
z-index: 1001;
visibility: visible;
margin: 0;
}
@media (max-width: 1199px) {
.header-4 #nav_toggle{
display: block;
}
}
@media (min-width: 1200px) {
.header-5 .top-menu.menu-low-items > li:not(:last-child)::before{
content: "";
width: 1px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background-color: var(--colorBorder);
height: 100%;
}
}
@media (min-width: 1200px) {
.header-5 .top-nav{
padding: 0;
}
}
.header-5 #nav_toggle{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: none;
width: 60px;
height: 60px;
margin: 0;
cursor: pointer;
z-index: 1001;
visibility: visible;
}
@media (max-width: 1199px) {
.header-5 #nav_toggle{
display: block;
}
}
@media (max-width: 1399px) {
.toplogo .header_right_buttons .logo-meta{
display: inline-block !important;
}
}
@media (max-width: 1199px) {
.toplogo .header_right_buttons .social-links-wrap.show-header-social-links{
display: block;
}
}
@media (max-width: 991px) {
.toplogo .header_right_buttons{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.toplogo .header_right_buttons .social-links-wrap .social-links{
margin-top: 16px;
width: 100%;
justify-content: center;
}
.toplogo .header_right_buttons .social-links-wrap .social-links a.social-icon:last-child{
margin-right: 0;
}
.toplogo .header_right_buttons .logo-meta{
width: 100%;
margin-left: 0 !important;
text-align: center !important;
}
}
.toplogo .header_right_buttons .logo-meta{
text-align: right;
margin-left: 30px;
}
.toplogo a{
color: var(--colorMain);
}
.toplogo a:hover{
color: var(--colorDark);
}
.toplogo.i a{
color: var(--colorMain);
}
.toplogo.i a:hover{
color: var(--colorLight);
}
.toplogo.i.c a,
.toplogo.i.c2 a,
.toplogo.i.c3 a{
color: var(--colorLight);
}
.toplogo.i.c a:hover,
.toplogo.i.c2 a:hover,
.toplogo.i.c3 a:hover{
color: var(--colorDark);
}
@media (min-width: 1200px) {
.bordered_items .top-menu.menu-low-items > li > a{
padding-right: 40px;
padding-left: 41px;
}
}
.side_header_inner{
position: relative;
}
.side_header_inner .logo{
margin-right: 0 !important;
margin-bottom: 40px !important;
}
.side_header_inner .widget.widget_nav_menu li{
min-height: 0;
border: none;
}
.side_header_inner .widget.widget_nav_menu li a{
min-height: 24px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 15px;
padding-right: 25px;
display: block;
}
.side_header_inner .widget.widget_nav_menu li a::before{
content: "";
display: inline-block !important;
position: relative;
top: -0.1em;
width: 5px;
height: 5px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #c3c3c3;
border-color: var(--colorMain);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: -15px;
}
.side_header_inner .widget.widget_nav_menu li.current_page_item a{
color: var(--colorMain);
}
.side_header_inner .social-links-list{
margin-top: 30px;
display: flex;
justify-content: center;
}
.side_header_inner .social-links-list li:not(:last-child){
margin-right: 10px;
}
.side_header_inner .social-links-list a.social-icon.border-icon{
width: 50px;
height: 50px;
align-items: center;
border: 1px solid var(--colorDark);
display: flex;
align-items: center;
justify-content: center;
}
.admin-bar .side_header_inner{
margin-top: 32px;
}
.admin-bar#body .page_header_side.header_side_right .toggle_menu_side,
.admin-bar#body .page_header_side.header_side_right.active-slide-side-header .toggle_menu_side{
top: 52px;
}
.logo-wrap{
text-align: center;
line-height: 1;
}
.logo-link{
display: inline-block;
}
@media (max-width: 1199px) {
.toplogo .logo.with-image{
padding-left: 0;
}
}
.logo{
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
white-space: nowrap;
}
.logo:hover{
color: inherit;
text-decoration: none;
}
.logo.px{
padding-left: 1.5em;
padding-right: 1.5em;
}
.logo .logo-text{
padding: 0 7px;
font-size: 22px;
line-height: 24px;
font-weight: 600;
text-transform: uppercase;
}
.logo .logo-text .logo-text-secondary{
font-size: 14px;
line-height: 1;
font-weight: 500;
}
@media (min-width: 1200px) {
.container .logo.no-image .logo-text{
margin: 0;
}
}
#header .logo{
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 1199px) {
#header .logo{
margin-right: 30px;
}
}
@media (min-width: 1200px) {
#header.menu-center.has-menu .logo{
margin-right: 30px;
}
}
@media (min-width: 600px) {
#toplogo.header-tall .logo{
padding-top: .5em;
padding-bottom: .5em;
}
}
#header.header-tall:not(.affix) .logo{
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 1200px) {
#header.header-tall:not(.affix) .logo{
padding-top: 1em;
padding-bottom: 1em;
}
}
.logo.logo-left{
text-align: left;
}
.logo.logo-left span span{
display: block;
}
.logo.logo-vertical{
display: inline-block;
text-align: center;
}
.logo.logo-vertical span{
display: block;
}
.logo.logo-between span{
padding: 0 1em;
}
.logo.logo-between.no-image{
padding: 0 .25em;
}
.logo.logo-between.no-image span{
padding: 0 .25em;
}
.logo img{
max-height: 50px;
width: auto;
display: inline;
}
@media (min-width: 1200px) {
.header_logo_center .logo_wrapper{
position: absolute;
left: 0;
right: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.header_logo_center .logo_wrapper a.logo{
margin: 0 !important;
padding: 0;
}
}
.section-hr{
box-sizing: border-box;
position: absolute;
margin: 0 auto;
padding: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #c3c3c3;
background-color: var(--colorBorder);
width: 100%;
}
.container .section-hr,
.section-hr.container{
left: 0;
right: 0;
max-width: 1520px;
}
.section-hr:first-child{
bottom: auto;
top: 0;
}
#box{
display: flex;
flex-direction: column;
min-height: 100vh;
}
#box.box-fade-in{
transition: opacity .35s ease-out;
opacity: 0;
}
.window-loaded #box.box-fade-in{
opacity: 1;
}
.title{
position: relative;
}
.title .headline-bg{
width: auto;
height: auto;
position: absolute;
font-size: 300px;
line-height: 300px;
color: var(--colorDark);
opacity: .1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -58%);
transform: translate(-50%, -58%);
white-space: nowrap;
pointer-events: none;
}
.title h1{
margin-top: 0;
margin-bottom: 0;
font-size: 42px;
line-height: 48px;
font-weight: 500;
word-wrap: break-word;
}
.title .breadcrumbs{
margin: 0;
font-size: 0;
}
.title .breadcrumbs a,
.title .breadcrumbs span.breadcrumb_last,
.title .breadcrumbs span.breadcrumbs_item:last-child{
line-height: 24px;
font-weight: 600;
padding: 0;
text-transform: uppercase;
display: inline-block;
font-size: 14px;
margin: 5px 10px 5px 0;
}
.title .breadcrumbs span.breadcrumb_last{
margin-right: 0;
}
.title .breadcrumbs a:hover,
.title .breadcrumbs a:focus{
color: var(--colorMain);
}
.title .breadcrumbs span + span{
font-size: 14px;
}
.title .search-form button.search-submit svg{
fill: var(--colorMain);
}
.title.i .breadcrumbs span.breadcrumb_last,
.title.i .breadcrumbs a::after{
color: #9a9a9a;
}
.title.i.c .breadcrumbs span.breadcrumb_last{
color: var(--colorLight);
}
.title.i.c .breadcrumbs a::after{
color: var(--colorLight);
}
.title.i.c a:hover,
.title.i.c a:focus{
color: var(--colorDark);
}
.title .breadcrumbs a::after{
content: "/";
margin-left: 12px;
color: #9a9a9a;
}
.title .search-form{
margin: 1em 0;
max-width: 400px;
}
.title.text-center .search-form{
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.title.title-inline>[class*=container]{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.title.title-inline h1 + nav{
margin-left: 2em;
padding-left: 2em;
}
.title.title-inline .search-form{
margin-left: 2em;
margin-right: 2em;
}
}
@media (min-width: 768px) {
.title.title-2 h1{
padding-right: 20px;
border-right: 1px solid #9a9a9a;
}
.title.title-2 .breadcrumbs{
padding-left: 20px;
}
}
.title.title-2.i.c h1{
padding-right: 20px;
border-color: var(--colorLight);
}
@media (min-width: 768px) {
.title.title-4 h1{
margin-right: auto;
}
.title.title-4 .breadcrumbs{
padding-left: 20px;
}
}
@media (min-width: 768px) {
.title.title-5 .breadcrumbs{
position: absolute;
bottom: 10px;
right: 0;
padding: 0 20px;
margin-right: 15px;
background-color: rgba(50, 50, 50, .35);
}
}
.header-absolute-wrap .header-absolute-content + .title.title-3 h1{
padding-top: 28px;
}
@media (max-width: 767px) {
.header-absolute-wrap .header-absolute-content + .title.title-3 h1{
padding-top: 50px;
}
}
.intro{
position: relative;
}
@media (min-width: 768px) {
.intro .d-grid{
align-items: center;
}
.intro.image-right .d-grid > *:first-child{
order: 2;
}
}
@media (max-width: 767px) {
.intro .d-grid .intro-section-text{
padding-top: 2em;
text-align: center;
}
}
.intro.image-top .intro-section-text{
margin-top: 3em;
}
.intro.image-bottom .intro-section-text{
margin-bottom: 3em;
}
.intro .intro-social-links{
display: none;
}
@media (max-width: 1364px) {
.intro .intro-social-links{
display: block;
}
}
.intro .intro-social-links .social-links{
margin-bottom: 1em;
}
@media (max-width: 767px) {
.intro .intro-social-links .social-links{
justify-content: center;
}
}
.intro .intro-social-links-absolute{
display: none;
}
@media (min-width: 1365px) {
.intro .intro-social-links-absolute{
display: block;
position: absolute;
top: 50%;
left: 2%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.intro .intro-social-links-absolute .social-links{
flex-direction: column;
}
.intro .intro-social-links-absolute .social-links a{
margin: 10px;
}
@media (min-width: 1400px) {
.intro.image-scale .intro-image{
margin: 20% 0;
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
}
.intro-buttons{
margin-top: 2em;
}
#main{
position: relative;
flex-grow: 1;
overflow: hidden;
}
.with-sidebar #main{
overflow: visible;
}
.column-aside{
margin: 4em 0 0;
}
@media (max-width: 767px) {
.column-aside{
margin: 40px 0 0;
}
}
.column-aside .widgets-wrap.sticky{
position: sticky;
top: 40px;
}
.column-aside .widgets-wrap > * + *{
margin-top: 5em;
}
@media (max-width: 767px) {
.column-aside .widgets-wrap > * + *{
margin-top: 50px;
}
}
@media screen and (min-width: 768px)and (max-width: 991px) {
.column-aside{
max-width: none;
}
.column-aside .widgets-wrap{
display: flex;
flex-wrap: wrap;
}
.column-aside .widgets-wrap > *{
margin-top: 0;
margin-bottom: 3em;
flex: 1 1 100%;
}
.column-aside .widgets-wrap > *:nth-child(odd):last-child{
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.column-aside{
max-width: none;
}
.column-aside .widgets-wrap{
display: flex;
flex-wrap: wrap;
}
.column-aside .widgets-wrap > *{
margin-top: 0;
margin-bottom: 30px;
flex: 1 1 100%;
}
.column-aside .widgets-wrap > *:nth-child(odd):last-child{
margin-bottom: 0;
}
}
@media screen and (min-width: 992px) {
.with-sidebar .main-columns{
display: flex;
}
.with-sidebar .column-main{
width: 66.666%;
padding-right: 0;
}
.with-sidebar .sidebar-gap-1 .column-main{
padding-right: 1rem;
}
.with-sidebar .sidebar-gap-2 .column-main{
padding-right: 2rem;
}
.with-sidebar .sidebar-gap-3 .column-main{
padding-right: 3rem;
}
.with-sidebar .sidebar-gap-4 .column-main{
padding-right: 4rem;
}
.with-sidebar .column-aside{
margin-top: 0;
width: 33.333%;
}
.with-sidebar .sidebar-25 .column-main{
width: 75%;
}
.with-sidebar .sidebar-25 .column-aside{
width: 25%;
}
.with-sidebar .sidebar-30 .column-main{
width: 69.5%;
}
.with-sidebar .sidebar-30 .column-aside{
width: 30.5%;
}
.sidebar-left .column-aside{
order: 1;
}
.sidebar-left .column-main{
order: 2;
padding-right: 0 !important;
padding-left: 0;
}
.sidebar-left .sidebar-gap-1 .column-main{
padding-left: 1em;
}
.sidebar-left .sidebar-gap-2 .column-main{
padding-left: 2em;
}
.sidebar-left .sidebar-gap-3 .column-main{
padding-left: 3em;
}
.sidebar-left .sidebar-gap-4 .column-main{
padding-left: 4em;
}
}
.sidebar-home > *{
margin-bottom: 4em;
}
@media screen and (min-width: 767px) {
.sidebar-home{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3em;
}
.sidebar-home > *{
margin-bottom: 0;
}
.sidebar-home > .widget-fullwidth{
grid-column: 1/span 3;
}
}
.sidebar-home-before{
margin-bottom: 4em;
}
.sidebar-home-after{
margin-top: 4em;
}
@media (min-width: 1200px) {
.footer-top.footer-top-2{
padding-top: 74px;
}
}
.footer-top.footer-top-2.background-cover.cover-center{
background-position: 50% top;
}
.footer-top.footer-top-2 .footer_top-heading{
margin-top: 20px;
font-style: normal;
font-weight: 500;
font-size: 60px;
line-height: 1;
color: var(--colorDark);
}
@media (max-width: 767px) {
.footer-top.footer-top-2 .footer_top-heading{
font-size: 40px;
margin-top: 0;
}
}
.footer-top.footer-top-2 .footer_top-shortcode{
margin-top: 50px;
}
@media (max-width: 767px) {
.footer-top.footer-top-2 .footer_top-shortcode{
margin-top: 30px;
}
}
.footer-top.footer-top-2 input[type=email]{
width: 740px;
min-height: 60px;
background: var(--colorBackground);
border-radius: 5px;
padding: 15px 30px;
border: none;
text-align: center;
}
@media (max-width: 991px) {
.footer-top.footer-top-2 input[type=email]{
width: 280px;
}
}
.footer-top.footer-top-2 input[type=email]::-webkit-input-placeholder{
color: var(--colorFont);
font-size: 18px;
}
.footer-top.footer-top-2 input[type=email]:-ms-input-placeholder{
color: var(--colorFont);
font-size: 18px;
}
.footer-top.footer-top-2 input[type=email]::placeholder{
color: var(--colorFont);
font-size: 18px;
}
.footer-top.footer-top-2 button[type=submit]{
border-color: var(--colorMain);
}
.footer-top.footer-top-2 button[type=submit]:hover{
background-color: var(--colorMain);
}
@media (min-width: 768px) {
.footer-top.footer-top-2 form.mc4wp-form label{
margin-bottom: 32px;
}
}
.footer-top .grid-wrapper{
align-items: center;
}
.footer{
position: relative;
overflow: hidden;
}
.footer-widgets > *{
margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
.footer-widgets.one-half-only{
width: 50%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1200px) {
.footer-widgets.one-half-first > *:first-child{
width: 50%;
}
.footer-widgets.one-half-second > *:nth-child(2){
width: 50%;
}
.footer-widgets.second-third-narrow > *:nth-child(2),
.footer-widgets.second-third-narrow > *:nth-child(3){
width: 16.666%;
}
}
.footer-widgets-fullwidth > * + *{
margin-top: 3em;
}
footer .widget_theme_meta .theme-meta .icon-inline{
margin-bottom: 22px;
}
footer .widget_theme_meta .theme-meta .icon-inline .svg-icon svg{
fill: var(--colorMain);
}
footer .widget_theme_meta .theme-meta .icon-inline:last-child{
margin-bottom: 0;
}
footer .widget_theme_meta .social-links{
margin-top: 48px;
}
footer .widget_theme_meta .social-links a{
border: 1px solid var(--colorFont);
border-radius: 3px;
line-height: 38px;
padding: 0 11px;
text-align: center;
min-width: 40px;
min-height: 40px;
}
footer.i .widget_theme_meta .social-links a{
border-color: var(--colorLight);
}
.copyright{
position: relative;
}
.copyright .copyright-text{
margin: 12px 0;
}
.copyright .copyright-menu{
margin: .5em 0;
padding: 0;
list-style: none;
}
.copyright .copyright-menu li{
display: inline-block;
margin: 0;
}
.copyright .copyright-menu li a:hover{
color: var(--colorLight);
}
.copyright .copyright-menu li:not(:last-child)::after{
content: "|";
position: relative;
left: .5em;
}
.copyright .copyright-menu li + li{
margin-left: 10px;
}
.copyright .cols-2{
align-items: center;
}
@media screen and (max-width: 767px) {
.copyright .cols-2{
display: block;
}
.copyright .cols-2 > *{
width: auto;
}
}
.copyright .cols-2 > *:last-child{
display: block;
}
@media screen and (min-width: 768px) {
.copyright .cols-2 > *:last-child:not(:only-child){
margin-top: 0;
text-align: right;
}
}
.copyright .cols-2 .social-links{
display: flex;
justify-content: end;
}
.copyright .cols-3{
align-items: center;
justify-content: center;
}
.copyright .cols-3 .social-links{
justify-content: center;
}
.copyright .cols-3 .copyright-navigation{
text-align: right;
}
@media (max-width: 991px) {
.copyright .cols-3{
flex-wrap: wrap;
}
.copyright .cols-3 .copyright-text{
width: 100%;
text-align: center;
}
.copyright .cols-3 .social-links{
width: 100%;
justify-content: center;
}
.copyright .cols-3 .copyright-navigation{
width: 100%;
text-align: center;
}
}
#to-top{
line-height: 50px;
text-align: center;
transition: all .25s ease-in-out;
z-index: 2;
bottom: -60px;
right: 5px;
width: 50px;
height: 50px;
overflow: hidden;
position: fixed;
text-decoration: none;
font-size: 0;
color: rgba(0, 0, 0, 0);
background-color: #0095b3;
background-color: var(--colorMain);
border-radius: 3px;
background-image: linear-gradient(to right, #0095b3, #00a6a1);
background-position: 0 0;
background-repeat: no-repeat;
opacity: .7;
}
#to-top.visible{
bottom: 5px;
}
#to-top:before{
content: "";
font-family: "icomoon";
font-size: 16px;
color: var(--colorLight);
transition: all .25s ease-in-out;
}
#to-top:hover{
opacity: 1;
bottom: 10px;
}
#overlay{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 20;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, .001);
transition: all .25s ease-in-out;
}
.top-menu-active #overlay,
.side-menu-active #overlay,
.login-dropdown-active #overlay,
.search-dropdown-active #overlay{
background-color: rgba(0, 0, 0, .8);
opacity: 1;
visibility: visible;
}
.embed-responsive{
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.pswp__zoom-wrap .embed-responsive{
max-width: 90%;
margin: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (min-width: 1200px) {
.pswp__zoom-wrap .embed-responsive{
max-width: 50%;
}
}
#login_dropdown{
display: flex;
opacity: 0;
z-index: -20;
position: absolute;
left: 50%;
top: -50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 800px;
width: calc(100% - 30px);
max-height: 500px;
height: 100%;
margin-left: auto;
margin-right: auto;
overflow-y: auto;
background-color: var(--colorLight);
transition: all .5s ease-in-out;
}
#login_dropdown.active{
opacity: 1;
z-index: 99999;
top: 100px;
}
.modal{
display: none;
width: 100%;
border: 1px solid var(--colorDark);
}
.modal.active{
display: flex;
}
.modal > *{
padding: 2em 1.5em;
}
.modal h4{
font-weight: 400;
}
.modal .form-section{
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
width: 100%;
}
.modal .form-section form,
.modal .form-section input:not([type=submit]):not([type=checkbox]){
width: 100%;
}
.modal .img-section{
flex-shrink: 0;
width: 50%;
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.modal .img-section p{
margin-bottom: 0;
}
.modal .img-section h4{
margin-top: .3em;
margin-bottom: 1em;
}
.modal .img-section > *{
z-index: 1;
}
.modal .img-section p,
.modal .img-section h4{
color: var(--colorDark);
}
.modal .img-section::before{
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: var(--colorBackground);
z-index: 0;
}
@media (max-width: 767px) {
.modal .img-section{
display: none;
}
}
#footer.l a{
color: var(--colorFont);
}
#footer.l a:hover{
color: var(--colorMain);
}
ul a:not([href]):empty{
display: none;
}
.nav-btn{
width: 44px;
height: 44px;
border: none;
padding: 0;
text-align: center;
position: relative;
cursor: pointer;
}
.nav-btn[id]{
background: rgba(0, 0, 0, 0);
}
.nav-btn:hover,
.nav-btn:focus{
background: rgba(0, 0, 0, 0) !important;
}
.nav-btn span,
.nav-btn span:before,
.nav-btn span:after{
width: 30px;
height: 2px;
margin: auto;
left: 0;
display: block;
position: relative;
content: "";
background: #000;
background: var(--colorDarkMuted);
transition: .25s all ease-in-out;
}
.i .nav-btn span,
.i .nav-btn span:before,
.i .nav-btn span:after{
background: #fff;
background: var(--colorLight);
}
.i .l.affix .nav-btn span,
.i .l.affix .nav-btn span:before,
.i .l.affix .nav-btn span:after{
background: #000;
background: var(--colorDarkMuted);
}
.nav-btn[aria-expanded=true] span{
background: rgba(0, 0, 0, 0) !important;
}
.nav-btn span:before{
top: -8px;
}
.nav-btn span:after{
top: 6px;
}
.nav-btn[aria-expanded=true] span:before{
top: 1px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-btn[aria-expanded=true] span:after{
top: -1px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-btn.type-dots{
width: 28px;
height: 28px;
}
.nav-btn.type-dots span,
.nav-btn.type-dots span:before,
.nav-btn.type-dots span:after{
height: 3px;
width: 3px;
border-radius: 50%;
}
.nav-btn.type-dots span:before{
bottom: 6px;
}
.nav-btn.type-dots span:after{
top: 3px;
}
.nav-btn.type-dots[aria-expanded=true] span,
.nav-btn.type-dots[aria-expanded=true] span:before,
.nav-btn.type-dots[aria-expanded=true] span:after{
width: 22px;
height: 2px;
border-radius: 0;
}
.nav-btn.type-dots[aria-expanded=true] span:after{
top: -1px;
}
[class*=container]>.nav-btn:first-child{
margin: 0 .5em;
}
[class*=container]>.nav-btn:last-child{
margin: 0 .5em;
}
.top-nav{
position: relative;
flex: 1 1;
}
.top-nav a,
.top-nav a:hover{
text-decoration: none;
}
@media screen and (min-width: 1200px) {
.top-nav{
position: relative;
flex: 1 1;
display: flex;
align-items: center;
padding: 0 15px;
}
.menu-center .top-nav{
justify-content: center;
}
.menu-right .top-nav{
justify-content: flex-end;
}
.no-logo .top-menu > li:first-child{
margin-left: 0;
}
.top-menu{
display: flex;
list-style: none;
padding: 0;
margin: 0;
flex-wrap: wrap;
line-height: 1.1;
}
.top-menu li.current-menu-ancestor > a::before{
width: 100%;
opacity: 1;
}
.menu-right .top-menu{
justify-content: flex-end;
}
.menu-center .top-menu{
justify-content: center;
}
.top-menu ~ .nav-btn{
display: none;
}
.top-menu a{
font-weight: 600;
text-transform: uppercase;
}
.top-menu ul{
list-style: none;
position: absolute;
top: 100%;
left: 0;
min-width: 12em;
margin-top: 5px;
opacity: 0;
transition: all .2s ease-in;
background: #fff;
background: var(--colorLight);
box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
padding: 20px 0;
}
.top-menu ul a{
font-size: inherit;
display: inline-block;
padding: .5em 30px;
}
.top-menu ul.sub-menu a{
color: #323232;
color: var(--colorDark);
}
.top-menu ul.sub-menu a:hover,
.top-menu ul.sub-menu a:focus{
color: #0095b3;
color: var(--colorMain);
}
.top-menu ul.sub-menu .current-menu-item > a{
color: #0095b3;
color: var(--colorMain);
}
.top-menu li{
position: relative;
}
.top-menu li.menu-item-has-children > a::after{
content: "";
padding-left: 7px;
opacity: .8;
font-family: FontAwesome;
color: var(--colorFont);
}
.top-menu li.menu-item-has-children .menu-item-has-children > a::after{
content: "";
padding-left: 7px;
opacity: .8;
font-family: FontAwesome;
color: var(--colorFont);
}
.top-menu li a{
opacity: 1;
}
.top-menu li a:hover{
color: var(--colorMain);
}
.top-menu li a:hover::after{
color: var(--colorMain);
}
.top-menu li.menu-item.current-menu-ancestor > a{
color: var(--colorMain);
}
.top-menu li.menu-item-has-children::after{
border-color: var(--colorLight);
}
.top-menu li.current-menu-item > a{
color: var(--colorMain);
}
.top-menu li:hover,
.top-menu li:focus,
.top-menu li:focus-within{
overflow: visible;
}
.top-menu li:hover > ul,
.top-menu li:focus > ul,
.top-menu li:focus-within > ul{
z-index: 2;
display: block;
opacity: 1;
margin-top: 0;
}
.top-menu ul ul{
top: -20px;
left: 100%;
}
.top-menu ul ul li.menu-item-has-children:after{
position: absolute;
right: 1em;
top: .5em;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.top-menu ul ul ul{
min-width: 0;
padding: 0 0 0 .5em;
top: 0;
left: 0;
margin-top: 0;
opacity: 1;
position: relative;
display: block;
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
}
.top-menu > li{
margin: 0;
overflow: hidden;
line-height: 24px;
}
.top-menu > li:hover{
overflow: visible;
}
.top-menu > li > a{
display: inline-block;
padding-top: 27px;
padding-bottom: 28px;
padding-left: 8px;
padding-right: 9px;
position: relative;
}
}
@media screen and (min-width: 1200px)and (min-width: 1400px) {
.top-menu > li > a{
padding-top: 36px;
padding-bottom: 36px;
padding-left: 29px;
padding-right: 29px;
}
}
@media screen and (min-width: 1200px) {
.top-menu > li > a:before{
position: relative;
transition: all .3s ease;
height: 2px;
display: block;
content: "";
background-color: #787878;
background-color: var(--colorFont);
width: 0;
top: 27px;
bottom: 0;
left: 0;
opacity: 0;
}
}
@media screen and (min-width: 1200px) {
.top-menu > li > a:hover::before,
.top-menu > li > a:focus::before{
width: 100%;
opacity: 1;
}
}
@media screen and (min-width: 1200px) {
.top-menu.menu-low-items > li:not(:last-child)::before{
top: 50%;
margin-top: -1px;
content: "";
display: block;
width: 3px;
height: 3px;
border-radius: 100%;
position: absolute;
right: 0;
background-color: var(--colorBorder);
}
}
@media screen and (min-width: 1200px) {
.top-menu > .current_page_parent > a,
.top-menu > .current-menu-parent > a,
.top-menu > .current-menu-item > a{
overflow: visible;
}
.top-menu > .current_page_parent > a:before,
.top-menu > .current-menu-parent > a:before,
.top-menu > .current-menu-item > a:before{
width: 100%;
opacity: 1;
}
}
@media screen and (min-width: 1200px) {
.header.affix .top-menu > li > a{
padding-top: 17px;
padding-bottom: 17px;
}
}
@media screen and (max-width: 1199px) {
.top-menu-active{
height: 100%;
overflow: hidden;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}
.top-nav{
position: fixed;
width: 100%;
right: -100%;
top: 0;
bottom: 0;
overflow: auto;
z-index: 10000;
transition: right .3s ease;
height: 100vh;
padding: 3em 20px;
font-size: 16px;
background: #323232;
background: var(--colorDark);
}
.top-nav.active{
right: 0;
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
}
.top-nav ul{
margin: 0;
padding: 0;
list-style: none;
}
.top-nav ul ul li{
position: relative;
}
.top-nav ul ul li:before{
content: "";
display: block;
width: 8px;
height: 1px;
position: absolute;
top: 22px;
left: 0;
background-color: var(--colorFont);
margin-right: .8em;
}
.top-nav .top-menu > li{
padding: 6px 0;
}
.top-nav .top-menu > li:before{
display: none;
}
.top-nav .top-menu > li > a{
display: inline-block;
font-weight: 600;
padding: 10px 15px;
}
.top-nav .top-menu a{
color: #fff;
color: var(--colorLight);
font-weight: 400;
text-transform: uppercase;
}
.top-nav .top-menu a:hover{
color: #0095b3;
color: var(--colorMain);
}
.top-nav .nav-btn{
position: fixed;
right: 0;
top: 0;
background-color: var(--colorLight) !important;
}
.top-nav .nav-btn span,
.top-nav .nav-btn span:before,
.top-nav .nav-btn span:after{
background: #323232;
background: var(--colorDark);
}
.top-nav .nav-btn#nav_close{
position: absolute;
margin: 0;
width: 100%;
margin-left: auto;
margin-right: 0;
}
.top-nav .nav-btn#nav_close span,
.top-nav .nav-btn#nav_close span:before,
.top-nav .nav-btn#nav_close span:after{
margin-left: auto;
margin-right: 10px;
}
#header #nav_toggle{
display: block;
}
#header.no-logo #nav_toggle{
margin-left: auto;
}
}
.topline-menu{
list-style: none;
padding: 0;
margin: 0;
}
@media screen and (max-width: 991px) {
.topline-menu li + li{
margin-top: .7em;
}
}
@media screen and (min-width: 992px) {
.topline-menu li{
margin: 0 .5em;
display: inline-block;
}
.topline-menu li:first-child{
margin-left: 0;
}
.topline-menu li:last-child{
margin-right: 0;
}
}
.top-nav.active .menu-many-items{
padding: 0;
}
.top-nav.active .menu-many-items i{
width: 1em;
text-align: center;
margin-right: 10px;
}
.top-nav.active .menu-many-items .toggle_submenu{
cursor: pointer;
position: absolute;
right: 20px;
top: 10px;
font-size: 16px;
text-align: center;
opacity: .9;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: .25s ease-in-out;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
background-color: var(--colorBackground);
}
.top-nav.active .menu-many-items .toggle_submenu:before{
position: relative;
line-height: 30px;
content: "";
font-family: "icomoon";
font-size: 16px;
color: var(--colorDark);
}
.top-nav.active .menu-many-items ul{
padding: 0;
}
.top-nav.active .menu-many-items li{
position: relative;
list-style: none;
padding: 0;
width: 100%;
}
.top-nav.active .menu-many-items > li{
transition: .3s ease-in-out;
}
.top-nav.active .menu-many-items a{
display: inline-block;
padding: 10px 20px;
font-size: 16px;
font-weight: bold;
}
.top-nav.active .menu-many-items a:hover{
background-color: var(--colorBackground);
}
.top-nav.active .menu-many-items .active-submenu > a{
line-height: 30px;
color: var(--colorDark);
background-color: rgba(0, 0, 0, 0);
}
.top-nav.active .menu-many-items .active-submenu > .toggle_submenu{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.top-nav.active .menu-many-items li.active > a{
color: #0095b3;
}
.top-nav.active .menu-many-items ul{
opacity: 0;
height: 0;
}
.top-nav.active .menu-many-items ul a{
padding-top: 8px;
padding-bottom: 8px;
padding-left: 50px;
}
.top-nav.active .menu-many-items ul ul a{
padding-left: 60px;
}
.top-nav.active .menu-many-items ul ul ul a{
padding-left: 70px;
}
.top-nav.active .menu-many-items ul ul ul ul a{
padding-left: 80px;
}
.top-nav.active .menu-many-items .active-submenu > div.mega-menu{
height: auto;
}
.top-nav.active .menu-many-items .active-submenu > ul,
.top-nav.active .menu-many-items .active-submenu > div.mega-menu > ul{
opacity: 1;
height: auto;
}
.top-nav.active .menu-many-items ul,
.top-nav.active .menu-many-items div.mega-menu{
height: 0;
overflow: hidden;
transition: opacity .6s, margin-top .4s, margin-bottom .4s, height .3s ease-in-out;
}
.top-nav.active .menu-many-items ul li.sfHover > .mega-menu ul{
display: block;
height: 100%;
}
.top-nav.active .menu-many-items div.mega-menu > ul{
margin-right: 0;
height: auto;
}
.top-nav.active ul.sub-menu li.menu-item-has-children::after{
display: none;
}
.top-nav.active ul.sub-menu li a{
display: inline-block;
margin-bottom: 0;
padding: 10px 20px 10px 40px;
}
.top-nav.active ul ul li:before{
left: 20px;
}
.top-nav.active ul.sub-menu li a:hover{
color: var(--colorMain);
}
.top-nav.active ul.sub-menu .sub-menu li a{
margin-left: 20px;
}
.top-nav.active ul.sub-menu .sub-menu li::before{
left: 40px;
}
.i .top-nav.active{
background-color: var(--colorDark);
}
.i .top-nav.active ul.sub-menu li a:hover{
color: var(--colorLight);
}
.i .top-nav.active .menu-many-items a:hover{
background-color: rgba(0, 0, 0, 0);
}
.i .top-nav.active .menu-many-items a{
color: var(--colorLight);
}
.i .top-nav.active .menu-many-items .toggle_submenu{
background-color: var(--colorLight);
opacity: 1;
}
.i .top-nav.active .nav-btn{
width: 100%;
background-color: var(--colorLight) !important;
}
.i .top-nav.active .nav-btn span,
.i .top-nav.active .nav-btn span:before,
.i .top-nav.active .nav-btn span:after{
width: 30px;
margin-left: auto;
margin-right: 20px;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail{
max-width: 100%;
height: auto;
display: block;
}
.wp-caption{
margin-bottom: 1em;
}
.wp-caption-text{
margin-bottom: 1em;
}
.sticky{
display: block;
position: relative;
}
.screen-reader-text{
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus{
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
display: block;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.gallery-item{
margin-bottom: 1em;
}
.bypostauthor{
display: block;
}
.alignleft{
max-width: 50%;
float: left;
margin-top: 5px;
margin-right: 30px;
margin-bottom: 15px;
margin-left: 0;
clear: both;
}
.alignright{
max-width: 50%;
float: right;
margin-top: 5px;
margin-right: 0;
margin-bottom: 15px;
margin-left: 30px;
clear: both;
}
.aligncenter{
text-align: center;
clear: both;
margin-left: auto;
margin-right: auto;
}
.search-form{
position: relative;
}
.search-form input{
padding-right: 60px;
width: 100%;
}
.search-form button{
position: absolute;
right: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
width: 47px;
height: 47px;
}
.search-form button.search-submit{
font-size: 0;
}
.search-form button.search-submit svg{
font-size: 20px;
}
.search-form button.search-submit:hover{
opacity: .5;
}
.search-form button.search-submit,
.search-form button.search-submit:hover{
border: none;
background: none;
}
.category-description{
margin-bottom: 4em;
}
.layout-default .has-post-thumbnail > .item-content{
padding: 35px 40px 0;
}
@media (min-width: 1200px) {
.layout-default .has-post-thumbnail > .item-content{
padding: 55px 60px 0;
}
}
.grid-item .layout-default .has-post-thumbnail > .item-content{
padding-top: 2em;
}
.layout-default .has-post-thumbnail > .item-content.content-narrow{
padding-top: 2.5em;
}
.layout-default .has-post-thumbnail > .item-content .entry-footer.entry-footer-bottom{
margin: 0;
}
@media (min-width: 992px) {
.content-narrow{
margin-left: 4.5em;
margin-right: 4.5em;
}
.no-sidebar.container-1170 .content-narrow{
margin-left: 12em;
margin-right: 12em;
}
}
.post-thumbnail{
position: relative;
font-size: 0;
overflow: hidden;
text-align: center;
line-height: 1;
}
.post-thumbnail.mb-2{
margin-bottom: 40px;
}
.post-thumbnail .svg-icon.icon-video{
font-size: 16px;
position: absolute;
display: block;
top: calc(50% - 15px);
right: calc(50% - 15px);
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
transition: all .3s ease-in-out 0s;
}
.post-thumbnail .svg-icon.icon-video::before{
content: "";
display: block;
position: absolute;
width: 22px;
height: 22px;
top: 0;
left: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
border: 4px solid var(--colorLight);
}
.post-thumbnail .svg-icon.icon-video:hover{
opacity: .7;
}
.post-thumbnail img{
border-radius: 5px 5px 0 0;
}
.post-thumbnail::before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(55, 52, 47, .5);
filter: alpha(opacity=0);
opacity: 0;
transition: all .2s linear;
}
.grid-item article:not(.format-gallery):hover .post-thumbnail::before,
.hfeed article:not(.format-gallery):hover .post-thumbnail::before{
opacity: .5;
}
.entry-header .sticky-post{
float: right;
font-size: 14px;
line-height: 1;
}
.entry-header + .entry-footer{
margin-top: -1em;
}
.entry-header.entry-header-small + .entry-footer{
margin-top: -0.5em;
}
.blog article,
.single article{
border-radius: 5px;
max-width: 1000px;
margin: 0 auto;
}
.blog article.post,
.single article.post{
box-shadow: 2px 3.5px 16px 0 rgba(0, 0, 0, .07);
}
.blog article.sticky,
.single article.sticky{
border: 2px solid var(--colorMain1);
}
.blog article .sticky-post,
.single article .sticky-post{
position: absolute;
top: 24px;
right: -38px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
font-size: 16px;
font-weight: bold;
color: var(--colorLight);
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
width: 150px;
height: 30px;
background-color: var(--colorMain1);
z-index: 1;
}
.blog article .sticky-post .svg-icon,
.single article .sticky-post .svg-icon{
display: none;
}
.entry-title{
margin: 0 0 18px;
font-size: 20px;
}
.meta-cat + .entry-content{
margin-top: 1.2em;
}
.entry-content:after{
content: "";
display: block;
clear: both;
}
.entry-content p:last-child:not([class*=mb-]){
margin-bottom: 0;
}
.entry-content figure:not(:last-child){
margin-bottom: 1.2em;
}
.read-more{
clear: both;
}
.entry-footer{
word-break: initial;
clear: both;
font-size: 16px;
line-height: 1.4;
margin: 18px 0;
display: flex;
flex-wrap: wrap;
align-items: center;
color: #323232;
color: var(--colorDark);
}
.entry-footer.entry-footer-top{
margin-top: 30px;
margin-left: -40px;
margin-right: -40px;
margin-bottom: 0;
padding-left: 40px;
padding-right: 40px;
padding-top: 18px;
padding-bottom: 18px;
border-top: 1px solid #f0f0f0;
}
@media (min-width: 1200px) {
.entry-footer.entry-footer-top{
margin-top: 50px;
margin-left: -60px;
margin-right: -60px;
padding-left: 60px;
padding-right: 60px;
}
}
.entry-footer:empty{
display: none;
}
.entry-footer:before,
.entry-footer:after{
content: "";
display: block;
clear: both;
}
.entry-footer .meta-date{
margin-right: auto;
padding-right: 15px;
}
.entry-footer a{
color: #323232;
color: var(--colorDark);
}
.entry-footer a:focus,
.entry-footer a:hover{
color: #0095b3;
color: var(--colorMain);
}
.entry-footer .entry-tags a,
.entry-footer .categories-list a{
display: inline-block;
}
.entry-footer .author-avatar img{
max-width: 60px;
border-radius: 50%;
display: none;
}
.entry-footer .entry-author-wrap,
.entry-footer .entry-date-wrap{
white-space: nowrap;
}
.entry-footer > span{
margin-right: 1.25em;
}
.entry-footer .meta-word{
margin-right: 4px;
}
.entry-footer .tags-word{
margin-top: .4em;
}
.post-thumbnail + .entry-footer{
margin-top: 0;
}
.entry-footer .share_buttons{
margin-left: auto;
}
.has-post-thumbnail .entry-footer .author-avatar img{
display: block;
}
.comment-form .form-submit input[type=submit]{
border-color: var(--colorMain3) !important;
}
.comment-form .form-submit input[type=submit]:hover{
background-color: var(--colorMain);
color: var(--colorLight);
}
.i .comment-form .form-submit input[type=submit]{
color: var(--colorLight) !important;
}
.i .comment-form .form-submit input[type=submit]:hover{
color: var(--colorLight) !important;
}
.categories-list,
.tags-list{
white-space: initial;
}
.categories-list a{
margin: 0 4px 6px 0;
}
.entry-categories-separator:before{
content: " ";
}
.hfeed article{
clear: both;
overflow: hidden;
max-width: 1000px;
margin: 0 auto;
}
.hfeed article + article{
margin-top: 2.78em;
}
@media (max-width: 767px) {
.hfeed article + article{
margin-top: 30px;
}
}
.post-password-form{
margin: 1em 0;
}
.grid-item .entry-title{
font-size: 1.15em;
}
.grid-item .post-title + .entry-footer{
margin-top: .5em;
}
.hide-tax-name .taxonomy-name-title{
display: none;
}
.layout-meta-top .entry-footer-top{
margin-bottom: 2em;
}
.layout-meta-top .entry-footer-bottom{
margin-top: 0;
}
.layout-side-small .post-thumbnail{
margin-right: 20px;
margin-bottom: 15px;
}
.layout-side-small .post-thumbnail img{
max-width: 100px;
}
.layout-side-small .post-thumbnail ~ *{
overflow: hidden;
}
.layout-side-small .item-content{
padding-top: 0;
}
.layout-cols-excerpt{
text-align: center;
}
.layout-title-only h3{
font-size: inherit;
margin-bottom: 0;
}
.layout-title-only article + article{
margin-top: 0;
}
.layout-title-meta-only h3{
font-size: 1.25em;
margin-bottom: 0;
}
.layout-title-meta-only .entry-footer{
margin-bottom: .5em;
}
.layout-title-meta-only article + article{
margin-top: 4em;
}
.layout-cols .grid-wrapper,
.layout-cols-cat .grid-wrapper{
justify-content: space-between;
}
.layout-cols .grid-wrapper .grid-item article,
.layout-cols-cat .grid-wrapper .grid-item article{
padding: 0;
margin: 0;
}
.layout-cols .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail,
.layout-cols-cat .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail{
border-radius: 5px 5px 0 0;
}
.layout-cols .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail img,
.layout-cols-cat .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail img{
border-radius: 5px 5px 0 0;
}
@media (min-width: 1520px) {
.layout-cols .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail img,
.layout-cols-cat .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail img{
height: 100%;
min-height: 480px;
width: auto;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (min-width: 1520px) {
.layout-cols .grid-wrapper .grid-item article .post-thumbnail-wrap .flexslider img,
.layout-cols-cat .grid-wrapper .grid-item article .post-thumbnail-wrap .flexslider img{
height: 100%;
min-height: 480px;
width: auto;
-o-object-fit: cover;
object-fit: cover;
}
}
.layout-cols .grid-wrapper .grid-item article .item-content,
.layout-cols-cat .grid-wrapper .grid-item article .item-content{
position: relative;
padding: 50px;
}
.layout-cols .grid-wrapper .grid-item article .item-content .entry-content,
.layout-cols-cat .grid-wrapper .grid-item article .item-content .entry-content{
margin-top: 20px;
}
.layout-cols .grid-wrapper .grid-item article .item-content h3.entry-title,
.layout-cols-cat .grid-wrapper .grid-item article .item-content h3.entry-title{
font-weight: 500;
font-size: 24px;
line-height: 31px;
margin-bottom: 20px;
}
.layout-cols .grid-wrapper .grid-item article .item-content .entry-footer,
.layout-cols-cat .grid-wrapper .grid-item article .item-content .entry-footer{
margin: 0;
}
.layout-cols .grid-wrapper .grid-item article .item-content .entry-footer .author-avatar,
.layout-cols-cat .grid-wrapper .grid-item article .item-content .entry-footer .author-avatar{
position: absolute;
top: -30px;
left: 50px;
}
.single .post-thumbnail-background .container{
margin-top: 8vw;
margin-bottom: 8vw;
}
.single span[id^=more-]+h3{
margin-top: 0;
}
.single .post-password-form label{
margin: 0;
}
.single .post-password-form [type=submit]{
padding-top: 18px;
padding-bottom: 17px;
}
figure.wp-block-gallery.has-nested-images{
display: flex;
flex-wrap: wrap;
}
.related-posts{
margin: 4.5em 0 -35px;
}
@media (max-width: 767px) {
.related-posts{
margin-top: 4em;
margin-bottom: -50px;
}
}
.related-posts h6{
margin-bottom: 0;
}
.related-posts h5{
margin-top: .5em;
}
.related-posts .related-posts-heading{
font-size: 2.2em;
text-align: center;
margin-bottom: 1em;
font-weight: 400;
}
.author-meta{
margin-top: 70px;
border-radius: 5px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
box-shadow: 2px 3.5px 16px 0 rgba(0, 0, 0, .07);
}
.author-meta .side-item{
align-items: center;
}
@media (max-width: 575) {
.author-meta .side-item{
flex-wrap: wrap;
}
}
.author-meta .item-content{
padding: 0 40px 0 0 !important;
flex: 3.2 1;
}
.author-meta h5.author-name{
font-size: 28px;
margin-bottom: 20px;
}
.author-meta .item-media img{
width: 260px;
height: 260px;
min-width: 260px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px 0 0 5px;
}
.author-meta p.author-bio{
margin-bottom: 14px !important;
}
.author-meta .about-author-heading{
font-size: 16px;
line-height: 21px;
margin-bottom: 10px !important;
color: var(--colorMain);
}
@media (max-width: 575px) {
.author-meta{
text-align: center;
}
.author-meta .item-media img{
width: 100%;
height: 100%;
min-width: 100%;
margin: 0 auto;
border-radius: 5px 5px 0 0;
}
.author-meta .item-content{
padding: 30px !important;
min-width: 0;
}
.author-meta .social-links{
justify-content: center;
}
}
@media (min-width: 576px) {
.author-meta .side-item > *:first-child{
flex: 1.4 1;
margin-right: 40px;
}
}
.post-nav{
display: flex;
justify-content: center;
max-width: 1000px;
margin: 40px auto 0;
}
.post-nav > div:first-child{
margin-right: 30px;
}
@media screen and (max-width: 575px) {
.post-nav > div:first-child{
margin-right: 0;
margin-bottom: 20px;
}
}
.post-nav > div .post-nav-item{
padding: 15px;
border-radius: 3px;
text-align: center;
justify-content: center;
}
@media (min-width: 1200px) {
.post-nav > div .post-nav-item{
min-height: 160px;
}
}
.post-nav > div .post-nav-item.no-image{
color: var(--colorLight);
background: rgba(50, 50, 50, .5);
}
@media (max-width: 767px) {
.post-nav > div .post-nav-item{
padding: 30px;
}
}
.post-nav > div .post-nav-item::before{
border-radius: 3px;
transition: all .5s ease;
}
.post-nav a:hover .post-nav-item .post-nav-word{
color: var(--colorMain);
}
@media screen and (max-width: 767px) {
.post-nav{
flex-wrap: wrap;
margin: 2em 0;
}
}
.post-nav > *{
position: relative;
display: block;
flex: 1 1;
max-width: 50%;
}
@media screen and (max-width: 575px) {
.post-nav > *{
width: 100%;
max-width: none;
flex-basis: auto;
}
}
.post-nav .post-nav-arrow{
display: none;
}
.post-nav .post-nav-word{
font-size: 14px;
font-weight: 600;
color: var(--colorMain2);
display: block;
text-transform: uppercase;
transition: all .3s ease-in-out 0s;
}
.post-nav .post-nav-title{
display: block;
margin: 5px 0 5px 0;
font-size: 20px;
padding: 0 30px;
line-height: 26px;
font-weight: 700;
word-break: break-word;
}
.post-nav .background-cover{
color: #fff;
}
.post-nav-item{
display: flex;
padding: 1em 0;
height: 100%;
align-items: center;
justify-content: flex-end;
}
.post-nav-item.next-item{
justify-content: flex-start;
}
.post-nav-item.bg-item{
padding: 2em 1em;
}
.post-nav-arrow{
margin-right: .6em;
position: relative;
left: -1em;
}
.has-image .post-nav-arrow svg{
fill: #fff;
}
.post-nav-arrow svg{
max-width: none;
max-height: none;
width: 50px;
height: 50px;
}
.next-item .post-nav-arrow{
left: auto;
right: -1em;
margin-right: 0;
}
.post-nav-thumb{
margin-right: 1em;
}
.post-nav-thumb img{
display: block;
max-width: 80px;
}
@media screen and (max-width: 767px) {
.post-nav-thumb img{
max-width: 60px;
}
}
.next-item .post-nav-thumb{
margin-right: 0;
margin-left: 1em;
}
.layout-meta-side .post-thumbnail + .entry-header{
padding-top: 1.25em;
}
.entry-footer-side{
align-items: initial;
}
@media (min-width: 600px) {
.item-content.d-flex{
display: flex;
}
.entry-header + .item-content.d-flex{
padding-top: 0;
}
.item-content.d-flex .entry-content{
width: calc(100% - 12em);
}
.item-content.d-flex .entry-footer-side:empty + .entry-content{
width: 100%;
}
.entry-footer-side{
display: flex;
flex-direction: column;
width: 18em;
padding-right: 2em;
}
.entry-footer-side .comments-link{
float: none;
order: 2;
margin-left: 0;
}
.entry-footer-side > span{
margin: .25em 0;
}
}
.layout-default .meta-cat{
margin-top: .8em;
}
.meta-date{
font-size: 16px;
}
.meta-date .svg-icon svg{
fill: #787878;
fill: var(--colorFont);
}
.meta-date a{
color: var(--colorFont);
}
.meta-date a:hover{
color: var(--colorMain);
}
.meta-cat .svg-icon{
display: none;
}
.meta-cat a{
display: inline-block;
padding: .9em 1.8em;
border-radius: 5px;
line-height: 1;
border: 1px solid var(--colorMain);
background-color: var(--colorMain);
color: var(--colorLight);
font-size: 14px;
}
.meta-cat a:hover{
background-color: rgba(0, 0, 0, 0);
border-color: var(--colorFont);
color: var(--colorFont);
}
.meta-tags .svg-icon{
display: none;
}
.meta-tags .entry-tags-wrap{
align-items: flex-end;
}
.meta-tags a{
padding: 10px 16px;
border-radius: 3px;
color: var(--colorDark);
border: 2px solid var(--colorFont);
background-color: rgba(0, 0, 0, 0);
margin: 0 .45em 0 0;
line-height: 1;
}
.meta-tags a:hover{
background-color: var(--colorDark);
border-color: var(--colorDark);
color: var(--colorLight);
}
.i .meta-tags a{
color: var(--colorLight);
}
.i .meta-tags a:hover{
background-color: var(--colorLight);
border-color: var(--colorLight);
color: var(--colorDark);
}
.item-content{
border-radius: 0 0 5px 5px;
}
.item-content.bg-lightgrey{
background-color: var(--colorBackground);
}
.i .item-content.bg-lightgrey{
background-color: var(--colorDarkMuted);
}
.item-content .share_buttons .svg-icon svg{
fill: var(--colorMain);
}
.layout-default .item-content{
position: relative;
padding: 35px 40px 0;
}
@media (min-width: 1200px) {
.layout-default .item-content{
padding: 55px 60px 0;
}
}
.layout-default .item-content .author-avatar{
position: absolute;
top: -30px;
left: 40px;
}
@media (min-width: 1200px) {
.layout-default .item-content .author-avatar{
left: 60px;
}
}
.layout-default .item-content .entry-date-wrap{
order: -1;
}
.post-block{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-radius: 5px;
border-bottom: 2px solid rgba(0, 0, 0, 0);
padding: 30px;
transition: all .3s ease-in-out;
}
.post-block .post-thumbnail{
border-radius: 5px;
overflow: hidden;
}
.footer-btn a{
font-size: 16px;
font-weight: 600;
}
.footer-btn a::after{
content: "";
font-family: "Font Awesome 5 Free";
display: inline-block;
font-weight: 900;
font-size: 12px;
margin-left: 10px;
margin-bottom: 2px;
}
.entry-view-wrap span:last-child{
margin-left: 5px;
}
.post .gallery .gallery-item{
text-align: center;
padding: 0 7px;
}
.post .gallery .gallery-item a img{
width: 100%;
}
.post .meta-date{
margin-top: -5px;
}
.comment-form{
margin-bottom: 3em;
}
.comment-form .comment-notes{
order: -1;
}
.comment-form .comment-form-rating{
order: 3;
display: flex;
}
.comment-form .comment-form-rating .select-wrap{
margin-left: 20px;
}
.comment-form .comment-form-rating .select-wrap:before{
display: none;
}
.comment-form .form-submit{
order: 4;
}
.comment-form .form-submit input[type=submit]{
border-color: var(--colorMain3) !important;
}
.comment-form .form-submit input[type=submit]::before{
display: none;
}
.comment-form .form-submit input[type=submit]:hover{
line-height: 1 !important;
background-color: var(--colorMain3) !important;
}
.comment-form .comment-form-comment textarea{
min-height: 120px;
}
.comment-form p{
margin-bottom: 1.5em !important;
}
.layout-search{
max-width: 1000px;
margin: 0 auto;
}
.layout-search .search-form{
background-color: var(--colorMain);
background-image: url(//fabfloorings.ae/wp-content/themes/flooring/assets/img/widget_texture.png);
padding: 50px;
border-radius: 5px;
}
@media (max-width: 767px) {
.layout-search .search-form{
padding: 30px;
}
}
.layout-search .search-form button.search-submit,
.layout-search .search-form button.search-submit:hover{
right: 50px;
top: calc(50% - 30px);
}
@media (max-width: 767px) {
.layout-search .search-form button.search-submit,
.layout-search .search-form button.search-submit:hover{
right: 30px;
}
}
.layout-search > article,
.layout-search > div{
margin-top: 0;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.layout-search > article,
.layout-search > div{
margin-bottom: 30px;
}
}
.layout-search > article:last-child,
.layout-search > div:last-child{
margin-bottom: 0;
}
.layout-search > article ul.products.search-results li.product,
.layout-search > article ul.products.search-results li.product,
.layout-search > div ul.products.search-results li.product,
.layout-search > div ul.products.search-results li.product{
margin-bottom: 0;
}
.layout-search article + article{
margin-top: 0;
}
.layout-search article{
background-color: var(--colorBackground);
padding: 50px 80px;
border-radius: 5px;
}
@media (max-width: 550px) {
.layout-search article{
padding: 30px;
}
}
@media (min-width: 600px) {
.layout-search li.product .product-loop-item .product-text-wrap .price{
order: 10;
}
.layout-search li.product .product-loop-item .product-text-wrap .price + .product-rating-wrap{
margin-top: 0;
}
.layout-search li.product .product-loop-item .product-text-wrap .product-rating-wrap{
margin-bottom: 10px;
}
.layout-search li.product .product-loop-item .product-text-wrap .product-buttons-wrap{
order: 11;
position: relative;
top: 0;
right: 0;
left: auto;
width: 100%;
justify-content: right;
-webkit-transform: translate(56px, -23px);
transform: translate(56px, -23px);
}
}
.blog .format-status,
.archive .format-status,
.search .format-status,
.blog .format-quote,
.archive .format-quote,
.search .format-quote{
position: relative;
}
.blog .format-status::after,
.archive .format-status::after,
.search .format-status::after,
.blog .format-quote::after,
.archive .format-quote::after,
.search .format-quote::after{
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(50, 50, 50, .8);
}
.blog .format-status .post-thumbnail-wrap,
.archive .format-status .post-thumbnail-wrap,
.search .format-status .post-thumbnail-wrap{
display: none;
}
.blog .format-status .i.item-content,
.archive .format-status .i.item-content,
.search .format-status .i.item-content{
padding: 35px 40px;
font-size: 20px;
font-weight: 400;
color: var(--colorLight);
background-color: rgba(0, 0, 0, 0);
position: relative;
z-index: 2;
}
@media (min-width: 1200px) {
.blog .format-status .i.item-content,
.archive .format-status .i.item-content,
.search .format-status .i.item-content{
padding: 55px 60px;
}
}
.blog .format-status .i.item-content .entry-avatar img,
.archive .format-status .i.item-content .entry-avatar img,
.search .format-status .i.item-content .entry-avatar img{
margin: 0;
border-radius: 50%;
}
.blog .format-status .i.item-content .entry-avatar > div,
.archive .format-status .i.item-content .entry-avatar > div,
.search .format-status .i.item-content .entry-avatar > div{
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 10px;
}
.blog .format-status .i.item-content .entry-title,
.archive .format-status .i.item-content .entry-title,
.search .format-status .i.item-content .entry-title{
margin: 0;
}
.single-post .blog .format-status .item-content,
.single-post .archive .format-status .item-content,
.single-post .search .format-status .item-content{
color: var(--colorFont);
}
.single-post .blog .format-status .item-content .entry-content,
.single-post .archive .format-status .item-content .entry-content,
.single-post .search .format-status .item-content .entry-content{
color: var(--colorFont);
}
.single-post .blog .format-status .item-content .entry-date a,
.single-post .archive .format-status .item-content .entry-date a,
.single-post .search .format-status .item-content .entry-date a{
color: var(--colorDarkGrey);
}
.single-post .blog .format-status .item-content .entry-author-wrap a:hover,
.single-post .archive .format-status .item-content .entry-author-wrap a:hover,
.single-post .search .format-status .item-content .entry-author-wrap a:hover{
color: var(--colorDarkGrey);
}
.layout-default .format-link .entry-content > p > a,
.archive .format-link .entry-content > p > a,
.search .format-link .entry-content > p > a{
font-size: 20px;
line-height: 24px;
font-weight: 600;
display: inline-block;
}
.blog .format-quote .post-thumbnail-wrap,
.blog .format-quote .post-thumbnail,
.archive .format-quote .post-thumbnail-wrap,
.archive .format-quote .post-thumbnail,
.search .format-quote .post-thumbnail-wrap,
.search .format-quote .post-thumbnail{
display: none;
}
.blog .format-quote .item-content,
.archive .format-quote .item-content,
.search .format-quote .item-content{
padding: 35px 40px;
position: relative;
z-index: 2;
}
@media (min-width: 1200px) {
.blog .format-quote .item-content,
.archive .format-quote .item-content,
.search .format-quote .item-content{
padding: 55px 60px;
}
}
.blog .format-quote .item-content blockquote,
.archive .format-quote .item-content blockquote,
.search .format-quote .item-content blockquote{
margin: 0 auto;
}
.single .format-quote blockquote{
margin-top: 0;
}
.format-chat p{
padding: 10px;
background: rgba(0, 0, 0, 0);
margin-bottom: 0 !important;
}
.format-chat p:first-of-type{
padding: 0 0 10px;
}
.format-chat p + .entry-footer{
margin-top: 14px !important;
}
.format-chat p:nth-child(odd){
padding: 10px 10px 10px 20px;
}
.format-chat p:nth-child(even){
background: var(--colorBackground);
padding: 10px 10px 10px 20px;
color: var(--colorFont);
}
.entry-meta-corner{
position: absolute;
z-index: 2;
text-align: center;
color: var(--colorLight);
background-color: var(--colorMain);
background-image: linear-gradient(to right, var(--colorMain), var(--colorMain2));
background-position: 0 0;
background-repeat: no-repeat;
width: 60px;
height: 60px;
padding: 10px 0 0 0;
border-radius: 5px 0 5px 0;
display: none;
}
.entry-meta-corner .date{
display: block;
text-transform: uppercase;
font-size: 12px;
line-height: 1;
letter-spacing: .2em;
font-weight: 400;
}
.entry-meta-corner .date strong{
font-size: 30px;
line-height: 1;
font-weight: 900;
display: block;
color: var(--colorLight);
}
.has-post-thumbnail .entry-meta-corner{
display: block;
}
.required{
color: #16a4d6;
color: var(--colorMain3);
}
.single-post .comments-area,
.singular .comments-area{
margin-top: 2em;
box-shadow: 2px 3.5px 16px 0 rgba(0, 0, 0, .07);
}
.single-post .comments-area .comments-wrap,
.singular .comments-area .comments-wrap{
padding: 60px;
border-radius: 5px;
}
@media (max-width: 1200px) {
.single-post .comments-area .comments-wrap,
.singular .comments-area .comments-wrap{
padding: 30px;
}
}
.single-post .comments-area.alignfull,
.singular .comments-area.alignfull{
margin-top: 80px;
}
.single-post .comments-area.alignfull .comments-wrap,
.singular .comments-area.alignfull .comments-wrap{
max-width: 1000px;
margin: auto;
}
.container.pb-0 .single-post .comments-area.alignfull,
.container.pb-0 .singular .comments-area.alignfull{
margin-bottom: -0em;
}
.container.pb-1 .single-post .comments-area.alignfull,
.container.pb-1 .singular .comments-area.alignfull{
margin-bottom: -1em;
}
.container.pb-2 .single-post .comments-area.alignfull,
.container.pb-2 .singular .comments-area.alignfull{
margin-bottom: -2em;
}
.container.pb-3 .single-post .comments-area.alignfull,
.container.pb-3 .singular .comments-area.alignfull{
margin-bottom: -3em;
}
.container.pb-4 .single-post .comments-area.alignfull,
.container.pb-4 .singular .comments-area.alignfull{
margin-bottom: -4em;
}
.container.pb-5 .single-post .comments-area.alignfull,
.container.pb-5 .singular .comments-area.alignfull{
margin-bottom: -5em;
}
.container.pb-6 .single-post .comments-area.alignfull,
.container.pb-6 .singular .comments-area.alignfull{
margin-bottom: -6em;
}
.container.pb-7 .single-post .comments-area.alignfull,
.container.pb-7 .singular .comments-area.alignfull{
margin-bottom: -7em;
}
.container.pb-8 .single-post .comments-area.alignfull,
.container.pb-8 .singular .comments-area.alignfull{
margin-bottom: -8em;
}
.container.pb-9 .single-post .comments-area.alignfull,
.container.pb-9 .singular .comments-area.alignfull{
margin-bottom: -9em;
}
.container.pb-10 .single-post .comments-area.alignfull,
.container.pb-10 .singular .comments-area.alignfull{
margin-bottom: -10em;
}
@media (max-width: 767px) {
.single-post .comments-area.alignfull,
.singular .comments-area.alignfull{
margin-top: 50px;
}
}
.single-post .comments-area .comment-respond h3.comment-reply-title,
.singular .comments-area .comment-respond h3.comment-reply-title{
margin-bottom: 47px;
}
@media (max-width: 767px) {
.single-post .comments-area .comment-respond h3.comment-reply-title,
.singular .comments-area .comment-respond h3.comment-reply-title{
margin-bottom: 30px;
}
}
.single-post .comments-area .comment-respond form.comment-form,
.singular .comments-area .comment-respond form.comment-form{
margin-bottom: 0;
}
.single-post .comments-area .comment-respond form.comment-form p,
.singular .comments-area .comment-respond form.comment-form p{
width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 10px !important;
}
.single-post .comments-area .comment-respond form.comment-form p.comment-form-comment textarea,
.singular .comments-area .comment-respond form.comment-form p.comment-form-comment textarea{
min-height: 220px;
}
.single-post .comments-area .comment-respond form.comment-form p.form-submit,
.singular .comments-area .comment-respond form.comment-form p.form-submit{
margin-bottom: 0 !important;
}
@media (min-width: 768px) {
.single-post .comments-area .comment-respond form.comment-form .comment-form-author,
.single-post .comments-area .comment-respond form.comment-form .comment-form-email,
.singular .comments-area .comment-respond form.comment-form .comment-form-author,
.singular .comments-area .comment-respond form.comment-form .comment-form-email{
width: 50%;
}
.single-post .comments-area .comment-respond form.comment-form .comment-form-author,
.singular .comments-area .comment-respond form.comment-form .comment-form-author{
padding-right: 5px;
}
.single-post .comments-area .comment-respond form.comment-form .comment-form-email,
.singular .comments-area .comment-respond form.comment-form .comment-form-email{
padding-left: 5px;
}
}
.comments-title{
font-size: 30px;
line-height: 36px;
margin: 0 0 33px;
}
.comment-list{
padding: 0;
margin-bottom: 0;
}
@media (max-width: 767px) {
.comment-list{
margin-bottom: 2em;
}
}
ol.children{
margin-top: 6px;
padding-left: 30px;
}
@media (max-width: 575px) {
ol.children{
margin-left: 10px;
padding-left: 10px;
}
}
.comment,
.pingback,
.trackback{
list-style: none;
margin-bottom: 1em;
}
.pingback + .comment,
.trackback + .comment{
margin-top: 2em;
}
.comment{
padding-top: 30px;
margin-bottom: 30px;
}
.comment:last-child{
margin-bottom: 0;
}
.comment:last-child p{
margin-bottom: 0;
}
.comment-meta{
position: relative;
margin-left: 100px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
min-height: 30px;
color: #787878;
color: var(--colorFont);
margin-bottom: .5em;
}
.comment-meta b{
font-weight: normal;
}
.comment-meta .says{
display: none;
}
.comment-author{
font-size: 18px;
line-height: 1.3;
}
.comment-author img{
background-color: #f2f2f2;
width: 70px;
height: 70px;
position: absolute;
left: -100px;
top: 0;
}
.comment-metadata{
font-size: 15px;
}
.comment-content{
margin-left: 100px;
}
@media (max-width: 575px) {
.comment-content{
margin-left: 0;
}
}
.comment-body{
position: relative;
}
.comment-body .edit-link:before{
content: " | ";
}
.reply{
margin-left: 100px;
font-size: 15px;
}
.reply .svg-icon{
display: none;
}
.reply a{
color: var(--colorMain);
}
.comment-reply-title{
font-weight: 400;
margin-bottom: .8em;
}
.comment-reply-title a{
color: #787878;
color: var(--colorFont);
}
.comment-form{
display: flex;
flex-wrap: wrap;
margin-bottom: 5em;
}
.comment-form p{
width: 100%;
margin-bottom: 10px;
}
@media (min-width: 1200px) {
.comment-form p.comment-form-author{
width: 50%;
padding-right: 5px;
}
.comment-form p.comment-form-email{
width: 50%;
padding-left: 5px;
}
}
.comment-form .form-submit{
margin-bottom: 0;
}
.comment-form .logged-in-as,
.comment-form .comment-notes{
font-size: .92em;
margin-bottom: .5em;
color: var(--colorFontMuted);
}
.comment-form .comment-form-cookies-consent{
line-height: 1.5;
}
.comment-form .comment-form-cookies-consent [type=checkbox]{
position: relative;
top: -1px;
}
.comment-form .comment-form-cookies-consent label{
display: inline !important;
}
.comment-form textarea,
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url]{
width: 100%;
background-color: var(--colorLight);
}
.i .comment-form textarea,
.i .comment-form input[type=text],
.i .comment-form input[type=email],
.i .comment-form input[type=url]{
color: var(--colorDark) !important;
}
.i .comment-form textarea::-webkit-input-placeholder, .i .comment-form input[type=text]::-webkit-input-placeholder, .i .comment-form input[type=email]::-webkit-input-placeholder, .i .comment-form input[type=url]::-webkit-input-placeholder{
color: var(--colorFont);
}
.i .comment-form textarea:-ms-input-placeholder, .i .comment-form input[type=text]:-ms-input-placeholder, .i .comment-form input[type=email]:-ms-input-placeholder, .i .comment-form input[type=url]:-ms-input-placeholder{
color: var(--colorFont);
}
.i .comment-form textarea::placeholder,
.i .comment-form input[type=text]::placeholder,
.i .comment-form input[type=email]::placeholder,
.i .comment-form input[type=url]::placeholder{
color: var(--colorFont);
}
.comment-form .comment-form-author,
.comment-form .comment-form-email{
order: -1;
}
li .comment-respond{
margin-top: 1em;
}
.wp-block-latest-comments__comment-date{
color: var(--colorDarkMuted);
font-size: 14px;
}
.i .wp-block-latest-comments__comment-date{
color: var(--colorLight);
}
ol.comment-list .comment-meta{
margin-left: 100px;
padding-right: 30px;
}
ol.comment-list .comment-meta .comment-author{
width: 100%;
color: var(--colorDark);
font-size: 20px;
line-height: 24px;
font-weight: 600;
}
ol.comment-list .comment-meta .comment-author img{
border-radius: 50%;
}
ol.comment-list .comment-meta .comment-metadata{
width: 100%;
display: block;
margin: 2px 0 16px;
font-size: 14px;
line-height: 24px;
font-weight: 600;
text-transform: uppercase;
}
ol.comment-list .comment-meta .comment-metadata a{
color: var(--colorMain);
}
ol.comment-list .comment-meta .comment-metadata a:hover{
color: var(--colorDark);
}
@media (max-width: 575px) {
ol.comment-list .comment-meta{
margin-left: 0;
padding-right: 0;
justify-content: center;
}
ol.comment-list .comment-meta .comment-author img{
position: relative;
display: block;
top: 0;
left: 0;
margin-bottom: 10px;
}
}
ol.comment-list .reply{
position: absolute;
top: 10px;
right: 0;
font-size: 0;
}
@media (max-width: 575px) {
ol.comment-list .reply{
top: 0;
}
}
ol.comment-list .reply a::before{
content: "";
font-family: FontAwesome;
font-size: 16px;
color: var(--colorFont);
transition: all .3s ease-in-out 0s;
}
ol.comment-list .reply a:hover::before{
color: var(--colorDark);
}
.i ol.comment-list .reply a:hover::before{
color: var(--colorLight);
}
.widget .widget-title{
font-weight: 700;
font-size: 20px;
line-height: 24px;
letter-spacing: .05rem;
margin-bottom: 32px;
}
.widget > ul,
.widget > ul ul{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.widget ul:last-child,
.widget ol:last-child{
margin-bottom: 0;
}
.widget select{
display: block;
width: 100%;
}
.widget ul.children{
margin: 0;
padding: 0;
}
.widget ul.children li a{
padding-left: 30px;
}
.widget ul.children li:last-child{
border-bottom: none !important;
}
.widget_search .widget-title + form,
.widget_categories .widget-title + form{
margin-top: 1.15em;
}
.widget_archive select{
margin-top: 1.65em;
}
.widget.widget_block .widget-title{
margin-bottom: 30px;
}
.widget.widget_block .wp-block-tag-cloud{
margin-bottom: 0;
}
.widget.widget_block a.tag-cloud-link{
display: inline-block;
line-height: 1.3;
border: 2px solid var(--colorFont);
padding: 8px 20px;
border-radius: 5px;
font-size: 16px !important;
color: var(--colorDark);
font-weight: 500;
transition: all .3s ease-in-out;
margin-top: 10px;
}
.widget.widget_block a.tag-cloud-link:hover{
color: var(--colorLight);
background-color: var(--colorFont);
}
.i .widget.widget_block a.tag-cloud-link{
color: var(--colorLight);
}
.widget_rss li + li{
margin-top: 1em;
}
.widget_rss .rsswidget{
font-weight: 700;
}
.widget_rss .rss-date{
display: block;
font-size: 14px;
margin-bottom: .5em;
}
.widget_mc4wp_form_widget .mc4wp-form-fields input{
background-color: var(--colorLight);
border: none;
padding-right: 50px;
box-shadow: 2px 3.5px 16px 0 rgba(0, 0, 0, .07);
}
.widget_mc4wp_form_widget .mc4wp-form-fields{
position: relative;
}
.widget_mc4wp_form_widget .mc4wp-form-fields p:last-child{
margin-bottom: 0;
}
.widget_mc4wp_form_widget .mc4wp-form-fields p label{
display: none;
}
.widget_mc4wp_form_widget .mc4wp-form-fields button{
height: 47px;
width: 47px;
line-height: 47px;
display: block;
border: none;
position: absolute;
top: 0;
right: 0;
font-size: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0);
transition: all .3s ease-in-out;
}
.widget_mc4wp_form_widget .mc4wp-form-fields button::before{
font-size: 18px;
content: "";
font-family: "FontAwesome";
color: var(--colorMain);
opacity: 1;
transition: all .3s ease-in-out;
}
.widget_mc4wp_form_widget .mc4wp-form-fields button:hover{
line-height: 47px !important;
background-color: rgba(0, 0, 0, 0) !important;
opacity: .7;
}
.widget_mc4wp_form_widget .wp-block-search .wp-block-search__button{
position: absolute;
right: 0;
font-size: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0);
height: 100%;
width: 50px;
}
.widget_block h5{
line-height: 1.3;
}
.wp-block-categories-list li > *{
padding: 20px 0;
}
#sb_instagram .sbi_photo_wrap a{
border-radius: 3px;
}
#sb_instagram #sbi_images{
margin-left: -2px;
margin-right: -2px;
}
#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap{
padding: 2px;
}
.wp-block-latest-posts ul ul,
.wp-block-latest-comments:not(.has-avatars) ul ul,
.wp-block-categories-list ul ul,
.wp-block-archives-list ul ul,
.widget_archive ul ul,
.widget_categories ul ul,
.widget_pages ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_recent_entries ul ul,
.widget_recent_comments ul ul,
.widget_product_categories ul ul,
.widget_layered_nav ul ul,
.woocommerce-MyAccount-navigation ul ul{
padding-left: 1em;
}
.wp-block-latest-posts ul ul li:last-child,
.wp-block-latest-comments:not(.has-avatars) ul ul li:last-child,
.wp-block-categories-list ul ul li:last-child,
.wp-block-archives-list ul ul li:last-child,
.widget_archive ul ul li:last-child,
.widget_categories ul ul li:last-child,
.widget_pages ul ul li:last-child,
.widget_meta ul ul li:last-child,
.widget_nav_menu ul ul li:last-child,
.widget_recent_entries ul ul li:last-child,
.widget_recent_comments ul ul li:last-child,
.widget_product_categories ul ul li:last-child,
.widget_layered_nav ul ul li:last-child,
.woocommerce-MyAccount-navigation ul ul li:last-child{
border-bottom: none;
}
.wp-block-latest-posts li,
.wp-block-latest-comments:not(.has-avatars) li,
.wp-block-categories-list li,
.wp-block-archives-list li,
.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_nav_menu li,
.widget_recent_entries li,
.widget_recent_comments li,
.widget_product_categories li,
.widget_layered_nav li,
.woocommerce-MyAccount-navigation li{
margin: 0;
padding: 0 !important;
line-height: 1.5;
position: relative;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
border-bottom: 1px solid var(--colorBorder);
min-height: 70px;
font-size: 18px;
}
.wp-block-latest-posts li > *,
.wp-block-latest-comments:not(.has-avatars) li > *,
.wp-block-categories-list li > *,
.wp-block-archives-list li > *,
.widget_archive li > *,
.widget_categories li > *,
.widget_pages li > *,
.widget_meta li > *,
.widget_nav_menu li > *,
.widget_recent_entries li > *,
.widget_recent_comments li > *,
.widget_product_categories li > *,
.widget_layered_nav li > *,
.woocommerce-MyAccount-navigation li > *{
padding: 1.25em 0;
}
.wp-block-latest-posts li a,
.wp-block-latest-comments:not(.has-avatars) li a,
.wp-block-categories-list li a,
.wp-block-archives-list li a,
.widget_archive li a,
.widget_categories li a,
.widget_pages li a,
.widget_meta li a,
.widget_nav_menu li a,
.widget_recent_entries li a,
.widget_recent_comments li a,
.widget_product_categories li a,
.widget_layered_nav li a,
.woocommerce-MyAccount-navigation li a{
display: inline-block;
}
.wp-block-latest-posts li a:hover,
.wp-block-latest-comments:not(.has-avatars) li a:hover,
.wp-block-categories-list li a:hover,
.wp-block-archives-list li a:hover,
.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_meta li a:hover,
.widget_nav_menu li a:hover,
.widget_recent_entries li a:hover,
.widget_recent_comments li a:hover,
.widget_product_categories li a:hover,
.widget_layered_nav li a:hover,
.woocommerce-MyAccount-navigation li a:hover{
color: var(--colorMain);
}
.wp-block-latest-posts li span,
.wp-block-latest-comments:not(.has-avatars) li span,
.wp-block-categories-list li span,
.wp-block-archives-list li span,
.widget_archive li span,
.widget_categories li span,
.widget_pages li span,
.widget_meta li span,
.widget_nav_menu li span,
.widget_recent_entries li span,
.widget_recent_comments li span,
.widget_product_categories li span,
.widget_layered_nav li span,
.woocommerce-MyAccount-navigation li span{
display: inline-block;
}
.wp-block-latest-posts li:first-child,
.wp-block-latest-comments:not(.has-avatars) li:first-child,
.wp-block-categories-list li:first-child,
.wp-block-archives-list li:first-child,
.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_pages li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_recent_entries li:first-child,
.widget_recent_comments li:first-child,
.widget_product_categories li:first-child,
.widget_layered_nav li:first-child,
.woocommerce-MyAccount-navigation li:first-child{
border-top: 1px solid var(--colorBorder);
}
.wp-block-latest-posts li .count,
.wp-block-latest-comments:not(.has-avatars) li .count,
.wp-block-categories-list li .count,
.wp-block-archives-list li .count,
.widget_archive li .count,
.widget_categories li .count,
.widget_pages li .count,
.widget_meta li .count,
.widget_nav_menu li .count,
.widget_recent_entries li .count,
.widget_recent_comments li .count,
.widget_product_categories li .count,
.widget_layered_nav li .count,
.woocommerce-MyAccount-navigation li .count{
float: right;
}
.wp-block-latest-posts li:hover::before,
.wp-block-latest-comments:not(.has-avatars) li:hover::before,
.wp-block-categories-list li:hover::before,
.wp-block-archives-list li:hover::before,
.widget_archive li:hover::before,
.widget_categories li:hover::before,
.widget_pages li:hover::before,
.widget_meta li:hover::before,
.widget_nav_menu li:hover::before,
.widget_recent_entries li:hover::before,
.widget_recent_comments li:hover::before,
.widget_product_categories li:hover::before,
.widget_layered_nav li:hover::before,
.woocommerce-MyAccount-navigation li:hover::before{
border-color: var(--colorMain);
}
.widget_recent_comments li{
padding: 1em 0 !important;
}
.widget_recent_comments li > *{
padding: .25em 0;
}
.wp-block-categories select{
width: 100%;
}
.widget_nav_menu ul{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.widget_nav_menu .current_page_item > a{
font-weight: 700;
}
.widget_nav_menu.borders-none li{
border: none !important;
min-height: 27px;
}
.widget_nav_menu.borders-none li a{
padding: 0 !important;
}
.borders-none .widget_nav_menu li{
border: none !important;
min-height: 27px;
}
.borders-none .widget_nav_menu li a{
padding: 0 !important;
}
.widget_recent_entries .post-date{
display: flex;
font-size: 14px;
margin-bottom: .5em;
color: #787878;
color: var(--colorFont);
}
.i .widget_recent_entries .post-date{
color: #fff;
color: var(--colorLight);
}
.wp-block-latest-posts li{
padding: 1em 0 !important;
}
.wp-block-latest-posts li > *{
padding: 0;
}
.wp-block-calendar{
box-shadow: 0 10px 35px rgba(0, 0, 0, .04);
position: relative;
}
.wp-block-archives-dropdown + .wp-block-calendar{
margin-top: 15px;
}
.widget_calendar .calendar_wrap{
box-shadow: 0 10px 35px rgba(0, 0, 0, .04);
position: relative;
}
.wp-block-calendar,
.widget_calendar{
text-align: center;
border-radius: 5px;
}
.wp-block-calendar a,
.widget_calendar a{
text-decoration: none;
}
.wp-block-calendar table,
.widget_calendar table{
font-size: 14px;
}
.wp-block-calendar table th,
.widget_calendar table th{
border: none;
background: var(--colorDark);
color: var(--colorLight);
padding: 14px 8px;
font-size: 16px;
line-height: 22px;
font-weight: bold;
}
.wp-block-calendar table caption,
.widget_calendar table caption{
background-color: var(--colorMain3);
color: var(--colorLight);
font-size: 24px;
line-height: 31px;
padding: 24px;
font-weight: 500;
border-radius: 5px 5px 0 0;
}
.wp-block-calendar tbody,
.widget_calendar tbody{
background-color: var(--colorBackground);
}
.wp-block-calendar tbody a,
.widget_calendar tbody a{
font-weight: bold;
}
.wp-block-calendar tbody td,
.widget_calendar tbody td{
font-size: 18px;
line-height: 30px;
padding: 15px 10px;
border: none;
}
.i .wp-block-calendar tbody td,
.i .widget_calendar tbody td{
background-color: rgba(255, 255, 255, .05);
}
.wp-block-calendar tbody td a,
.widget_calendar tbody td a{
color: var(--colorMain2);
font-weight: 400;
}
.wp-block-calendar tbody tr td:first-child,
.widget_calendar tbody tr td:first-child{
padding-left: 50px;
}
.wp-block-calendar tbody tr td:last-child,
.widget_calendar tbody tr td:last-child{
padding-right: 50px;
}
.wp-block-calendar thead tr th:first-child,
.widget_calendar thead tr th:first-child{
padding-left: 50px;
}
.wp-block-calendar thead tr th:last-child,
.widget_calendar thead tr th:last-child{
padding-right: 50px;
}
.wp-block-calendar tr:first-child > td,
.widget_calendar tr:first-child > td{
padding-top: 50px;
}
.wp-block-calendar tr:last-child > td,
.widget_calendar tr:last-child > td{
padding-bottom: 50px;
}
@media (max-width: 400px) {
.wp-block-calendar table th,
.widget_calendar table th{
padding: 4px;
}
.wp-block-calendar table caption,
.widget_calendar table caption{
padding: 15px;
}
.wp-block-calendar tbody td,
.widget_calendar tbody td{
padding: 4px;
}
.wp-block-calendar tbody tr td:first-child,
.widget_calendar tbody tr td:first-child{
padding-left: 15px;
}
.wp-block-calendar tbody tr td:last-child,
.widget_calendar tbody tr td:last-child{
padding-right: 15px;
}
.wp-block-calendar thead tr th:first-child,
.widget_calendar thead tr th:first-child{
padding-left: 15px;
}
.wp-block-calendar thead tr th:last-child,
.widget_calendar thead tr th:last-child{
padding-right: 15px;
}
.wp-block-calendar tr:first-child > td,
.widget_calendar tr:first-child > td{
padding-top: 15px;
}
.wp-block-calendar tr:last-child > td,
.widget_calendar tr:last-child > td{
padding-bottom: 15px;
}
}
.wp-block-calendar nav,
.widget_calendar nav{
position: absolute;
top: 0;
left: 0;
right: 0;
height: 80px;
display: flex;
}
.wp-block-calendar nav span:first-child,
.wp-block-calendar nav span:last-child,
.widget_calendar nav span:first-child,
.widget_calendar nav span:last-child{
width: 75px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
z-index: 3;
}
.wp-block-calendar nav span:first-child a,
.wp-block-calendar nav span:last-child a,
.widget_calendar nav span:first-child a,
.widget_calendar nav span:last-child a{
font-size: 0;
}
@media (max-width: 400px) {
.wp-block-calendar nav,
.widget_calendar nav{
height: 60px;
}
.wp-block-calendar nav span:first-child,
.wp-block-calendar nav span:last-child,
.widget_calendar nav span:first-child,
.widget_calendar nav span:last-child{
width: 60px;
height: 60px;
}
}
.wp-block-calendar nav span:first-child,
.widget_calendar nav span:first-child{
left: 0;
top: 0;
}
.wp-block-calendar nav span:first-child a:before,
.widget_calendar nav span:first-child a:before{
content: "";
font-family: "icomoon";
font-size: 16px;
color: var(--colorLight);
transition: all .3s ease-in-out;
}
.wp-block-calendar nav span:first-child a:hover::before,
.widget_calendar nav span:first-child a:hover::before{
opacity: .5;
}
.wp-block-calendar nav span:last-child,
.widget_calendar nav span:last-child{
right: 0;
top: 0;
}
.wp-block-calendar nav span:last-child a:before,
.widget_calendar nav span:last-child a:before{
content: "";
font-family: "icomoon";
font-size: 16px;
color: var(--colorLight);
transition: all .3s ease-in-out;
}
.wp-block-calendar nav span:last-child a:hover::before,
.widget_calendar nav span:last-child a:hover::before{
opacity: .5;
}
.i .wp-block-calendar table th,
.i .widget_calendar table th{
background: var(--colorLight);
color: var(--colorDark);
}
.widget_theme_meta .sub-title{
margin-bottom: 1.5em;
}
.widget_theme_meta .theme-meta-img.wp-block-image{
margin-bottom: 2em;
}
.widget_theme_meta .theme-meta .icon-inline{
margin: 0 0 .5em;
display: flex;
line-height: 1.4;
align-items: flex-start;
}
.widget_theme_meta .theme-meta .svg-icon{
line-height: 1.6;
}
.widget_theme_meta .social-links{
display: block;
margin-top: 1em;
}
.text-center .theme-meta .icon-inline{
justify-content: center;
}
.widget_theme_category a,
.widget_theme_category .category-block{
display: block;
height: 100%;
}
.widget_theme_category a:hover{
outline: 3px solid;
}
.widget_theme_category h5,
.widget_theme_category p{
margin-bottom: 0;
}
.widget_theme_spacer hr{
height: 3px;
background-color: #0095b3;
background-color: var(--colorMain);
width: 4em;
margin-left: 0;
margin-top: 1.5em;
}
.widget_theme_spacer .text-center hr{
margin-left: auto;
}
.is-style-text-secondary a{
color: var(--colorMain);
}
.has-drop-cap:not(:focus):first-letter{
font-size: 3.5em;
line-height: 1;
padding-right: .1em;
font-weight: 700;
color: var(--colorMain);
}
.has-drop-cap:not(:focus):after{
padding-top: 0;
}
.wp-block-button,
.wp-block-buttons{
margin-bottom: 2em;
}
.wp-block-button:last-child,
.wp-block-buttons:last-child{
margin-bottom: 0;
}
.wp-block-separator{
margin-left: 0;
margin-right: 0;
min-width: 100px;
}
.wp-block-separator.center:not([class*=align]){
margin-left: auto;
margin-right: auto;
}
.wp-block-separator.is-style-wide,
.wp-block-separator.alignfull,
.wp-block-separator.alignwide{
max-width: none !important;
}
.wp-block-cover{
margin-bottom: 2em;
}
.wp-block-cover,
.wp-block-cover-image{
position: relative !important;
height: auto;
}
.container-1170 .wp-block-cover__inner-container{
max-width: 1170px;
}
.container-960 .wp-block-cover__inner-container{
max-width: 960px;
}
.container-720 .wp-block-cover__inner-container{
max-width: 720px;
}
@media (max-width: 600px) {
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container{
width: 100%;
padding-top: 2em;
padding-bottom: 2em;
}
}
.wp-block-buttons.alignleft,
.wp-block-buttons.alignright{
max-width: none;
}
.wp-block-buttons .wp-block-button{
margin: 0 0 4px;
}
.wp-block-button__link:active,
.wp-block-button__link:hover{
color: var(--colorLight);
background-color: var(--colorMainDarken);
}
.is-style-outline .wp-block-button__link{
background-color: rgba(0, 0, 0, 0);
border-color: var(--colorMain);
color: var(--colorDark);
}
.is-style-outline .wp-block-button__link:hover{
background-color: var(--colorDarkMuted);
color: var(--colorLight);
}
.size-medium .wp-block-button__link{
padding: 16px 35px;
}
.size-small .wp-block-button__link{
padding: 12px 20px;
}
.is-style-inverse-fill .wp-block-button__link{
background-color: var(--colorDark);
}
.is-style-inverse-fill .wp-block-button__link:hover{
background-color: rgba(0, 0, 0, 0);
color: var(--colorDark);
border-color: var(--colorDark);
}
.is-style-inverse-outline .wp-block-button__link{
background-color: rgba(0, 0, 0, 0);
color: var(--colorDark);
border-color: var(--colorDark);
}
.is-style-inverse-outline .wp-block-button__link:hover{
background-color: var(--colorDark);
color: var(--colorLight);
}
.is-style-color-link .wp-block-button__link{
background-color: rgba(0, 0, 0, 0);
padding: 0;
margin-left: -10px;
font-size: 16px;
font-weight: bold;
color: var(--colorFont);
}
.is-style-color-link .wp-block-button__link::after{
content: "";
font-family: "Font Awesome 5 Free";
margin-left: 8px;
}
.is-style-color-link .wp-block-button__link:hover{
color: var(--colorMain);
}
.is-style-dark-link .wp-block-button__link{
background-color: rgba(0, 0, 0, 0);
padding: 0;
margin-left: -10px;
font-size: 16px;
font-weight: bold;
color: var(--colorMain);
}
.is-style-dark-link .wp-block-button__link::after{
content: "";
font-family: "Font Awesome 5 Free";
margin-left: 8px;
}
.is-style-dark-link .wp-block-button__link:hover{
color: var(--colorFont);
}
.is-style-ellipse-btn-fill .wp-block-button__link{
border-radius: 50%;
font-size: 0;
padding: 25px;
}
.is-style-ellipse-btn-fill .wp-block-button__link::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-flex;
width: 19px;
height: 12px;
-webkit-mask: url(//fabfloorings.ae/wp-content/themes/flooring/assets/img/arrow-right.png) no-repeat center/cover;
background-color: var(--colorLight);
}
.is-style-ellipse-btn-ouline .wp-block-button__link{
border-radius: 50%;
font-size: 0;
padding: 25px;
background: rgba(0, 0, 0, 0);
border-color: var(--colorMain);
}
.is-style-ellipse-btn-ouline .wp-block-button__link::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-flex;
width: 19px;
height: 12px;
-webkit-mask: url(//fabfloorings.ae/wp-content/themes/flooring/assets/img/arrow-right.png) no-repeat center/cover;
background-color: var(--colorMain);
}
.is-style-ellipse-btn-ouline .wp-block-button__link:hover{
background: var(--colorMain);
}
.is-style-ellipse-btn-ouline .wp-block-button__link:hover::before{
background-color: var(--colorLight);
}
.has-dark-background-color .is-style-inverse-fill .wp-block-button__link,
.i .is-style-inverse-fill .wp-block-button__link{
background: rgba(0, 0, 0, 0);
border-color: var(--colorLight);
color: var(--colorLight);
}
.has-dark-background-color .is-style-inverse-fill .wp-block-button__link:hover,
.i .is-style-inverse-fill .wp-block-button__link:hover{
background: var(--colorLight);
color: var(--colorMain);
}
.has-dark-background-color .is-style-inverse-outline .wp-block-button__link,
.i .is-style-inverse-outline .wp-block-button__link{
background: var(--colorLight);
color: var(--colorMain);
border-color: var(--colorLight);
}
.has-dark-background-color .is-style-inverse-outline .wp-block-button__link:hover,
.i .is-style-inverse-outline .wp-block-button__link:hover{
background: rgba(0, 0, 0, 0);
border-color: var(--colorLight);
color: var(--colorLight);
}
.wp-block-file{
margin: 2em 0;
}
.wp-block-file a:not([class]){
font-size: 1.2em;
}
.wp-block-pullquote{
padding: 0;
border-top: none;
border-bottom: none;
position: relative;
text-align: initial;
}
.cols-padding .wp-block-pullquote{
margin-top: -1.5em !important;
}
.wp-block-pullquote.is-style-solid-color blockquote{
text-align: center;
}
.wp-block-pullquote blockquote{
border: none;
margin: 2em 0;
text-align: center;
}
.wp-block-pullquote blockquote:before{
display: block;
margin: 0 auto 1em;
text-align: center;
color: #fff;
background-color: var(--colorMain);
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 50px;
font-size: 32px;
}
.wp-block-pullquote.has-background blockquote{
padding: 2em 1em;
}
.wp-block-pullquote p{
font-size: 26px;
line-height: 1.3;
margin-bottom: 10px;
}
.wp-block-pullquote cite{
color: var(--colorDarkMuted);
font-size: 14px;
text-transform: none;
font-style: normal;
}
.wp-block-pullquote.has-background-background-color{
margin-top: 3em;
}
.wp-block-pullquote.has-background-background-color blockquote{
padding: 0 1em 2em;
text-align: center;
}
.wp-block-pullquote.has-background-background-color blockquote:before{
position: relative;
top: -25px;
margin-bottom: 5px;
}
.wp-block-pullquote.has-background-background-color blockquote p{
font-size: 26px;
}
.wp-block-pullquote.has-background-background-color blockquote cite{
display: block;
margin-top: 1.8em;
}
.wp-block-pullquote.has-main-background-color{
position: relative;
padding: 2.5em 1em 4.6em;
}
.wp-block-pullquote.has-main-background-color blockquote{
max-width: 67%;
}
.wp-block-pullquote.has-main-background-color blockquote p{
font-size: 26px;
line-height: 1.5;
font-weight: 300;
}
.wp-block-pullquote.has-main-background-color blockquote cite{
color: var(--colorLight);
display: block;
margin-top: 1.8em;
}
.wp-block-pullquote.has-main-background-color blockquote cite img{
max-width: 30px;
}
.wp-block-pullquote.has-main-background-color blockquote:before{
position: absolute;
font-size: 80px;
left: 1.5em;
top: .92em;
}
.wp-block-quote[style*="text-align:right"],
.wp-block-quote[style*="text-align: right"]{
padding-left: 0;
padding-right: 1.25em !important;
}
.wp-block-quote.is-style-muted{
border: none;
background-color: var(--colorBackground);
padding-right: 2em;
}
.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption{
opacity: .7;
width: 100%;
display: block;
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption{
font-size: 14px;
padding: 40px 30px 35px;
line-height: 1.7;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1) 70%, transparent);
}
.wp-block-gallery{
margin-top: 2.5em;
margin-bottom: 2.5em;
}
@media (max-width: 767px) {
.wp-block-gallery{
margin-top: 1.2em;
margin-bottom: 1.2em;
}
}
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright,
.wp-block-gallery:first-child{
margin-top: 0;
}
.wp-block-gallery:last-child{
margin-bottom: 0;
}
.wp-block-gallery img{
transition: all .3s ease;
}
.wp-block-gallery figure a{
position: relative;
}
.wp-block-gallery figure a:before{
z-index: 2;
transition: all .3s ease;
content: "";
border: 1px solid #fff;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: 0;
pointer-events: none;
}
.wp-block-gallery figure a:hover:before{
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
opacity: .5;
}
.wp-block-gallery.is-style-caption-bottom .blocks-gallery-item{
display: block;
margin-bottom: 0;
}
.wp-block-gallery.is-style-caption-bottom figure{
display: block;
height: auto;
}
.wp-block-gallery.is-style-caption-bottom figcaption{
color: var(--colorDarkMuted);
padding: 1.2em 0 .4em;
font-size: 18px;
text-align: inherit;
background: none;
position: relative;
}
.i .wp-block-gallery.is-style-caption-bottom figcaption{
color: var(--colorLight);
}
@media (max-width: 500px) {
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item{
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
}
.gallery-gap-0 .blocks-gallery-grid .blocks-gallery-item{
margin: 0;
}
.gallery-gap-0 .blocks-gallery-grid .blocks-gallery-item figure{
position: relative;
}
.gallery-gap-30 .blocks-gallery-grid{
margin-right: -14px;
}
.gallery-gap-30 .blocks-gallery-grid .blocks-gallery-item{
padding: 0 14px 14px 0;
}
.gallery-gap-30 .blocks-gallery-grid .blocks-gallery-item figure{
position: relative;
}
.gallery-gap-50 .blocks-gallery-grid{
margin-right: -34px;
}
.gallery-gap-50 .blocks-gallery-grid .blocks-gallery-item{
padding: 0 34px 34px 0;
}
.gallery-gap-50 .blocks-gallery-grid .blocks-gallery-item figure{
position: relative;
}
.wp-block-image{
line-height: 0;
}
.wp-block-image .alignleft{
min-width: 60px;
margin-right: 3em;
margin-bottom: 1em;
}
.wp-block-image .alignright{
min-width: 60px;
margin-left: 2em;
margin-bottom: 1em;
}
.wp-block-image .alignfull{
max-width: none;
}
.wp-block-image.is-style-shadow{
padding: 3px;
border-radius: 3px;
box-shadow: 0 0 10px 0 rgba(100, 100, 100, .3);
}
.wp-block-image.is-style-shadow > a{
display: block;
overflow: hidden;
}
.wp-block-image.is-style-shadow > a > img{
transition: all .3s ease-in-out;
}
.wp-block-image.is-style-shadow:hover > a > img{
opacity: .7;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.wp-block-image.is-style-bg-colormain img{
padding: 20%;
border-radius: 25%;
background-color: var(--colorMain);
}
.wp-block-image.is-style-bg-colormain-round img{
padding: 20%;
border-radius: 50%;
background-color: var(--colorMain);
}
@media (min-width: 768px) {
.wp-block-media-text:not(.alignfull) .wp-block-media-text__content{
padding: 0 0 0 12%;
}
.wp-block-media-text:not(.alignfull).has-media-on-the-right .wp-block-media-text__content{
padding-right: 12%;
padding-left: 0;
}
}
@media (max-width: 767px) {
.wp-block-media-text:not(.alignfull){
display: block;
}
.wp-block-media-text:not(.alignfull) .wp-block-media-text__content{
padding-top: 2em;
padding-bottom: 2em;
}
}
.wp-block-preformatted{
white-space: pre-wrap;
}
.has-small-font-size{
font-size: 15px;
}
.has-medium-font-size{
margin-bottom: 1.5em;
}
.has-large-font-size{
letter-spacing: .028em;
font-size: 1.45em;
}
.has-huge-font-size{
line-height: 1.4;
}
.wp-block-table{
margin-top: 1em;
margin-bottom: 1em;
}
.wp-block-table.is-style-no-borders{
margin: 0;
}
.wp-block-table.is-style-no-borders td,
.wp-block-table.is-style-no-borders th{
line-height: 1;
padding: 0 0 1.65em;
border: none;
}
.wp-block-social-links:last-child{
margin-bottom: 0;
}
.wp-block-embed__wrapper{
position: relative;
}
.wp-block-embed__wrapper:before{
content: "";
display: block;
}
.wp-block-embed__wrapper iframe{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-embed{
margin: 4em 0;
}
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{
padding-top: 42.85%;
}
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{
padding-top: 50%;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{
padding-top: 56.25%;
}
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{
padding-top: 75%;
}
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{
padding-top: 100%;
}
.wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper:before{
padding-top: 66.66%;
}
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{
padding-top: 200%;
}
.wp-block-latest-posts,
.wp-block-latest-comments,
.wp-block-categories-list,
.wp-block-archives-list{
padding: 0;
list-style: none;
}
.wp-block-latest-posts ul,
.wp-block-latest-comments ul,
.wp-block-categories-list ul,
.wp-block-archives-list ul{
list-style: none;
}
.wp-block-search,
.wp-block-calendar,
.wp-block-categories,
.wp-block-archives{
margin-bottom: 2em;
}
.wp-block-search:last-child,
.wp-block-calendar:last-child,
.wp-block-categories:last-child,
.wp-block-archives:last-child{
margin-bottom: 0;
}
[class*=wp-block].is-grid{
max-width: none;
}
.wp-block-categories-list.is-style-inline{
position: relative;
max-width: none;
padding: .5em 0;
margin: 2em 0 3.3em;
}
.wp-block-categories-list.is-style-inline:before,
.wp-block-categories-list.is-style-inline:after{
position: absolute;
content: "";
height: 1px;
width: 136%;
left: -18%;
background-color: var(--colorBorder);
}
.wp-block-categories-list.is-style-inline:before{
top: -0.3em;
}
.wp-block-categories-list.is-style-inline:after{
bottom: -0.3em;
}
.wp-block-categories-list.is-style-inline li{
display: inline-block;
margin-right: 2em;
margin-top: .5em;
margin-bottom: .5em;
}
.wp-block-categories-list.is-style-inline li:before{
display: none;
}
.wp-block-latest-comments li{
position: relative;
}
.wp-block-latest-comments article{
display: inline-block;
}
.wp-block-latest-comments .avatar{
position: absolute;
}
.wp-block-latest-posts__featured-image{
margin-bottom: .75em;
}
.wp-block-latest-posts__featured-image + a{
display: block;
line-height: 1.34;
margin-bottom: .25em;
}
.wp-block-latest-posts__post-date{
color: var(--colorFontMuted);
}
.i .wp-block-latest-posts__post-date{
color: var(--colorLight);
}
.align-center{
align-items: center;
}
.has-background:not(hr):not(a):not(.wp-block-media-text):not(.wp-block-pullquote):not(.rich-text):not(.wp-block-getwid-progress-bar__bar){
padding: .5em;
}
.has-background:not(hr):not(a):not(.wp-block-media-text):not(.wp-block-pullquote):not(.rich-text):not(.wp-block-getwid-progress-bar__bar) p:last-child{
margin-bottom: 0;
}
[class*=wp-block-columns] .wp-block-column>p:not([class*=mb-]){
margin-bottom: 1em;
}
.wp-block-columns{
margin-bottom: 0;
}
.wp-block-column{
margin-bottom: 0;
}
.wp-block-column>*:first-child:not([class*=mt-]){
margin-top: 0;
}
.wp-block-column:after{
content: "";
display: block;
clear: both;
}
.cols-highlight > .wp-block-column{
background-color: var(--colorBackground);
}
.cols-highlight.l.m > .wp-block-column{
background-color: var(--colorLight);
}
.cols-highlight.i > .wp-block-column{
background-color: rgba(255, 255, 255, .1);
}
.cols-bordered > .wp-block-column{
border: 1px solid var(--colorBorder);
}
.cols-bordered.i > .wp-block-column{
border-color: rgba(255, 255, 255, .15);
}
.cols-shadow > .wp-block-column{
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
}
.cols-shadow-hover > .wp-block-column{
position: relative;
bottom: 0;
transition: all .15s ease-in;
}
.cols-shadow-hover > .wp-block-column:hover{
bottom: 2px;
box-shadow: 0 0 40px 0 rgba(100, 100, 100, .2);
}
.cols-padding > .wp-block-column{
padding: 1.5em;
}
.cols-padding > .wp-block-column > .alignwide{
margin-top: -1.5em;
margin-left: -1.5em;
max-width: none;
width: calc(100% + 3em);
}
.cols-rounded > .wp-block-column{
border-radius: 10px;
overflow: hidden;
}
@media (max-width: 781px)and (min-width: 600px) {
.wp-block-column{
flex-grow: 1;
}
}
.wp-block-columns .gap-0 .wp-block-column:not(:first-child),
.gap-0 .wp-block-column:not(:first-child){
margin-left: 0;
}
.wp-block-columns .gap-1 .wp-block-column:not(:first-child),
.gap-1 .wp-block-column:not(:first-child){
margin-left: 1px;
}
.wp-block-columns .gap-2 .wp-block-column:not(:first-child),
.gap-2 .wp-block-column:not(:first-child){
margin-left: 2px;
}
.wp-block-columns .gap-3 .wp-block-column:not(:first-child),
.gap-3 .wp-block-column:not(:first-child){
margin-left: 3px;
}
.wp-block-columns .gap-5 .wp-block-column:not(:first-child),
.gap-5 .wp-block-column:not(:first-child){
margin-left: 5px;
}
.wp-block-columns .gap-10 .wp-block-column:not(:first-child),
.gap-10 .wp-block-column:not(:first-child){
margin-left: 10px;
}
.wp-block-columns .gap-15 .wp-block-column:not(:first-child),
.gap-15 .wp-block-column:not(:first-child){
margin-left: 15px;
}
.wp-block-columns .gap-20 .wp-block-column:not(:first-child),
.gap-20 .wp-block-column:not(:first-child){
margin-left: 20px;
}
.wp-block-columns .gap-30 .wp-block-column:not(:first-child),
.gap-30 .wp-block-column:not(:first-child){
margin-left: 30px;
}
.wp-block-columns .gap-50 .wp-block-column:not(:first-child),
.gap-50 .wp-block-column:not(:first-child){
margin-left: 50px;
}
.wp-block-columns .gap-60 .wp-block-column:not(:first-child),
.gap-60 .wp-block-column:not(:first-child){
margin-left: 60px;
}
@media (max-width: 599px) {
.wp-block-column .wp-block-column{
flex-basis: auto !important;
}
.wp-block-column .wp-block-column:first-child,
.wp-block-column .wp-block-column:last-child{
min-width: 60px;
}
[class*=gap-]>.wp-block-column:not(:first-child){
margin-left: 0;
}
}
@media (max-width: 781px)and (min-width: 600px) {
.wp-block-column .wp-block-column{
flex-basis: inherit !important;
}
}
@media (max-width: 781px) {
.cols-single-sm{
display: block;
}
.cols-single-sm .wp-block-column{
margin-bottom: 2em;
}
.cols-single-sm .wp-block-column:last-child{
margin-bottom: 0;
}
.cols-single-sm .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single-sm .wp-block-column:empty{
display: none;
}
}
@media (max-width: 991px) {
.cols-single-md{
display: block;
}
.cols-single-md .wp-block-column{
margin-bottom: 2em;
}
.cols-single-md .wp-block-column:last-child{
margin-bottom: 0;
}
.cols-single-md .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single-md .wp-block-column:empty{
display: none;
}
}
@media (max-width: 1199px) {
.cols-single-lg{
display: block;
}
.cols-single-lg .wp-block-column{
margin-bottom: 2em;
}
.cols-single-lg .wp-block-column:last-child{
margin-bottom: 0;
}
.cols-single-lg .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single-lg .wp-block-column:empty{
display: none;
}
}
.cols-single{
display: block;
}
.cols-single .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single .wp-block-column:empty{
display: none;
}
.cols-single-none{
flex-wrap: nowrap;
}
@media (max-width: 599px) {
.wp-block-column{
margin-bottom: 2em;
}
.wp-block-column:last-child{
margin-bottom: 0;
}
}
.wp-social-link{
margin-right: 5px;
}
.wp-social-link a{
padding-left: 5px;
padding-right: 5px;
}
.wp-block-social-links.is-style-logos-only.theme-style-icon{
font-size: 16px;
display: flex;
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-block-social-link:hover{
-webkit-transform: none;
transform: none;
}
.i .wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link a{
color: var(--colorLight);
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link svg{
display: none;
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link a{
color: var(--colorDarkMuted);
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link a:hover{
border-bottom: 2px solid var(--colorLight);
color: var(--colorMain);
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link.wp-social-link-facebook a::before{
content: "";
font-family: "icomoon";
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link.wp-social-link-twitter a::before{
content: "";
font-family: "icomoon";
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link.wp-social-link-instagram a::before{
content: "";
font-family: "icomoon";
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link.wp-social-link-youtube a::before{
content: "";
font-family: "icomoon";
}
.has-background-dim{
color: rgba(255, 255, 255, .75);
}
.has-light-color{
color: var(--colorLight);
}
.has-font-color{
color: var(--colorFont);
}
.has-font-muted-color{
color: var(--colorFontMuted);
}
.has-background-color{
color: var(--colorBackground);
}
.has-border-color{
color: var(--colorBorder);
}
.has-dark-color{
color: var(--colorDark);
}
.has-dark-muted-color{
color: var(--colorDarkMuted);
}
.i .has-dark-muted-color{
color: var(--colorLight);
}
.i.c .has-dark-muted-color{
color: var(--colorDarkMuted);
}
.has-main-color{
color: var(--colorMain);
}
.has-main-2-color{
color: var(--colorMain2);
}
.has-light-background-color{
background-color: var(--colorLight);
}
.has-font-background-color{
background-color: var(--colorFont);
}
.has-font-muted-background-color{
background-color: var(--colorFontMuted);
}
.has-background-background-color{
background-color: var(--colorBackground);
}
.has-border-background-color{
background-color: var(--colorBorder);
}
.has-dark-background-color{
background-color: var(--colorDark);
}
.has-dark-muted-background-color{
background-color: var(--colorDarkMuted);
}
.has-main-background-color{
background-color: var(--colorMain);
}
.has-main-2-background-color{
background-color: var(--colorMain2);
}
.alignfull{
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: none;
}
@media (min-width: 1200px) {
.alignfull{
padding-left: 7px;
padding-right: 7px;
}
}
.alignfull.wp-block-image > img{
max-width: none;
width: 100vw;
}
.with-sidebar #columns .alignfull{
width: 100%;
max-width: 100%;
margin-left: 0;
left: 0;
right: 0;
padding-left: 0;
padding-right: 0;
}
.with-sidebar .alignfull > img{
max-width: 100%;
width: auto;
}
@media screen and (min-width: 1300px) {
.alignwide{
margin-left: -3em;
max-width: none;
width: calc(100% + 6em);
}
}
@media screen and (min-width: 1400px) {
.alignwide{
margin-left: -9em;
max-width: none;
width: calc(100% + 18em);
}
}
.with-sidebar #columns .alignwide{
max-width: 100%;
width: auto;
margin-left: 0;
}
.wp-block-search{
position: relative;
}
.wp-block-search .wp-block-search__input{
max-width: none;
width: 100%;
padding-right: 50px;
padding-left: 20px;
border-radius: 5px;
font-size: 18px;
color: var(--colorDark);
}
.wp-block-search .wp-block-search__input::-webkit-input-placeholder{
color: var(--colorFont);
}
.wp-block-search .wp-block-search__input:-ms-input-placeholder{
color: var(--colorFont);
}
.wp-block-search .wp-block-search__input::placeholder{
color: var(--colorFont);
}
.wp-block-search .wp-block-search__button,
.wp-block-search .search-submit{
position: absolute;
right: 0;
font-size: 0;
padding: 0 15px;
background-color: rgba(0, 0, 0, 0);
height: 100%;
width: 50px;
border: none;
}
.wp-block-search .wp-block-search__button::before,
.wp-block-search .search-submit::before{
content: "";
font-family: "FontAwesome";
font-size: 16px;
color: var(--colorDark);
transition: all .3s ease-in-out;
}
.wp-block-search .wp-block-search__button:hover::before,
.wp-block-search .search-submit:hover::before{
opacity: .5;
}
#post-1787 [style="height:70px"]{
height: 0 !important;
}
#post-1783 .wp-block-quote{
padding-top: 0;
}
.wp-block-latest-comments__comment:last-child{
margin-bottom: 0;
}
br + code{
margin-top: 1em;
margin-bottom: 1em;
}
.post-password-form label{
font-size: 0;
margin-right: .5em;
vertical-align: bottom;
}
.post-password-form [type=submit]{
margin-top: .75em;
}
.wp-block-media-text:not(:last-child){
margin-bottom: 2em;
}
.wp-block-getwid-icon__wrapper{
padding: 10px 0;
}
.wp-block-getwid-recent-posts__entry-footer{
display: none;
}
.wp-block-getwid-recent-posts__entry-meta{
margin-bottom: 1em;
}
.wp-block-getwid-recent-posts__entry-meta .heading-inner > a{
color: var(--colorMain);
}
.wp-block-getwid-recent-posts__entry-meta .heading-inner > span{
margin-left: 15px;
}
.wp-block-getwid-recent-posts__entry-header{
display: flex;
flex-direction: column-reverse;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__form{
display: flex;
flex-wrap: wrap;
margin-top: 15px;
margin-bottom: 15px;
}
.text-center .wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__form{
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__form p{
margin-bottom: 0;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__result{
order: 2;
width: 100%;
margin-top: .5em;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-field-email{
flex-grow: 10;
max-width: 500px;
}
@media (max-width: 400px) {
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-field-email{
max-width: 160px;
}
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__submit{
margin: 0 0 0 10px;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-button__link{
white-space: nowrap;
padding: 17px 27px;
}
.wp-block-getwid-price-box{
padding: 4.5em 1.5em;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__amount,
.wp-block-getwid-price-box .wp-block-getwid-price-box__currency{
font-size: 2.25em;
}
.wp-block-getwid-price-box__pricing{
margin: 1.3em 0 1.8em;
}
.wp-block-getwid-price-box__period{
vertical-align: initial;
}
.wp-block-getwid-price-box__features li:not([class]){
padding: .2em 0;
}
.wp-block-getwid-price-box__features li:not([class]):before{
margin-right: 1em;
color: var(--colorMain);
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: "";
}
.i.c .wp-block-getwid-price-box__features li:not([class]):before{
color: var(--colorLight);
}
.wp-block-getwid-price-box__features li:not([class]):only-child:before{
display: none;
}
.wp-block-getwid-progress-bar .wp-block-getwid-progress-bar__title,
.wp-block-getwid-progress-bar .wp-block-getwid-progress-bar__percent{
color: var(--colorDark);
}
.wp-block-getwid-progress-bar .wp-block-getwid-progress-bar__bar{
height: 2px;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content{
border-radius: 0 3px 3px 3px;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__title-wrapper{
font-size: 16px;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content{
padding: 2.5em 1.87em;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link{
border-radius: 3px 3px 0 0;
border-top: 1px solid var(--colorBorder);
border-right: 1px solid var(--colorBorder);
border-left: 1px solid var(--colorBorder);
border-bottom: 1px solid var(--colorBorder);
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link:not(.ui-tabs-active),
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link:not(.ui-state-active){
background-color: var(--colorBackground);
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link.ui-tabs-active,
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link.ui-state-active{
border-bottom-color: rgba(0, 0, 0, 0);
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link a{
padding: .7em 1.85em !important;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link a:focus,
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link a:hover{
text-decoration: none;
}
@media (max-width: 767px) {
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link{
width: 100%;
}
}
.wp-block-getwid-counter .wp-block-getwid-counter__wrapper{
display: flex;
justify-content: center;
align-items: center;
}
.wp-block-getwid-counter .wp-block-getwid-counter__wrapper p{
padding: 0;
font-size: 2.5em;
color: var(--colorMain);
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__header-wrapper{
border: none;
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__header-wrapper.ui-accordion-header-active .wp-block-getwid-accordion__header-title{
color: var(--colorMain);
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__header{
padding: 1.115em 1.87em;
background-color: var(--colorLight);
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__header-title{
font-size: 18px;
font-weight: bold;
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__content-wrapper + .wp-block-getwid-accordion__header-wrapper{
margin-top: 30px;
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__content{
padding: 0 1.87em 1.115em;
background-color: var(--colorLight);
border: none;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__header-wrapper{
border: none;
padding-bottom: 2em;
outline: none;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__header{
padding: 0;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__header-title{
font-weight: 500;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__content-wrapper{
border-bottom: 1px solid var(--colorBorder);
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__content-wrapper + .wp-block-getwid-accordion__header-wrapper{
padding-top: 2em;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__content{
border: none;
padding: 0 0 2em 0;
}
.wp-block-getwid-image-box h6,
.wp-block-getwid-image-box h5,
.wp-block-getwid-image-box h4,
.wp-block-getwid-image-box h3,
.wp-block-getwid-image-box h2,
.wp-block-getwid-image-box h1{
font-weight: 500;
}
@media (max-width: 767px) {
.wp-block-getwid-image-box.has-image-left .wp-block-getwid-image-box__image-container.is-position-top,
.wp-block-getwid-image-box.has-image-right .wp-block-getwid-image-box__image-container.is-position-top{
margin-bottom: 0;
}
}
.wp-block-getwid-video-popup{
text-align: left;
}
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__icon{
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__button.is-size-small .wp-block-getwid-video-popup__icon{
width: 80px;
height: 80px;
}
.getwid-video-popup button.mfp-close{
position: absolute;
font-size: 30px;
}
.wp-block-getwid-video-popup__button.is-size-small.is-style-default .wp-block-getwid-video-popup__button-caption{
padding-left: 25px;
}
.wp-block-getwid-contact-form .wp-block-button__link{
border-radius: 5px;
}
@media (min-width: 1200px) {
.wp-block-getwid-contact-form.is-style-form-variant-2 .wp-block-getwid-contact-form__form{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.wp-block-getwid-contact-form.is-style-form-variant-2 .wp-block-getwid-contact-form__form > *{
width: 100%;
}
.wp-block-getwid-contact-form.is-style-form-variant-2 .wp-block-getwid-contact-form__form .wp-block-getwid-field-name{
width: 50%;
padding-right: 10px;
}
.wp-block-getwid-contact-form.is-style-form-variant-2 .wp-block-getwid-contact-form__form .wp-block-getwid-field-email{
width: 50%;
padding-left: 10px;
}
}
.wp-block-getwid-contact-form__form p{
margin-bottom: 1.5em;
}
.wp-block-getwid-contact-form__submit{
margin-top: 1em;
}
.wp-block-getwid-contact-form__submit [type=submit]{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.wp-block-getwid-icon-box .wp-block-getwid-icon-box__icon-wrapper.has-background{
padding: 15px;
}
.wp-block-getwid-icon-box.in-line{
justify-content: center;
}
.wp-block-getwid-icon-box.in-line .wp-block-getwid-icon-box__content{
flex: inherit;
}
.wp-block-getwid-social-links .wp-block-getwid-social-links__link:hover{
opacity: .65;
}
.wp-block-getwid-price-box{
padding-top: 0;
padding-bottom: 0;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__title{
font-weight: 400;
margin-bottom: 0;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__pricing{
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__period{
width: 100%;
margin-top: 1rem;
font-size: 16px;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__currency,
.wp-block-getwid-price-box .wp-block-getwid-price-box__amount{
font-size: 50px;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__features{
font-size: 16px;
border-top: 1px solid var(--colorBorder);
padding-top: 1.5rem;
text-align: left;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__features li{
display: flex;
align-items: center;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__features li::before{
order: 2;
margin-right: 0;
margin-left: auto;
padding-left: 15px;
}
.wp-block-getwid-price-box.is-style-price-box-selected,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-bottom: 3px solid var(--colorMain);
border-radius: 5px;
padding: 4.5em 1.5em;
}
.wp-block-getwid-price-box.is-style-price-box-selected .wp-block-getwid-price-box__features,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__features{
margin: 0 auto 2.5em;
width: auto;
}
@media (max-width: 767px) {
.wp-block-getwid-price-box.is-style-price-box-selected,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected{
padding: 3em 1.5em;
}
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__pricing,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__pricing{
margin-top: 1.8em;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__period,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__period{
width: auto;
margin-top: 0;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__currency,
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__period,
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__amount,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__currency,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__period,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__amount{
font-size: 32px;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__features,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__features{
border-top: none;
padding-top: 0;
margin: 0 auto 2.5em;
width: auto;
max-width: 235px;
text-align: center;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__features li,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__features li{
justify-content: center;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__features li::before,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__features li::before{
display: none;
}
.wp-block-getwid-price-list{
margin: 0 0 2rem 0;
}
.wp-block-getwid-price-list:last-child{
margin-bottom: 0;
}
.wp-block-getwid-price-list .wp-block-getwid-price-list__header{
font-size: 20px;
}
.wp-block-getwid-price-list .wp-block-getwid-price-list__title,
.wp-block-getwid-price-list .wp-block-getwid-price-list__amount{
font-weight: 400;
}
.wp-block-getwid-price-list .wp-block-getwid-price-list__description{
margin-top: 1.2rem;
font-size: 16px;
}
.wp-block-getwid-content-timeline__line{
color: var(--colorMain);
}
.wp-block-getwid-content-timeline-item.is-active .wp-block-getwid-content-timeline-item__point-content{
border-color: var(--colorMain);
}
.wp-block-getwid-table:not(.has-border-collapse-collapse):not(.has-border-collapse-separate) td{
border: none;
}
.wp-block-getwid-table{
line-height: 1.47;
}
@media (max-width: 767px) {
.wp-block-getwid-table table{
display: block;
width: 100%;
max-width: 100%;
overflow-x: auto;
}
.wp-block-getwid-table table td{
min-width: 12em;
}
}
.wp-block-getwid-person{
text-align: left;
}
.wp-block-getwid-person .wp-block-getwid-person__title,
.wp-block-getwid-person .wp-block-getwid-person__subtitle,
.wp-block-getwid-person .wp-block-getwid-person__content{
text-align: left;
}
.wp-block-getwid-person .wp-block-getwid-person__title{
color: var(--colorDark);
font-weight: 500;
font-size: 20px;
}
.wp-block-getwid-person .wp-block-getwid-person__subtitle{
font-size: 18px;
}
.wp-block-getwid-person .wp-block-getwid-person__image img{
width: 100%;
margin: 0;
border-radius: 5px;
}
.wp-block-getwid-person .wp-block-getwid-social-links{
margin-top: 0;
}
.wp-block-getwid-person .wp-block-getwid-social-links ul:not(:empty){
padding-top: 2em;
}
.wp-block-getwid-person .wp-block-getwid-social-links .wp-block-getwid-social-links__link{
transition: all .3s ease-in-out;
}
.wp-block-getwid-person .wp-block-getwid-social-links .wp-block-getwid-social-links__link:hover{
opacity: .6;
}
.wp-block-getwid-person.is-style-person-shadow{
padding: 1.8em;
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-bottom: 3px solid rgba(0, 0, 0, 0);
border-radius: 5px;
transition: all .3s ease-in-out;
background-color: var(--colorLight);
}
.wp-block-getwid-person.is-style-person-shadow:hover{
border-color: var(--colorMain);
}
.wp-block-getwid-person.is-style-person-shadow .wp-block-getwid-person__content-wrapper{
margin-top: 2.5em;
}
.wp-block-getwid-person.is-style-person-shadow .wp-block-getwid-person__content{
margin-top: .5em;
}
.wp-block-getwid-image-box.is-style-image-box-one,
.wp-block-getwid-image-box.is-style-image-box-two-btn,
.wp-block-getwid-image-box.is-style-image-box-two{
padding: 2em 1em 1.2em;
border-radius: 5px;
border-bottom: 3px solid rgba(0, 0, 0, 0);
transition: all .3s ease-in-out;
}
.wp-block-getwid-image-box.is-style-image-box-one:hover,
.wp-block-getwid-image-box.is-style-image-box-two-btn:hover,
.wp-block-getwid-image-box.is-style-image-box-two:hover{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-color: var(--colorMain);
}
@media (max-width: 767px) {
.wp-block-getwid-image-box.is-style-image-box-one,
.wp-block-getwid-image-box.is-style-image-box-two-btn,
.wp-block-getwid-image-box.is-style-image-box-two{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-color: var(--colorMain);
}
.wp-block-getwid-image-box.is-style-image-box-one:hover,
.wp-block-getwid-image-box.is-style-image-box-two-btn:hover,
.wp-block-getwid-image-box.is-style-image-box-two:hover{
border-color: rgba(0, 0, 0, 0);
box-shadow: inherit;
}
}
.wp-block-getwid-image-box.is-style-image-box-two{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
padding-top: 3em;
padding-bottom: 3em;
background-color: var(--colorLight);
position: relative;
}
.wp-block-getwid-image-box.is-style-image-box-two-btn{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
padding-top: 5em;
padding-bottom: 3em;
background-color: var(--colorLight);
position: relative;
}
.wp-block-getwid-image-box.is-style-image-box-two-btn .wp-block-button__link{
position: absolute;
bottom: -30px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wp-block-getwid-custom-post-type.is-style-with-shadow{
overflow: visible;
}
.wp-block-getwid-custom-post-type.is-style-with-shadow .wp-block-getwid-custom-post-type__post-wrapper{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-radius: 5px;
border-bottom: 2px solid rgba(0, 0, 0, 0);
overflow: visible;
transition: all .3s ease-in-out;
}
.wp-block-getwid-custom-post-type.is-style-with-shadow .wp-block-getwid-custom-post-type__post-wrapper:hover{
border-color: var(--colorMain);
}
.wp-block-getwid-custom-post-type .wp-block-group__inner-container{
width: 100%;
}
.wp-block-getwid-custom-post-type img{
width: 100%;
}
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-featured-image img{
border-radius: 5px 5px 0 0;
}
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-date i,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-author i,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-tags i,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-comments i,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-categories i{
color: var(--colorMain);
margin-right: .2em;
}
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-date a,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-author a,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-tags a,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-comments a,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-categories a{
font-size: 16px;
color: var(--colorFont);
}
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-date a:hover,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-author a:hover,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-tags a:hover,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-comments a:hover,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-categories a:hover{
color: var(--colorMain);
}
.wp-block-getwid-custom-post-type .template-2 .wp-block-group__inner-container,
.wp-block-getwid-custom-post-type .template-3 .wp-block-group__inner-container,
.wp-block-getwid-custom-post-type .template-6 .wp-block-group__inner-container{
padding-bottom: 1.5em;
}
.wp-block-getwid-custom-post-type .template-2 .wp-block-group__inner-container > *:not(.wp-block-getwid-template-post-featured-image),
.wp-block-getwid-custom-post-type .template-3 .wp-block-group__inner-container > *:not(.wp-block-getwid-template-post-featured-image),
.wp-block-getwid-custom-post-type .template-6 .wp-block-group__inner-container > *:not(.wp-block-getwid-template-post-featured-image){
padding-left: 1.5em;
padding-right: 1.5em;
}
.wp-block-getwid-custom-post-type .template-2 h6{
margin-top: 2.2rem;
}
.wp-block-getwid-custom-post-type .template-4 .wp-block-group__inner-container{
padding: 1.5em;
}
.wp-block-getwid-custom-post-type .template-4 .wp-block-getwid-template-post-featured-image img{
border-radius: 5px;
}
.wp-block-getwid-custom-post-type .template-3 .wp-block-group__inner-container{
padding-bottom: 0;
}
.wp-block-getwid-custom-post-type .template-5 .wp-block-group__inner-container > *:not(.wp-block-getwid-template-post-featured-image){
padding-left: 1.5em;
padding-right: 1.5em;
}
.wp-block-getwid-custom-post-type .template-5 .wp-block-getwid-template-post-content{
padding-bottom: 1em;
}
.wp-block-getwid-custom-post-type .template-5 .wp-block-getwid-template-post-button{
padding-bottom: 1em;
padding-top: 1em;
border-top: 1px solid var(--colorBorder);
}
.wp-block-getwid-custom-post-type .template-6 h6,
.wp-block-getwid-custom-post-type .template-6 h5,
.wp-block-getwid-custom-post-type .template-6 h4,
.wp-block-getwid-custom-post-type .template-6 h3,
.wp-block-getwid-custom-post-type .template-6 h2,
.wp-block-getwid-custom-post-type .template-6 h1{
margin-top: 2em;
}
.has-spacing-small > .getwid-columns > *{
padding-left: 5px !important;
padding-right: 5px !important;
}
.has-spacing-medium > .getwid-columns > *{
padding-left: 15px !important;
padding-right: 15px !important;
}
.has-spacing-normal > .getwid-columns > *{
padding-left: 25px !important;
padding-right: 25px !important;
}
.has-spacing-large > .getwid-columns > *{
padding-left: 40px !important;
padding-right: 40px !important;
}
.has-spacing-none > .getwid-columns > *{
padding-left: 0 !important;
padding-right: 0 !important;
}
.wp-block-getwid-template-post-meta.has-direction-row > *{
margin-right: 8px;
}
.pulse-icon{
text-align: center;
}
.pulse-icon > *{
display: inline-block !important;
height: 2.3em;
width: 2.3em;
line-height: 2.3;
border-radius: 50%;
background-color: var(--colorMain);
color: var(--colorLight);
box-shadow: 0 0 0 0 rgba(0, 149, 179, .7), 0 0 0 0 rgba(0, 149, 179, .8);
-webkit-animation: pulse-icon-color-main 1.5s infinite;
}
@media (min-width: 1200px) {
.line-right{
text-align: center;
position: relative;
}
.line-right::after{
content: "";
position: absolute;
display: inline-block;
width: 170px;
height: 1px;
background-color: var(--colorBorder);
top: 50%;
left: calc(100% + 16px);
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
}
.line-right-2{
position: relative;
}
.line-right-2 > *:first-child{
position: relative;
display: inline-block !important;
width: 2em;
height: 2em;
line-height: 2em;
color: var(--colorLight);
background-color: var(--colorMain);
border-radius: 50%;
text-align: center !important;
}
@media (min-width: 577px) {
.line-right-2::after{
content: "";
position: absolute;
display: inline-block;
width: calc(100% + 40px);
height: 1px;
background-color: var(--colorMain);
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
}
}
@media (min-width: 1200px) {
.wp-block-getwid-section.img-center-right .wp-block-getwid-section__background{
background-position: 56% center !important;
}
}
.wp-block-getwid-map .wp-block-getwid-map__points{
display: none;
}
.nav-links:empty{
display: none;
}
.nav-links{
padding: 18px 20px;
box-shadow: 2px 3.5px 16px 0 rgba(0, 0, 0, .07);
}
.nav-links .icon-inline .svg-icon svg{
transition: all .3s ease-in-out 0s;
}
.nav-links .next,
.nav-links .prev{
display: inline-flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0);
transition: all .3s ease-in-out 0s;
}
.nav-links .next:hover .icon-inline .svg-icon svg,
.nav-links .prev:hover .icon-inline .svg-icon svg{
fill: var(--colorDark);
}
.nav-links .icon-inline{
vertical-align: bottom;
}
.page-links{
justify-content: flex-start;
}
.nav-links{
justify-content: center;
flex-wrap: wrap;
}
.main .nav-links{
justify-content: center;
}
.nav-links,
.page-links{
line-height: 1;
clear: both;
margin: 14px 0;
display: inline-flex;
}
@media (max-width: 767px) {
.nav-links,
.page-links{
margin: 0 0;
}
}
.nav-links .woocommerce-pagination,
.page-links .woocommerce-pagination{
display: flex;
flex-wrap: wrap;
}
.nav-links:before,
.nav-links:after,
.page-links:before,
.page-links:after{
content: "";
display: block;
clear: both;
}
.nav-links:last-child,
.page-links:last-child{
margin-bottom: 0;
}
.nav-links a,
.nav-links .current,
.nav-links .dots,
.page-links a,
.page-links .current,
.page-links .dots{
min-width: 24px;
font-size: 14px;
line-height: 24px;
font-weight: 400;
padding: 0 5px;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--colorFont);
}
.nav-links a:hover,
.nav-links .current:hover,
.nav-links .dots:hover,
.page-links a:hover,
.page-links .current:hover,
.page-links .dots:hover{
color: var(--colorDark);
}
.nav-links .dots,
.page-links .dots{
color: var(--colorFont);
}
.nav-links .current,
.page-links .current{
color: var(--colorDark);
}
.page-links span:first-child{
border: none;
padding-right: 0;
padding-left: 0;
}
.woo.pagination{
width: 100%;
text-align: center;
margin-top: 40px;
}
@media (max-width: 1199px) {
.woo.pagination{
margin-top: 0;
}
}
.pagination{
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
.pagination{
margin-top: 80px;
}
@media (max-width: 1199px) {
.pagination{
margin-top: 30px;
}
}
.comments-pagination{
margin-bottom: 2em;
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav{
margin: 0;
padding: 0;
list-style: none;
}
.flexslider{
margin: 0;
padding: 0;
}
.flexslider .slides > li{
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img{
width: 100%;
display: block;
}
.flex-pauseplay span{
text-transform: capitalize;
}
.slides:after{
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides{
display: block;
}
* html .slides{
height: 1%;
}
.no-js .slides > li:first-child{
display: block;
}
.flexslider{
margin: 0 0;
position: relative;
zoom: 1;
}
.flex-viewport{
max-height: 2000px;
transition: all 1s ease;
}
.loading .flex-viewport{
max-height: 300px;
}
.flexslider .slides{
zoom: 1;
}
.flex-direction-nav{
*height: 0;
}
.blog .post.format-gallery .flex-direction-nav{
display: none;
}
.flex-direction-nav a{
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
font-size: 0;
color: rgba(0, 0, 0, 0);
text-align: center;
}
.flex-direction-nav .flex-prev{
left: 40px;
}
.flex-direction-nav .flex-next{
right: 40px;
text-align: right;
}
.flexslider:hover .flex-prev{
opacity: .7;
}
.flexslider:hover .flex-next{
opacity: .7;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover{
opacity: 1;
}
.flex-direction-nav .flex-disabled{
opacity: 0;
filter: alpha(opacity=0);
cursor: default;
}
.flex-direction-nav a:before{
font-family: "icomoon";
font-size: 16px;
content: "";
color: var(--colorDark);
position: absolute;
top: 5px;
left: 12px;
}
.flex-direction-nav a.flex-next:before{
content: "";
left: 16px;
}
.flex-pauseplay a{
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: .8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before{
font-family: "FontAwesome";
font-size: 20px;
display: inline-block;
content: "";
}
.flex-pauseplay a:hover{
opacity: 1;
}
.flex-pauseplay a.flex-play:before{
content: "";
}
.flex-control-nav{
width: 100%;
position: absolute;
bottom: 18px;
text-align: center;
color: rgba(0, 0, 0, 0);
font-size: 0;
line-height: 0;
}
@media (max-width: 767px) {
.flex-control-nav{
bottom: 20px;
}
}
.flex-control-nav li{
text-align: center;
display: inline-block;
padding: 0 14px;
zoom: 1;
*display: inline;
}
.flex-control-paging li:not(:last-child){
margin-right: 10px;
}
.flex-control-paging li a{
width: 40px;
height: 30px;
display: block;
border-top: 2px solid;
background-color: rgba(0, 0, 0, 0);
border-color: #fff;
border-color: var(--colorLight);
cursor: pointer;
border-radius: 0;
opacity: .3;
}
@media (max-width: 767px) {
.flex-control-paging li a{
border: 2px solid;
width: 14px;
height: 14px;
border-radius: 50%;
opacity: .5;
}
}
.flex-control-paging li a:hover{
border-color: #fff;
border-color: var(--colorLight);
opacity: 1;
}
.flex-control-paging li a.flex-active{
border-color: #fff;
border-color: var(--colorLight);
opacity: 1;
}
.flex-control-thumbs{
margin: 1px -1px;
position: static;
overflow: hidden;
}
.flex-control-thumbs li{
width: 25%;
float: left;
margin: 0 0 1px;
padding: 0 0 0 1px;
}
.flex-control-thumbs img{
width: 100%;
display: block;
opacity: .7;
cursor: pointer;
}
.flex-control-thumbs img:hover{
opacity: 1;
}
.flex-control-thumbs .flex-active{
opacity: 1;
cursor: default;
}
.flex-custom-nav{
text-align: center;
position: absolute;
bottom: 38px;
right: 0;
left: 0;
z-index: 3;
line-height: 1;
transition: all .3s ease-in-out;
}
.flex-custom-nav .flex-control-nav{
width: auto;
display: inline-block;
position: static;
}
.flex-custom-nav .flex-custom-link{
font-size: 12px;
position: relative;
bottom: 7px;
margin: 0 8px;
color: #323232;
}
.ds .flex-custom-nav .flex-custom-link,
.cs .flex-custom-nav .flex-custom-link{
color: #fff;
}
.flex-custom-nav .flex-custom-link:hover{
color: #0095b3;
}
.page_slider:hover .flex-custom-nav{
opacity: 1;
}
.widget.widget_custom_posts .item-content{
padding: 0 !important;
}
.widget.widget_custom_posts .layout-slider .flex-direction-nav a{
text-decoration: none;
display: block;
width: 16px;
height: 26px;
margin: -30px -40px 0;
position: absolute;
top: -30px;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
font-size: 0;
color: rgba(0, 0, 0, 0);
text-align: center;
}
.widget.widget_custom_posts .layout-slider .flex-direction-nav .flex-prev{
left: auto;
right: 76px;
}
.widget.widget_custom_posts .layout-slider .flex-direction-nav a:before{
font-family: "icomoon";
font-size: 16px;
content: "";
color: var(--colorDark);
position: absolute;
top: 0;
left: 0;
}
.widget.widget_custom_posts .layout-slider .flex-direction-nav a.flex-next:before{
content: "";
left: 0;
}
.widget.widget_custom_posts .layout-slider .posts-list li img{
max-width: none;
max-height: auto;
}
.widget.widget_custom_posts .layout-slider .posts-list li + li{
margin-top: 0;
}
.widget.widget_custom_posts .layout-slider .widget-title{
margin-bottom: 30px;
font-weight: 500;
font-size: 30px;
line-height: 39px;
}
.widget.widget_custom_posts .layout-slider .posts-list .posts-list-thumbnail{
margin-right: 0;
}
.widget.widget_custom_posts .layout-slider .svg-icon.icon-video{
display: none;
}
.widget.widget_custom_posts .layout-slider .item-content{
position: relative;
padding: 50px 40px !important;
background-color: var(--colorBackground);
border-radius: 0 0 5px 5px;
}
.widget.widget_custom_posts .layout-slider .item-content .author-avatar img{
position: absolute;
top: -30px;
left: 40px;
max-width: 60px;
min-width: 0;
max-height: 60px;
}
.i .widget.widget_custom_posts .layout-slider .item-content{
background-color: var(--colorDarkMuted);
}
.widget.widget_custom_posts .layout-slider li img{
border-radius: 5px 5px 0 0;
}
.widget.widget_custom_posts .layout-slider .flex-control-nav.flex-control-paging{
display: none;
}
.apsc-facebook-icon{
background-color: #3b5998;
}
.apsc-twitter-icon{
background-color: #1dcaff;
}
.apsc-youtube-icon{
background-color: #e52d27;
}
.apsc-soundcloud-icon{
background-color: #f80;
}
.apsc-dribble-icon{
background-color: #ea4c89;
}
.apsc-comment-icon{
background-color: #464646;
}
.apsc-edit-icon{
background-color: #837d7d;
}
.apsc-google-plus-icon{
background-color: #dd4b39;
}
.apsc-instagram-icon{
background-color: #3f729b;
}
.apsc-each-profile a{
color: #fff !important;
}
.apsc-each-profile a:hover{
color: #fff !important;
text-decoration: none !important;
}
.apsc-theme-4 .apsc-facebook-icon i{
background-color: #3b5998;
}
.apsc-theme-4 .apsc-twitter-icon i{
background-color: #1dcaff;
}
.apsc-theme-4 .apsc-youtube-icon i{
background-color: #e52d27;
}
.apsc-theme-4 .apsc-soundcloud-icon i{
background-color: #f80;
}
.apsc-theme-4 .apsc-dribble-icon i{
background-color: #ea4c89;
}
.apsc-theme-4 .apsc-comment-icon i{
background-color: #464646;
}
.apsc-theme-4 .apsc-edit-icon i{
background-color: #837d7d;
}
.apsc-theme-4 .apsc-google-plus-icon i{
background-color: #dd4b39;
}
.apsc-theme-4 .apsc-instagram-icon i{
background-color: #3f729b;
}
.apsc-theme-4 .apsc-each-profile{
margin-bottom: 10px;
}
.apsc-theme-4 .apsc-inner-block{
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.apsc-theme-4 .social-icon{
display: inline-block;
margin-right: auto;
padding: 4px 0;
transition: all .5s ease-in-out;
}
.apsc-theme-4 .apsc-each-profile a{
display: block;
position: relative;
padding: 14px 29px 14px 88px;
font-size: 14px;
font-weight: 300;
text-transform: capitalize;
color: var(--colorLight) !important;
}
.apsc-theme-4 .apsc-each-profile a .media-name{
color: var(--colorLight) !important;
font-weight: 400;
}
.apsc-theme-4 .apsc-each-profile a i{
color: var(--colorLight) !important;
}
.apsc-theme-4 .apsc-each-profile a:hover{
background-color: var(--colorDark);
}
@media (max-width: 768px) {
.apsc-theme-4 .apsc-each-profile a{
padding: 11px 15px 11px 70px;
}
}
.apsc-theme-4 .apsc-each-profile{
border-radius: 3px;
overflow: hidden;
}
.apsc-theme-4 .apsc-each-profile a .fa,
.apsc-theme-4 .apsc-each-profile a .fab,
.apsc-theme-4 .apsc-each-profile a .fas{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
border-right: 1px solid var(--colorLight);
width: 60px;
font-size: 14px;
-webkit-transform: none;
transform: none;
transition: all .5s ease-in-out;
}
.apsc-theme-4 .apsc-count{
border-radius: 0;
color: var(--colorLight);
display: inline-block;
font-size: inherit;
text-align: center;
position: relative;
padding: 4px 4px;
transition: all .5s ease-in-out;
font-weight: 300;
}
.apsc-theme-4 .apsc-media-type{
display: inline-block;
padding: 4px 0;
font-weight: 300;
color: var(--colorLight);
}
.apsc-theme-4 .apsc-each-profile{
width: 100%;
margin: 0 0 10px 0;
}
.apsc-theme-4 .apsc-each-profile a{
padding: 0 20px 0 0;
}
.apsc-theme-4 .apsc-each-profile .apsc-inner-block{
align-items: center;
flex-wrap: nowrap;
}
.apsc-theme-4 .apsc-each-profile .social-icon{
height: 60px;
display: flex;
align-items: center;
}
.apsc-theme-4 .apsc-each-profile .media-name{
margin-left: 90px;
font-size: 15px;
line-height: 1;
text-transform: uppercase;
font-weight: 500 !important;
}
.apsc-theme-4 .apsc-each-profile .apsc-media-type{
white-space: nowrap;
}
.apsc-theme-5{
display: flex;
flex-wrap: wrap;
}
.widget_search{
border-radius: 5px;
}
.widget_search .wp-block-search .wp-block-search__input,
.widget_search .search-field{
background-color: var(--colorLight);
border: none;
border-radius: 3px;
font-size: 16px;
box-shadow: 2px 3.5px 16px 0 rgba(0, 0, 0, .07);
}
.widget_search .wp-block-search .wp-block-search__button,
.widget_search .search-submit{
height: 47px;
width: 47px;
line-height: 47px;
border: none;
}
.widget_search .wp-block-search .wp-block-search__button::before,
.widget_search .search-submit::before{
color: var(--colorMain);
}
.widget_search .wp-block-search__label{
display: block !important;
font-weight: 700;
font-size: 20px;
line-height: 24px;
letter-spacing: .05rem;
margin-bottom: 32px;
}
#ctf .ctf-item:first-child{
padding-top: 0;
}
.page_slider.intro_slider{
position: relative;
position: relative;
clear: both;
}
.page_slider.intro_slider .animated{
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.page_slider.intro_slider .animated.hinge{
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.page_slider.intro_slider .fadeInSlider{
animation-name: fadeInSlider;
-webkit-animation-name: fadeInSlider;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible;
}
@keyframes fadeInSlider {
0%{
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
60%{
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 1;
}
80%{
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 1;
}
100%{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes fadeInSlider {
0%{
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
60%{
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 1;
}
80%{
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 1;
}
100%{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.page_slider.intro_slider .flexslider .slides > li{
position: relative;
}
.page_slider.intro_slider li .slide-pre-heading{
color: var(--colorMain);
font-size: 42px;
line-height: 1;
font-style: normal;
margin: 0;
position: relative;
}
@media (max-width: 767px) {
.page_slider.intro_slider li .slide-pre-heading{
font-size: 18px;
line-height: 24px;
}
}
.page_slider.intro_slider li .slide-heading{
font-size: 75px;
line-height: 84px;
margin: 10px 0;
padding-bottom: 20px;
margin-bottom: 20px;
position: relative;
color: var(--colorLight);
}
.page_slider.intro_slider li .slide-heading::before{
content: "";
display: block;
width: 40px;
height: 3px;
position: absolute;
bottom: 0;
left: 0;
background-color: var(--colorMain);
background-image: linear-gradient(to right, var(--colorMain), var(--colorMain2));
background-position: 0 0;
background-repeat: no-repeat;
}
@media (max-width: 767px) {
.page_slider.intro_slider li .slide-heading{
font-size: 30px;
line-height: 36px;
}
}
.page_slider.intro_slider li .slide-description{
color: var(--colorLight);
max-width: 660px;
margin: 10px auto;
font-size: 16px;
}
@media (min-width: 1200px) {
.page_slider.intro_slider li .slide-description{
font-size: 20px;
line-height: 24px;
}
}
.page_slider.intro_slider li a.theme_button{
min-width: 180px;
margin-top: 42px;
}
@media (min-width: 500px) {
.page_slider.intro_slider li a.theme_button + a.theme_button{
margin-left: 20px;
}
}
@media (max-width: 767px) {
.page_slider.intro_slider li a.theme_button{
margin-left: 10px;
margin-right: 10px;
}
.page_slider.intro_slider li a.theme_button + a.theme_button{
margin-top: 10px;
}
}
@media (max-width: 767px) {
.page_slider.intro_slider li .slider-content{
text-align: center;
}
.page_slider.intro_slider li .slider-content.text-right .slide-heading::before,
.page_slider.intro_slider li .slider-content .slide-heading::before{
left: calc(50% - 20px) !important;
}
}
.page_slider.intro_slider li .slider-content.text-right .slide-heading::before{
left: auto;
right: 0;
}
.page_slider.intro_slider li .slider-content.text-center .slide-heading::before{
left: calc(50% - 20px);
}
.page_slider.intro_slider > img{
width: 100%;
}
.page_slider.intro_slider.i{
color: var(--colorLight);
}
.page_slider.intro_slider .slides > li{
position: relative;
overflow: hidden;
}
@media (max-width: 1450px) {
.page_slider.intro_slider .slides > li{
min-height: 600px;
}
.page_slider.intro_slider .slides > li img{
height: 100%;
width: auto;
-o-object-fit: cover;
object-fit: cover;
min-height: 600px;
}
}
@media (max-width: 991px) {
.page_slider.intro_slider .slides > li{
min-height: 500px;
}
.page_slider.intro_slider .slides > li img{
min-height: 500px;
}
}
.page_slider.intro_slider .flexslider{
overflow: hidden;
}
.page_slider.intro_slider .flexslider:hover .flex-direction-nav a.flex-prev{
opacity: .7;
left: 40px;
}
.page_slider.intro_slider .flexslider:hover .flex-direction-nav a.flex-next{
opacity: .7;
right: 40px;
}
.page_slider.intro_slider .flexslider .flex-control-nav,
.page_slider.intro_slider .flexslider .flex-direction-nav{
display: none;
}
@media (min-width: 768px) {
.page_slider.intro_slider .flexslider .flex-direction-nav{
display: block;
}
.page_slider.intro_slider .flexslider .flex-direction-nav a{
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50% !important;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
font-size: 0;
color: rgba(0, 0, 0, 0);
text-align: center;
}
.page_slider.intro_slider .flexslider .flex-direction-nav a::before{
font-family: "FontAwesome";
font-size: 40px;
content: "";
color: var(--colorLight);
position: absolute;
top: 5px;
left: 12px;
}
.page_slider.intro_slider .flexslider .flex-direction-nav a.flex-prev{
left: -40px;
text-align: right;
}
.page_slider.intro_slider .flexslider .flex-direction-nav a.flex-next{
right: -40px;
text-align: right;
}
.page_slider.intro_slider .flexslider .flex-direction-nav a.flex-next::before{
content: "";
right: 48px;
left: 20px;
}
}
.page_slider.intro_slider .flexslider:before,
.page_slider.intro_slider .flexslider:after{
content: "";
display: block;
clear: both;
}
.page_slider.intro_slider .flexslider .intro-layer img{
width: auto;
display: inline-block;
}
.page_slider.intro_slider .flexslider .container,
.page_slider.intro_slider img + .container{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.page_slider.intro_slider [class*=col-]{
position: static;
min-height: 0;
}
.page_slider.intro_slider .slide_description_wrapper{
bottom: 0;
font-size: 0;
height: 100%;
left: 0;
padding: 30px 15px;
position: absolute;
right: 0;
top: 0;
z-index: 5;
display: block;
}
.page_slider.intro_slider .slide_description_wrapper:before,
.page_slider.intro_slider .slide_description{
display: inline-block;
vertical-align: middle;
}
.page_slider.intro_slider .slide_description_wrapper:before{
content: "";
display: inline-block;
width: 0;
height: 100%;
}
.scroll-icon{
visibility: visible !important;
width: 190px;
position: absolute;
bottom: 9%;
left: 50%;
font-size: 15px;
text-transform: uppercase;
text-align: center;
z-index: 10;
-webkit-animation: intro-scroll .5s linear, floating 1.5s infinite;
animation: intro-scroll .5s linear, floating 1.5s infinite;
}
.scroll-icon .intro-scroll{
animation-name: intro-scroll;
-webkit-animation-name: intro-scroll;
animation-duration: .5s;
-webkit-animation-duration: .5s;
animation-iteration-count: linear;
-webkit-animation-iteration-count: linear;
}
@-webkit-keyframes intro-scroll {
0%{
bottom: 12%;
opacity: 0;
}
100%{
bottom: 9%;
opacity: 1;
}
}
@keyframes intro-scroll {
0%{
bottom: 12%;
opacity: 0;
}
100%{
bottom: 9%;
opacity: 1;
}
}
.scroll-icon .floating{
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
0%{
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
50%{
-webkit-transform: translate(-50%, 8%);
transform: translate(-50%, 8%);
}
100%{
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
}
@-webkit-keyframes floating {
0%{
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
50%{
-webkit-transform: translate(-50%, 8%);
transform: translate(-50%, 8%);
}
100%{
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
}
.scroll-icon .icon-mouse{
font-size: 32px;
display: block;
margin: 0 auto;
}
.scroll-icon .icon-mouse .svg-icon svg{
fill: var(--colorLight);
}
.scroll-icon a{
color: var(--colorLight);
}
.scroll-icon a:hover{
opacity: .7;
}
@media (max-width: 991px) {
.scroll-icon{
display: none;
}
}
.tribe-events .tribe-events-header{
display: none;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container{
padding: 0;
}
.tribe-events .tribe-events-calendar-list__month-separator{
display: none;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event{
flex-direction: row;
align-items: center;
}
.tribe-events .tribe-events-calendar-list__event-date-tag.tribe-common-g-col{
display: none;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__month-separator + .tribe-events-calendar-list__event-row{
margin-top: 0;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row:last-child{
margin-bottom: 80px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row{
margin: 0;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters > .tribe-common-g-col,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row > .tribe-common-g-col{
padding-right: 0;
}
.tribe-events .tribe-events-calendar-day__event-featured-image-link,
.tribe-events .tribe-events-calendar-list__event-featured-image{
border-radius: 5px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-details{
padding-left: 80px !important;
}
.tribe-events .tribe-events-calendar-list__event-details .button.tribe-events-read-more{
margin-top: 50px;
border-color: var(--colorMain3);
}
.tribe-events .tribe-events-calendar-list__event-details .button.tribe-events-read-more:hover{
background-color: var(--colorMain3);
color: var(--colorMain3);
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium{
font-size: 45px;
line-height: 50px;
margin: 0;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium a{
color: var(--colorDark);
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium a:hover{
color: var(--colorFont);
}
.tribe-events-calendar-list__event-header .flex-wrap{
margin-top: 20px;
display: flex;
justify-content: left;
font-weight: 700;
font-size: 16px;
line-height: 21px;
color: var(--colorDark);
}
.tribe-events-calendar-list__event-header .flex-wrap .tribe-events-calendar-list__event-datetime-wrapper{
margin: 0;
position: relative;
margin-left: 26px;
}
.tribe-events-calendar-list__event-header .flex-wrap .tribe-events-calendar-list__event-datetime-wrapper::before{
content: "";
font-family: "icomoon";
position: absolute;
font-weight: 400;
top: 0;
left: -26px;
}
.tribe-events-calendar-list__event-header .flex-wrap .tribe-events-calendar-list__event-venue{
margin: 0;
position: relative;
font-style: normal;
margin-left: 46px;
}
.tribe-events-calendar-list__event-header .flex-wrap .tribe-events-calendar-list__event-venue::before{
content: "";
font-family: "icomoon";
position: absolute;
font-weight: 400;
top: 0;
left: -26px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-description{
margin-top: 30px;
}
.post-type-archive-tribe_events .main-columns main{
max-width: 1260px;
width: 100% !important;
margin: 0 auto;
}
.post-type-archive-tribe_events .main-columns aside{
display: none;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper{
width: 480px;
padding-left: 0 !important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-details{
width: 780px;
}
.tribe-common .tribe-common-g-row{
flex-wrap: nowrap;
}
.events-theme-style .ectt-list-wrapper{
margin: 0 auto;
}
.events-theme-style .ectt-list-wrapper .ect-month-header{
display: none;
}
.events-theme-style .ectt-list-wrapper .ectbe-list-posts.style-2.ectbe-simple-event{
margin: 0 auto;
}
.events-theme-style .ectt-list-wrapper .ectbe-list-posts.style-2.ectbe-simple-event .ectbe-event-date-tag{
display: none;
}
@media (min-width: 1200px) {
.events-theme-style .ectt-list-wrapper .ectbe-list-posts.style-2.ectbe-simple-event .ectbe-right-wrapper{
width: 38%;
}
}
.events-theme-style .ectt-list-wrapper .ectbe-list-posts.style-2.ectbe-simple-event .ectbe-right-wrapper img{
border-radius: 5px;
}
.events-theme-style .ectt-list-wrapper .ectbe-list-posts.style-2.ectbe-simple-event .ectbe-event-details{
order: 2;
border-left: none;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 80px;
padding-right: 0;
width: 62%;
}
.events-theme-style .ectt-list-wrapper .ectbe-list-posts.style-2.ectbe-simple-event .ectbe-event-details .ectbe-events-title{
order: 0;
}
.events-theme-style .ectt-list-wrapper .ectbe-list-posts.style-2.ectbe-simple-event .ectbe-event-details .ectbe-event-datetime{
order: 1;
display: block;
float: left;
width: 35%;
}
.events-theme-style .ectt-list-wrapper .ectbe-list-posts.style-2.ectbe-simple-event .ectbe-event-details .ectbe-list-venue{
order: 2;
display: block;
float: right;
width: 40%;
}
.events-theme-style .ectt-list-wrapper .ectbe-list-posts.style-2.ectbe-simple-event .ectbe-event-details .ectbe-minimal-list-desc{
order: 3;
}
.events-theme-style .ectt-list-wrapper .ectbe-list-posts.style-2.ectbe-simple-event .ectbe-event-details .ectbe-style-2-more{
order: 4;
}
.events-theme-style .ectt-list-wrapper .ectbe-list-posts.style-2.ectbe-simple-event .ectbe-event-details .ectbe-style-2-more a{
text-decoration: none !important;
font-size: 14px;
font-weight: 700;
padding: 18px 40px 18px;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
min-width: 8.5em;
text-align: center;
text-transform: uppercase;
color: #fff;
color: var(--colorLight);
border: none;
background-color: #0095b3;
background-image: linear-gradient(to right, #0095b3, #00a6a1);
background-image: linear-gradient(to right, var(--colorMain), var(--colorMain2));
background-position: 0 0;
background-repeat: no-repeat;
border-radius: 3px;
position: relative;
transition: all .4s linear 0s;
border-color: var(--colorMain3);
}
.events-theme-style .ectt-list-wrapper .ectbe-list-posts.style-2.ectbe-simple-event .ectbe-event-details .ectbe-style-2-more a:hover{
background-color: var(--colorMain3);
color: var(--colorMain3) !important;
}
.testimonials-custom-style .jltma-team-member-content{
display: flex;
flex-direction: column;
}
.testimonials-custom-style .jltma-team-member-content .jltma-team-member-about{
order: 0;
}
.testimonials-custom-style .jltma-team-member-content .jltma-team-member-name{
order: 1;
}
.testimonials-custom-style .jltma-team-member-content .jltma-team-member-designation{
order: 2;
}
.testimonials-custom-style .jltma-team-member-thumb{
position: absolute;
top: -35px;
left: calc(50% - 35px);
max-width: 70px;
max-height: 70px;
}
.testimonials-custom-style .jltma-team-member-thumb img{
border-radius: 100%;
}
.testimonials-custom-style .jltma-team-carousel-wrapper{
padding-top: 35px !important;
}
.testimonials-custom-style .jltma-team-carousel-wrapper .jltma-swiper__slide{
overflow: visible !important;
}
.team-custom-style .eicon-chevron-left{
font-family: "icomoon";
}
.team-custom-style .eicon-chevron-left::before{
content: "";
}
.team-custom-style .eicon-chevron-right{
font-family: "icomoon";
}
.team-custom-style .eicon-chevron-right::before{
content: "";
}
.team-custom-style .jltma-team-member-default,
.team-custom-style .jltma-team-member-content-hover{
position: relative;
overflow: hidden;
}
.team-custom-style .jltma-team-member-default:hover .jltma-team-member-content .jltma-team-member-designation,
.team-custom-style .jltma-team-member-content-hover:hover .jltma-team-member-content .jltma-team-member-designation{
right: 50px;
}
.team-custom-style .jltma-team-member-default:hover .jltma-team-member-content .jltma-team-member-social,
.team-custom-style .jltma-team-member-content-hover:hover .jltma-team-member-content .jltma-team-member-social{
right: 50px;
}
@media (max-width: 420px) {
.team-custom-style .jltma-team-member-default:hover .jltma-team-member-content .jltma-team-member-designation,
.team-custom-style .jltma-team-member-content-hover:hover .jltma-team-member-content .jltma-team-member-designation{
right: 30px;
}
.team-custom-style .jltma-team-member-default:hover .jltma-team-member-content .jltma-team-member-social,
.team-custom-style .jltma-team-member-content-hover:hover .jltma-team-member-content .jltma-team-member-social{
right: 30px;
}
}
.team-custom-style .jltma-team-member-default:hover .jltma-team-member-thumb img,
.team-custom-style .jltma-team-member-content-hover:hover .jltma-team-member-thumb img{
opacity: .5;
}
.team-custom-style .jltma-team-member-default .jltma-team-member-thumb img,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-thumb img{
margin-bottom: -10px;
transition: all .3s ease-in-out;
}
.team-custom-style .jltma-team-member-default .jltma-team-member-content,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-content{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.team-custom-style .jltma-team-member-default .jltma-team-member-content .jltma-team-member-name,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-content .jltma-team-member-name{
position: absolute;
left: 50px;
bottom: 50px;
}
.team-custom-style .jltma-team-member-default .jltma-team-member-content .jltma-team-member-name a,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-content .jltma-team-member-name a{
color: var(--colorLight);
}
.team-custom-style .jltma-team-member-default .jltma-team-member-content .jltma-team-member-name a:hover,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-content .jltma-team-member-name a:hover{
color: var(--colorMain);
}
@media (max-width: 420px) {
.team-custom-style .jltma-team-member-default .jltma-team-member-content .jltma-team-member-name,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-content .jltma-team-member-name{
left: 30px;
bottom: 30px;
}
}
.team-custom-style .jltma-team-member-default .jltma-team-member-content .jltma-team-member-designation,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-content .jltma-team-member-designation{
position: absolute;
right: -150px;
top: 50px;
transition: all .3s ease-in-out;
}
@media (max-width: 420px) {
.team-custom-style .jltma-team-member-default .jltma-team-member-content .jltma-team-member-designation,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-content .jltma-team-member-designation{
top: 30px;
}
}
.team-custom-style .jltma-team-member-default .jltma-team-member-content .jltma-team-member-about,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-content .jltma-team-member-about{
position: absolute;
top: 50px;
left: 50px;
}
@media (max-width: 420px) {
.team-custom-style .jltma-team-member-default .jltma-team-member-content .jltma-team-member-about,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-content .jltma-team-member-about{
left: 30px;
top: 30px;
}
}
.team-custom-style .jltma-team-member-default .jltma-team-member-content .jltma-team-member-social,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-content .jltma-team-member-social{
position: absolute;
right: -150px;
bottom: 50px;
display: flex;
flex-wrap: wrap;
width: 50px;
transition: all .3s ease-in-out;
}
@media (max-width: 420px) {
.team-custom-style .jltma-team-member-default .jltma-team-member-content .jltma-team-member-social,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-content .jltma-team-member-social{
bottom: 30px;
}
}
.team-custom-style .jltma-team-member-default .jltma-team-member-content .jltma-team-member-social li,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-content .jltma-team-member-social li{
padding: 5px 0;
}
.team-custom-style .jltma-team-member-default .jltma-team-member-content .jltma-team-member-social li a,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-content .jltma-team-member-social li a{
border: 1px solid var(--colorLight);
border-radius: 50%;
width: 50px;
height: 50px;
line-height: 50px;
}
.team-custom-style .jltma-team-member-default .jltma-team-member-content .jltma-team-member-social li a:hover,
.team-custom-style .jltma-team-member-content-hover .jltma-team-member-content .jltma-team-member-social li a:hover{
background-color: var(--colorLight);
}
.blog-custom-style .premium-blog-post-author i::before{
content: "";
font-family: "icomoon";
}
.blog-custom-style .premium-blog-post-time i::before{
content: "";
font-family: "icomoon";
}
.blog-custom-style a.carousel-arrow{
border: 2px solid var(--colorLight) !important;
}
.blog-custom-style a.carousel-arrow.carousel-prev i{
font-family: "icomoon";
font-weight: 400;
}
.blog-custom-style a.carousel-arrow.carousel-prev i::before{
content: "";
}
.blog-custom-style a.carousel-arrow.carousel-next i{
font-family: "icomoon";
font-weight: 400;
}
.blog-custom-style a.carousel-arrow.carousel-next i::before{
content: "";
}
.blog-custom-style a.carousel-arrow i{
transition: all .3s ease-in-out;
}
.blog-custom-style a.carousel-arrow:hover{
background-color: var(--colorBackground) !important;
border-color: var(--colorLight) !important;
}
.blog-custom-style a.carousel-arrow:hover i{
color: var(--colorMain2);
}
@media (max-width: 1700px) {
.blog-custom-style a.carousel-arrow{
display: none !important;
}
}
.overlay-cover.elementor-widget-video .elementor-widget-container{
min-height: inherit;
}
.overlay-cover.elementor-widget-video .elementor-widget-container .elementor-custom-embed-image-overlay,
.overlay-cover.elementor-widget-video .elementor-widget-container .elementor-wrapper{
min-height: inherit;
}
.overlay-cover.elementor-widget-video .elementor-widget-container .elementor-custom-embed-image-overlay img,
.overlay-cover.elementor-widget-video .elementor-widget-container .elementor-wrapper img{
-o-object-fit: cover;
object-fit: cover;
min-height: inherit;
}
.play-icon-custom .elementor-custom-embed-play i{
position: relative;
}
.play-icon-custom .elementor-custom-embed-play i::before{
content: "";
display: block;
width: 170px;
height: 170px;
background: url(//fabfloorings.ae/wp-content/themes/flooring/assets/img/circular-text.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
opacity: 1;
-webkit-animation: iqrotation 15s infinite linear;
animation: iqrotation 15s infinite linear;
-webkit-animation-play-state: running;
animation-play-state: running;
}
@keyframes iqrotation {
from{
-webkit-transform: rotate(0deg);
}
to{
-webkit-transform: rotate(359deg);
}
}
@media (max-width: 767px) {
.play-icon-custom .elementor-custom-embed-play i::before{
width: 100px;
height: 100px;
}
}
.play-icon-custom .elementor-custom-embed-play i::after{
content: "";
font-family: "FontAwesome";
font-size: 16px;
display: block;
width: 16px;
height: 16px;
line-height: 1;
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 4px);
}
.play-icon-custom .elementor-custom-embed-play i:hover::after{
color: var(--colorMain);
}
.elementor-widget-icon.border-icon a{
width: 50px;
height: 50px;
align-items: center;
border: 2px solid var(--colorDarkMuted) !important;
display: flex;
align-items: center;
justify-content: center;
}
.elementor-widget-icon.border-icon a:hover{
border-color: var(--colorDarkMuted) !important;
-webkit-transform: scale(1) !important;
transform: scale(1) !important;
}
.elementor-widget-icon.border-icon.rounded-icon a{
border-radius: 50%;
}
.main-hover a{
transition: .2s all ease;
}
.main-hover a span{
transition: .2s all ease;
}
.main-hover a:hover{
color: var(--colorMain) !important;
}
.main-hover a:hover span{
color: var(--colorMain) !important;
}
.main2-hover a{
transition: .2s all ease;
}
.main2-hover a span{
transition: .2s all ease;
}
.main2-hover a:hover{
color: var(--colorMain2) !important;
}
.main2-hover a:hover span{
color: var(--colorMain2) !important;
}
.team-grid-custom-style .elementor-image{
background-color: var(--colorDark);
border-radius: 5px;
position: relative;
}
.team-grid-custom-style .elementor-widget-wrap{
overflow: hidden;
}
.team-grid-custom-style .elementor-widget-wrap .elementor-image img{
transition: all .3s ease-in-out !important;
}
.team-grid-custom-style .elementor-widget-wrap .team-card-hover{
right: -150px !important;
transition: all .3s ease-in-out;
}
.team-grid-custom-style .elementor-widget-wrap:hover .elementor-image img{
opacity: .5;
}
.team-grid-custom-style .elementor-widget-wrap:hover .team-card-hover{
right: 5% !important;
}
@media (min-width: 769px) {
.jltma--advance-tab.two .jltma--advance-tab-nav{
width: -webkit-fit-content;
width: fit-content;
}
.jltma--advance-tab.two .jltma--advance-tab-nav li{
white-space: nowrap;
}
}
@media (min-width: 769px) {
.jltma--advance-tab.two .jltma--advance-tab-nav{
width: -webkit-fit-content;
width: fit-content;
}
.jltma--advance-tab.two .jltma--advance-tab-nav li{
white-space: nowrap;
}
}
@media (max-width: 768px) {
.jltma--advance-tab.two .jltma--advance-tab-nav li{
margin: 0 !important;
}
}
.tabs-content-border .jltma--advance-tab-content.tab-pane{
position: relative;
}
.tabs-content-border .jltma--advance-tab-content.tab-pane::before{
content: "";
display: block;
width: 100%;
height: 5px;
background-color: var(--colorMain);
position: absolute;
top: 0;
left: 0;
}
.piecharts-theme-style .premium-progressbar-circle-content{
display: flex;
}
.piecharts-theme-style .premium-progressbar-circle-content .premium-progressbar-left-label{
order: 2;
margin-top: .2em !important;
margin-bottom: .7em !important;
}
.piecharts-theme-style .premium-progressbar-circle-content .premium-progressbar-right-label{
margin: 0 !important;
line-height: 1 !important;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item{
border: none !important;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title{
box-shadow: 2px 3.5px 16px 0 rgba(0, 0, 0, .07);
border-radius: 3px;
position: relative;
transition: all .15s ease-in-out 0s;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title::before{
content: "";
font-family: FontAwesome;
font-size: 14px;
padding-right: 16px;
color: var(--colorMain);
margin-top: -1px;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active:hover{
background-color: var(--colorMain) !important;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active .elementor-accordion-title,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active .elementor-accordion-icon .elementor-accordion-icon-closed svg,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active .elementor-accordion-icon .elementor-accordion-icon-opened svg,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active::before,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active:hover .elementor-accordion-title,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active:hover .elementor-accordion-icon .elementor-accordion-icon-closed svg,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active:hover .elementor-accordion-icon .elementor-accordion-icon-opened svg,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active:hover::before{
color: var(--colorLight) !important;
fill: var(--colorLight) !important;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover{
background-color: var(--colorBackground) !important;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item + .elementor-accordion-item{
margin-top: 15px;
}
.acc-theme-style .elementor-accordion .elementor-tab-content{
border-top: none !important;
background-color: rgba(0, 0, 0, 0) !important;
}
.gallery-theme-style .premium-gallery-img-desc{
margin-top: 16px;
}
.gallery-theme-style .premium-gallery-img-name a:hover{
color: var(--colorMain) !important;
}
.filter-dots .premium-img-gallery-filter ul.premium-gallery-cats-container li{
position: relative;
}
@media (min-width: 1200px) {
.filter-dots .premium-img-gallery-filter ul.premium-gallery-cats-container li + li::before{
content: "";
display: block;
width: 3px;
height: 3px;
border-radius: 50%;
position: absolute;
top: 19px;
left: 0;
margin-top: -1px;
background-color: #787878;
}
}
.pa-gallery-magnific-image span,
.pa-gallery-img-link span{
min-width: 48px;
min-height: 48px;
}
p + .progress{
margin-top: -10px;
}
.progress-title + .progress{
margin-top: 20px;
}
.progress{
overflow: visible;
height: 40px;
margin-bottom: 23px;
position: relative;
border-radius: 0;
box-shadow: none;
border: none;
background-color: var(--colorBackground);
}
.progress-bar{
float: left;
font-size: 12px;
line-height: 40px;
text-align: center;
background-color: var(--colorMain);
color: inherit;
box-shadow: none;
height: 40px;
transition: width .6s ease;
}
.progress-bar span{
font-size: .9em;
color: var(--colorLight);
}
.progress-title{
font-weight: 900;
font-size: 16px;
line-height: 1;
display: none;
}
.progress-level{
font-size: 12px;
font-weight: 700;
letter-spacing: .2em;
float: right;
position: relative;
top: 4px;
}
.p-05{
padding: .5em;
}
.p-1{
padding: 1em;
}
.p-2{
padding: 2em;
}
.p-3{
padding: 3em;
}
.p-big{
padding: 2em 8%;
}
.pr-05{
padding-right: .5em;
}
.pl-05{
padding-right: .5em;
}
.pl-10{
padding-left: 10px;
}
.pl-15{
padding-left: 15px;
}
.pl-20{
padding-left: 20px;
}
.pl-25{
padding-left: 25px;
}
.pl-30{
padding-left: 30px;
}
.pt-0{
padding-top: 0;
}
@media (max-width: 1199px) {
.pt-0{
padding-top: calc(0em / 2);
}
}
.pt-1{
padding-top: 1em;
}
@media (max-width: 1199px) {
.pt-1{
padding-top: calc(1em / 2);
}
}
.pt-2{
padding-top: 2em;
}
@media (max-width: 1199px) {
.pt-2{
padding-top: calc(2em / 2);
}
}
.pt-3{
padding-top: 3em;
}
@media (max-width: 1199px) {
.pt-3{
padding-top: calc(3em / 2);
}
}
.pt-4{
padding-top: 4em;
}
@media (max-width: 1199px) {
.pt-4{
padding-top: calc(4em / 2);
}
}
.pt-5{
padding-top: 5em;
}
@media (max-width: 1199px) {
.pt-5{
padding-top: calc(5em / 2);
}
}
.pt-6{
padding-top: 6em;
}
@media (max-width: 1199px) {
.pt-6{
padding-top: calc(6em / 2);
}
}
.pt-7{
padding-top: 7em;
}
@media (max-width: 1199px) {
.pt-7{
padding-top: calc(7em / 2);
}
}
.pt-8{
padding-top: 8em;
}
@media (max-width: 1199px) {
.pt-8{
padding-top: calc(8em / 2);
}
}
.pt-9{
padding-top: 9em;
}
@media (max-width: 1199px) {
.pt-9{
padding-top: calc(9em / 2);
}
}
.pt-10{
padding-top: 10em;
}
@media (max-width: 1199px) {
.pt-10{
padding-top: calc(10em / 2);
}
}
.pb-0{
padding-bottom: 0;
}
@media (max-width: 1199px) {
.pb-0{
padding-bottom: calc(0em / 2);
}
}
.pb-1{
padding-bottom: 1em;
}
@media (max-width: 1199px) {
.pb-1{
padding-bottom: calc(1em / 2);
}
}
.pb-2{
padding-bottom: 2em;
}
@media (max-width: 1199px) {
.pb-2{
padding-bottom: calc(2em / 2);
}
}
.pb-3{
padding-bottom: 3em;
}
@media (max-width: 1199px) {
.pb-3{
padding-bottom: calc(3em / 2);
}
}
.pb-4{
padding-bottom: 4em;
}
@media (max-width: 1199px) {
.pb-4{
padding-bottom: calc(4em / 2);
}
}
.pb-5{
padding-bottom: 5em;
}
@media (max-width: 1199px) {
.pb-5{
padding-bottom: calc(5em / 2);
}
}
.pb-6{
padding-bottom: 6em;
}
@media (max-width: 1199px) {
.pb-6{
padding-bottom: calc(6em / 2);
}
}
.pb-7{
padding-bottom: 7em;
}
@media (max-width: 1199px) {
.pb-7{
padding-bottom: calc(7em / 2);
}
}
.pb-8{
padding-bottom: 8em;
}
@media (max-width: 1199px) {
.pb-8{
padding-bottom: calc(8em / 2);
}
}
.pb-9{
padding-bottom: 9em;
}
@media (max-width: 1199px) {
.pb-9{
padding-bottom: calc(9em / 2);
}
}
.pb-10{
padding-bottom: 10em;
}
@media (max-width: 1199px) {
.pb-10{
padding-bottom: calc(10em / 2);
}
}
.pl-0{
padding-left: 0;
}
.pl-1{
padding-left: 1em;
}
.pl-2{
padding-left: 2em;
}
.pl-3{
padding-left: 3em;
}
.pl-4{
padding-left: 4em;
}
.pl-5{
padding-left: 5em;
}
.pl-6{
padding-left: 6em;
}
.pl-7{
padding-left: 7em;
}
.pl-8{
padding-left: 8em;
}
.pl-9{
padding-left: 9em;
}
.pl-10{
padding-left: 10em;
}
.pr-0{
padding-right: 0;
}
.pr-1{
padding-right: 1em;
}
.pr-2{
padding-right: 2em;
}
.pr-3{
padding-right: 3em;
}
.pr-4{
padding-right: 4em;
}
.pr-5{
padding-right: 5em;
}
.pr-6{
padding-right: 6em;
}
.pr-7{
padding-right: 7em;
}
.pr-8{
padding-right: 8em;
}
.pr-9{
padding-right: 9em;
}
.pr-10{
padding-right: 10em;
}
@media (min-width: 576px) {
.pl-sm-0{
padding-left: 0;
}
.pl-sm-1{
padding-left: 1em;
}
.pl-sm-2{
padding-left: 2em;
}
.pl-sm-3{
padding-left: 3em;
}
.pl-sm-4{
padding-left: 4em;
}
.pl-sm-5{
padding-left: 5em;
}
.pl-sm-6{
padding-left: 6em;
}
.pl-sm-7{
padding-left: 7em;
}
.pl-sm-8{
padding-left: 8em;
}
.pl-sm-9{
padding-left: 9em;
}
.pl-sm-10{
padding-left: 10em;
}
.pr-sm-0{
padding-right: 0;
}
.pr-sm-1{
padding-right: 1em;
}
.pr-sm-2{
padding-right: 2em;
}
.pr-sm-3{
padding-right: 3em;
}
.pr-sm-4{
padding-right: 4em;
}
.pr-sm-5{
padding-right: 5em;
}
.pr-sm-6{
padding-right: 6em;
}
.pr-sm-7{
padding-right: 7em;
}
.pr-sm-8{
padding-right: 8em;
}
.pr-sm-9{
padding-right: 9em;
}
.pr-sm-10{
padding-right: 10em;
}
.pt-sm-0{
padding-top: 0;
}
.pt-sm-1{
padding-top: 1em;
}
.pt-sm-2{
padding-top: 2em;
}
.pt-sm-3{
padding-top: 3em;
}
.pt-sm-4{
padding-top: 4em;
}
.pt-sm-5{
padding-top: 5em;
}
.pt-sm-6{
padding-top: 6em;
}
.pt-sm-7{
padding-top: 7em;
}
.pt-sm-8{
padding-top: 8em;
}
.pt-sm-9{
padding-top: 9em;
}
.pt-sm-10{
padding-top: 10em;
}
.pb-sm-0{
padding-bottom: 0;
}
.pb-sm-1{
padding-bottom: 1em;
}
.pb-sm-2{
padding-bottom: 2em;
}
.pb-sm-3{
padding-bottom: 3em;
}
.pb-sm-4{
padding-bottom: 4em;
}
.pb-sm-5{
padding-bottom: 5em;
}
.pb-sm-6{
padding-bottom: 6em;
}
.pb-sm-7{
padding-bottom: 7em;
}
.pb-sm-8{
padding-bottom: 8em;
}
.pb-sm-9{
padding-bottom: 9em;
}
.pb-sm-10{
padding-bottom: 10em;
}
}
@media (min-width: 768px) {
.pl-md-0{
padding-left: 0;
}
.pl-md-1{
padding-left: 1em;
}
.pl-md-2{
padding-left: 2em;
}
.pl-md-3{
padding-left: 3em;
}
.pl-md-4{
padding-left: 4em;
}
.pl-md-5{
padding-left: 5em;
}
.pl-md-6{
padding-left: 6em;
}
.pl-md-7{
padding-left: 7em;
}
.pl-md-8{
padding-left: 8em;
}
.pl-md-9{
padding-left: 9em;
}
.pl-md-10{
padding-left: 10em;
}
.pr-md-0{
padding-right: 0;
}
.pr-md-1{
padding-right: 1em;
}
.pr-md-2{
padding-right: 2em;
}
.pr-md-3{
padding-right: 3em;
}
.pr-md-4{
padding-right: 4em;
}
.pr-md-5{
padding-right: 5em;
}
.pr-md-6{
padding-right: 6em;
}
.pr-md-7{
padding-right: 7em;
}
.pr-md-8{
padding-right: 8em;
}
.pr-md-9{
padding-right: 9em;
}
.pr-md-10{
padding-right: 10em;
}
.pt-md-0{
padding-top: 0;
}
.pt-md-1{
padding-top: 1em;
}
.pt-md-2{
padding-top: 2em;
}
.pt-md-3{
padding-top: 3em;
}
.pt-md-4{
padding-top: 4em;
}
.pt-md-5{
padding-top: 5em;
}
.pt-md-6{
padding-top: 6em;
}
.pt-md-7{
padding-top: 7em;
}
.pt-md-8{
padding-top: 8em;
}
.pt-md-9{
padding-top: 9em;
}
.pt-md-10{
padding-top: 10em;
}
.pb-md-0{
padding-bottom: 0;
}
.pb-md-1{
padding-bottom: 1em;
}
.pb-md-2{
padding-bottom: 2em;
}
.pb-md-3{
padding-bottom: 3em;
}
.pb-md-4{
padding-bottom: 4em;
}
.pb-md-5{
padding-bottom: 5em;
}
.pb-md-6{
padding-bottom: 6em;
}
.pb-md-7{
padding-bottom: 7em;
}
.pb-md-8{
padding-bottom: 8em;
}
.pb-md-9{
padding-bottom: 9em;
}
.pb-md-10{
padding-bottom: 10em;
}
}
@media (min-width: 992px) {
.pl-lg-0{
padding-left: 0;
}
.pl-lg-1{
padding-left: 1em;
}
.pl-lg-2{
padding-left: 2em;
}
.pl-lg-3{
padding-left: 3em;
}
.pl-lg-4{
padding-left: 4em;
}
.pl-lg-5{
padding-left: 5em;
}
.pl-lg-6{
padding-left: 6em;
}
.pl-lg-7{
padding-left: 7em;
}
.pl-lg-8{
padding-left: 8em;
}
.pl-lg-9{
padding-left: 9em;
}
.pl-lg-10{
padding-left: 10em;
}
.pr-lg-0{
padding-right: 0;
}
.pr-lg-1{
padding-right: 1em;
}
.pr-lg-2{
padding-right: 2em;
}
.pr-lg-3{
padding-right: 3em;
}
.pr-lg-4{
padding-right: 4em;
}
.pr-lg-5{
padding-right: 5em;
}
.pr-lg-6{
padding-right: 6em;
}
.pr-lg-7{
padding-right: 7em;
}
.pr-lg-8{
padding-right: 8em;
}
.pr-lg-9{
padding-right: 9em;
}
.pr-lg-10{
padding-right: 10em;
}
.pt-lg-0{
padding-top: 0;
}
.pt-lg-1{
padding-top: 1em;
}
.pt-lg-2{
padding-top: 2em;
}
.pt-lg-3{
padding-top: 3em;
}
.pt-lg-4{
padding-top: 4em;
}
.pt-lg-5{
padding-top: 5em;
}
.pt-lg-6{
padding-top: 6em;
}
.pt-lg-7{
padding-top: 7em;
}
.pt-lg-8{
padding-top: 8em;
}
.pt-lg-9{
padding-top: 9em;
}
.pt-lg-10{
padding-top: 10em;
}
.pb-lg-0{
padding-bottom: 0;
}
.pb-lg-1{
padding-bottom: 1em;
}
.pb-lg-2{
padding-bottom: 2em;
}
.pb-lg-3{
padding-bottom: 3em;
}
.pb-lg-4{
padding-bottom: 4em;
}
.pb-lg-5{
padding-bottom: 5em;
}
.pb-lg-6{
padding-bottom: 6em;
}
.pb-lg-7{
padding-bottom: 7em;
}
.pb-lg-8{
padding-bottom: 8em;
}
.pb-lg-9{
padding-bottom: 9em;
}
.pb-lg-10{
padding-bottom: 10em;
}
}
@media (min-width: 1200px) {
.pl-xl-0{
padding-left: 0;
}
.pl-xl-1{
padding-left: 1em;
}
.pl-xl-2{
padding-left: 2em;
}
.pl-xl-3{
padding-left: 3em;
}
.pl-xl-4{
padding-left: 4em;
}
.pl-xl-5{
padding-left: 5em;
}
.pl-xl-6{
padding-left: 6em;
}
.pl-xl-7{
padding-left: 7em;
}
.pl-xl-8{
padding-left: 8em;
}
.pl-xl-9{
padding-left: 9em;
}
.pl-xl-10{
padding-left: 10em;
}
.pr-xl-0{
padding-right: 0;
}
.pr-xl-1{
padding-right: 1em;
}
.pr-xl-2{
padding-right: 2em;
}
.pr-xl-3{
padding-right: 3em;
}
.pr-xl-4{
padding-right: 4em;
}
.pr-xl-5{
padding-right: 5em;
}
.pr-xl-6{
padding-right: 6em;
}
.pr-xl-7{
padding-right: 7em;
}
.pr-xl-8{
padding-right: 8em;
}
.pr-xl-9{
padding-right: 9em;
}
.pr-xl-10{
padding-right: 10em;
}
.pt-xl-0{
padding-top: 0;
}
.pt-xl-1{
padding-top: 1em;
}
.pt-xl-2{
padding-top: 2em;
}
.pt-xl-3{
padding-top: 3em;
}
.pt-xl-4{
padding-top: 4em;
}
.pt-xl-5{
padding-top: 5em;
}
.pt-xl-6{
padding-top: 6em;
}
.pt-xl-7{
padding-top: 7em;
}
.pt-xl-8{
padding-top: 8em;
}
.pt-xl-9{
padding-top: 9em;
}
.pt-xl-10{
padding-top: 10em;
}
.pb-xl-0{
padding-bottom: 0;
}
.pb-xl-1{
padding-bottom: 1em;
}
.pb-xl-2{
padding-bottom: 2em;
}
.pb-xl-3{
padding-bottom: 3em;
}
.pb-xl-4{
padding-bottom: 4em;
}
.pb-xl-5{
padding-bottom: 5em;
}
.pb-xl-6{
padding-bottom: 6em;
}
.pb-xl-7{
padding-bottom: 7em;
}
.pb-xl-8{
padding-bottom: 8em;
}
.pb-xl-9{
padding-bottom: 9em;
}
.pb-xl-10{
padding-bottom: 10em;
}
}
.mt-05{
margin-top: .5em !important;
}
.mt-15{
margin-top: 1.5em !important;
}
.mt-30{
margin-top: 30px !important;
}
.mt-0{
margin-top: 0 !important;
}
.mt-1{
margin-top: 1em !important;
}
.mt-2{
margin-top: 2em !important;
}
.mt-3{
margin-top: 3em !important;
}
.mt-4{
margin-top: 4em !important;
}
.mt-5{
margin-top: 5em !important;
}
.mb-05{
margin-bottom: .5em !important;
}
.mb-15{
margin-bottom: 1.5em !important;
}
.mb-0{
margin-bottom: 0 !important;
}
.mb-0{
margin-bottom: 0 !important;
}
.mb-1{
margin-bottom: 1em !important;
}
.mb-2{
margin-bottom: 2em !important;
}
.mb-3{
margin-bottom: 3em !important;
}
.mb-4{
margin-bottom: 4em !important;
}
.mb-5{
margin-bottom: 5em !important;
}
.h-1{
height: 1px;
}
.h-2{
height: 2px;
}
.h-3{
height: 3px;
}
.h-4{
height: 4px;
}
.h-5{
height: 5px;
}
.error404 #title,
.error404 #footer-top,
.error404 #footer{
display: none;
}
.error404 #copyright{
background-image: none !important;
}
@media (min-width: 768px) {
.error404 #main.section-404 main{
max-width: 520px;
}
}
.error404 #main.section-404 .not_found{
font-size: 120px;
font-weight: 700;
line-height: 1;
color: var(--colorMain);
}
.error404 #main.section-404 .not_found + h2{
font-size: 20px;
line-height: 24px;
margin-top: 0;
text-transform: uppercase;
}
.error404 #main.section-404 .not_found + h2 + p{
margin-top: 50px;
}
@media (min-width: 768px) {
.error404 #main.section-404 .not_found{
font-size: 300px;
}
.error404 #main.section-404 .not_found + h2{
font-size: 31px;
line-height: 36px;
}
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover,
body #booked-profile-page input[type=submit].button-primary:hover,
body .booked-list-view button.button:hover,
body .booked-list-view input[type=submit].button-primary:hover,
body table.booked-calendar input[type=submit].button-primary:hover,
body .booked-modal input[type=submit].button-primary:hover,
body #booked-profile-page .booked-profile-header,
body #booked-profile-page .booked-tabs li.active a,
body #booked-profile-page .booked-tabs li.active a:hover,
body #booked-profile-page .appt-block .google-cal-button > a:hover,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header{
background: linear-gradient(to right, var(--colorMain), var(--colorMain2)) !important;
}
body #booked-profile-page input[type=submit].button-primary:hover,
body table.booked-calendar input[type=submit].button-primary:hover,
body .booked-list-view button.button:hover,
body .booked-list-view input[type=submit].button-primary:hover,
body .booked-modal input[type=submit].button-primary:hover,
body #booked-profile-page .booked-profile-header,
body #booked-profile-page .appt-block .google-cal-button > a:hover{
border-color: var(--colorMain) !important;
}
body table.booked-calendar th,
body table.booked-calendar thead{
background: rgba(0, 0, 0, 0) !important;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover{
background: linear-gradient(to right, var(--colorMain), var(--colorMain2)) !important;
color: rgba(255, 255, 255, .7);
}
body table.booked-calendar tr.days{
background: linear-gradient(to right, var(--colorMain), var(--colorMain2)) !important;
border-left: 1px solid var(--colorMain) !important;
border-right: 1px solid var(--colorMain2) !important;
}
body table.booked-calendar tr.days th,
body .booked-calendarSwitcher.calendar,
body #booked-profile-page .booked-tabs,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th{
background: rgba(0, 0, 0, 0) !important;
}
body table.booked-calendar tr.days th,
body #booked-profile-page .booked-tabs{
border: none !important;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover,
body #booked-profile-page input[type=submit].button-primary,
body table.booked-calendar input[type=submit].button-primary,
body .booked-list-view button.button,
body .booked-list-view input[type=submit].button-primary,
body .booked-list-view button.button,
body .booked-list-view input[type=submit].button-primary,
body .booked-modal input[type=submit].button-primary,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button,
body #booked-profile-page .booked-profile-appt-list .appt-block.approved .status-block,
body #booked-profile-page .appt-block .google-cal-button > a,
body .booked-modal p.booked-title-bar,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover,
.booked-ms-modal .booked-book-appt{
background: linear-gradient(to right, var(--colorMain), var(--colorMain2)) !important;
}
body table.booked-calendar td .date span{
border: 2px solid rgba(0, 0, 0, 0);
}
body table.booked-calendar td:hover .date span{
background: rgba(0, 0, 0, 0);
border: 2px solid var(--colorMain);
}
body table.booked-calendar td:hover .date.tooltipster span{
background: rgba(0, 0, 0, 0);
border: rgba(0, 0, 0, 0);
}
body #booked-profile-page input[type=submit].button-primary,
body table.booked-calendar input[type=submit].button-primary,
body .booked-list-view button.button,
body .booked-list-view input[type=submit].button-primary,
body .booked-list-view button.button,
body .booked-list-view input[type=submit].button-primary,
body .booked-modal input[type=submit].button-primary,
body #booked-profile-page .appt-block .google-cal-button > a,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover{
border-color: var(--colorMain);
}
body .booked-modal .bm-window p i.fa,
body .booked-modal .bm-window a,
body .booked-appt-list .booked-public-appointment-title,
body .booked-modal .bm-window p.appointment-title,
.booked-ms-modal.visible:hover .booked-book-appt{
color: var(--colorMain);
}
.booked-appt-list .timeslot.has-title .booked-public-appointment-title{
color: inherit;
}
body .calendarSavingState,
body #data-ajax-url{
display: none;
}
body .calendarSavingState{
color: var(--colorDark);
}
#wp-admin-bar-booked .ab-icon:before{
content: "";
top: 1px;
}
body.booked-noScroll{
position: fixed;
width: 100%;
overflow: hidden;
}
body .bookedClearFix:after{
content: "";
display: table;
clear: both;
}
body table.booked-calendar th,
body table.booked-calendar td{
font-weight: 400;
border: 1px solid var(--colorBorder);
}
body #booked-profile-page input[type=submit],
body #booked-profile-page button,
body .booked-list-view input[type=submit],
body .booked-list-view button,
body table.booked-calendar input[type=submit],
body table.booked-calendar button,
body .booked-modal input[type=submit],
body .booked-modal button{
-webkit-appearance: none;
text-decoration: none !important;
white-space: nowrap;
font-size: 14px;
font-weight: 700;
padding: 18px 40px 18px;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
min-width: 8.5em;
text-align: center;
text-transform: uppercase;
color: #fff;
color: var(--colorLight);
border: none !important;
background-color: #0095b3;
background-image: linear-gradient(to right, #0095b3, #00a6a1);
background-image: linear-gradient(to right, var(--colorMain), var(--colorMain2));
background-position: 0 0;
background-repeat: no-repeat;
border-radius: 3px;
position: relative;
transition: all .4s linear 0s;
}
body table.booked-calendar input[type=submit],
body table.booked-calendar button{
padding: 13px 20px;
}
@media (min-width: 1200px) {
body table.booked-calendar input[type=submit],
body table.booked-calendar button{
padding: 13px 44px;
min-width: 210px;
}
}
body #booked-profile-page input[type=submit].bb-small,
body #booked-profile-page button.bb-small,
body .booked-list-view input[type=submit].bb-small,
body .booked-list-view button.bb-small,
body table.booked-calendar input[type=submit].bb-small,
body table.booked-calendar button.bb-small,
body .booked-modal input[type=submit].bb-small,
body .booked-modal button.bb-small{
line-height: 24px;
padding: 0 8px;
}
body #booked-profile-page input[type=submit].button-primary,
body table.booked-calendar input[type=submit].button-primary,
body .booked-list-view input[type=submit].button-primary,
body .booked-modal input[type=submit].button-primary{
-webkit-appearance: none;
height: auto;
color: #fff;
border-width: 1px;
border-style: solid;
}
body #booked-profile-page input[type=submit]:hover,
body #booked-profile-page button:hover,
body .booked-list-view input[type=submit]:hover,
body .booked-list-view button:hover,
body table.booked-calendar input[type=submit]:hover,
body table.booked-calendar button:hover,
body .booked-modal input[type=submit]:hover,
body .booked-modal button:hover{
background: #ddd;
color: #000;
height: auto;
text-shadow: none;
box-shadow: none;
}
body #booked-profile-page input[type=submit].button-primary:hover,
body table.booked-calendar input[type=submit].button-primary:hover,
body .booked-list-view input[type=submit].button-primary:hover,
body .booked-modal input[type=submit].button-primary:hover{
color: #fff;
height: auto;
border: 1px solid;
}
body table.booked-calendar{
box-sizing: border-box;
text-shadow: none !important;
box-shadow: none !important;
}
body table.booked-calendar thead th .page-right,
body table.booked-calendar thead th .page-left{
color: var(--colorDark) !important;
}
body table.booked-calendar thead th .page-right i,
body table.booked-calendar thead th .page-left i{
display: none !important;
}
body table.booked-calendar thead th .page-right:hover,
body table.booked-calendar thead th .page-left:hover{
color: var(--colorMain) !important;
right: 0 !important;
}
body table.booked-calendar thead th .page-right:after,
body table.booked-calendar thead th .page-left:after{
position: absolute;
top: 10px;
font-family: "FontAwesome";
font-style: normal;
font-size: 15px;
}
body table.booked-calendar thead th .page-right:after{
content: "";
right: 5px;
}
body table.booked-calendar thead th .page-left:after{
content: "";
left: 5px;
}
body table.booked-calendar thead th{
text-align: center !important;
color: #fff !important;
background: #fff !important;
}
body table.booked-calendar thead th .monthName{
font-size: 30px;
font-weight: 900;
height: 30px;
display: inline-block;
color: var(--colorDark);
font-family: "Roboto",sans-serif;
}
body table.booked-calendar tbody td{
padding: 0;
text-align: center;
}
body .booked-calendar-wrap{
margin: 0 0 30px;
}
body .widget_booked_calendar .booked-calendar-wrap{
margin: 0;
}
body table.booked-calendar{
margin: 0;
padding: 0;
background: rgba(0, 0, 0, 0);
border-spacing: 0;
width: 100%;
border: none;
border-bottom: 1px solid var(--colorBorder);
}
body table.booked-calendar thead{
background-color: rgba(0, 0, 0, 0) !important;
color: #fff;
text-transform: none;
}
body table.booked-calendar th{
text-align: center;
position: relative;
font-size: 20px;
width: 14.285%;
border-width: 0;
border-style: solid;
padding: 25px 0;
line-height: 1;
}
body table.booked-calendar tr.days{
color: #fff;
text-transform: uppercase;
}
body table.booked-calendar tr.days th{
padding: 19px 0 18px;
border-width: 1px;
border-style: solid;
font-size: 12px;
font-weight: 500;
letter-spacing: .2em;
}
body table.booked-calendar th .monthName a{
display: none;
}
body table.booked-calendar th .monthName a:hover{
color: rgba(255, 255, 255, .5);
}
body table.booked-calendar th .page-left{
width: 50px;
height: 50px;
display: block;
position: absolute;
left: 0 !important;
top: 30px;
}
@media (max-width: 820px) {
body table.booked-calendar th .page-left{
left: 20px;
}
}
body table.booked-calendar th .page-right{
width: 50px;
height: 50px;
display: block;
position: absolute;
right: 0;
top: 30px;
}
@media (max-width: 820px) {
body table.booked-calendar th .page-right{
right: 20px;
}
}
body table.booked-calendar td{
text-align: center;
overflow: hidden;
position: relative;
font-size: 16px;
font-weight: 300;
color: var(--colorFont);
padding: 0;
border-right: 1px solid var(--colorBorder);
}
@media (min-width: 1200px) {
body table.booked-calendar td{
height: 80px !important;
}
body table.booked-calendar td > span{
line-height: 81px !important;
}
}
body table.booked-calendar td:first-child{
border-left: 1px solid var(--colorBorder);
}
body table.booked-calendar td:last-child{
border-right: 1px solid var(--colorBorder);
}
body table.booked-calendar td .date{
background: #f1f1f1;
display: block;
width: 100%;
height: 100%;
}
body table.booked-calendar td .date .number{
display: inline-block;
border-radius: 30px;
width: 50px;
height: 50px;
line-height: 48px;
}
body table.booked-calendar td:hover .date{
cursor: pointer;
background: var(--colorMain);
}
body table.booked-calendar td:hover .date span{
color: #fff;
}
body table.booked-calendar tr.week td.active{
border-bottom-color: var(--colorBorder);
}
body table.booked-calendar tr.week td.active .date{
background: #ddd;
color: var(--colorFont);
}
body table.booked-calendar tr.week td.active .date .number{
border: none;
background: var(--colorMain);
color: var(--colorLight);
line-height: 50px;
}
@media (max-width: 1100px) {
body table.booked-calendar tr.week td.active .date .number{
line-height: 34px;
}
}
body table.booked-calendar tr.week td.active{
background: #ddd;
}
body table.booked-calendar tr.entryBlock{
color: #fff;
}
body table.booked-calendar tr.entryBlock td{
padding: 0;
text-align: left;
color: #fff;
border-bottom-color: var(--colorBorder);
}
body table.booked-calendar tr.entryBlock.loading td{
height: 132px;
}
body table.booked-calendar td.prev-date .date,
body table.booked-calendar td.prev-date:hover .date,
body table.booked-calendar td.prev-date:hover .date span{
cursor: not-allowed;
background: var(--colorLight) !important;
color: var(--colorFont) !important;
}
body table.booked-calendar td.blur .date,
body table.booked-calendar td.blur:hover .date,
body table.booked-calendar td.blur:hover .date span{
cursor: not-allowed;
background: #f5f5f5 !important;
color: #ccc !important;
}
body table.booked-calendar td.next-month .date span,
body table.booked-calendar td.prev-month .date span{
color: #a6a6a6;
}
body table.booked-calendar td.next-month:hover .date span,
body table.booked-calendar td.prev-month:hover .date span{
color: #fff;
}
body table.booked-calendar td.booked .date,
body table.booked-calendar td.booked:hover .date,
body table.booked-calendar td.booked .date span,
body table.booked-calendar td.booked:hover .date span{
cursor: not-allowed;
background: #fff9f8 !important;
color: #ffa790 !important;
}
body table.booked-calendar td.active:hover .date span{
background: #fff;
}
body table.booked-calendar.booked-pa-active td.booked .date,
body table.booked-calendar.booked-pa-active td.booked:hover .date,
body table.booked-calendar.booked-pa-active td.booked .date span,
body table.booked-calendar.booked-pa-active td.booked:hover .date span{
cursor: pointer;
}
body table.booked-calendar.booked-pa-active td.booked:hover .date span{
background: #e35656 !important;
color: #fff !important;
}
body table.booked-calendar.booked-pa-active tr.week td.booked.active .date,
body table.booked-calendar.booked-pa-active tr.week td.booked.active .date:hover{
background: #ddd !important;
color: #555 !important;
}
body table.booked-calendar.booked-pa-active tr.week td.booked.active .date span,
body table.booked-calendar.booked-pa-active tr.week td.booked.active .date span:hover{
background: #fff !important;
color: #555 !important;
}
body table.booked-calendar td.next-month .date,
body table.booked-calendar td.prev-month .date{
background: #fafafa;
}
body table.booked-calendar td.today .date{
color: #000;
}
body table.booked-calendar td.today .date span{
border: 2px solid var(--colorMain2);
color: #000 !important;
}
body table.booked-calendar td.today.prev-date .date span{
color: #ccc !important;
}
body table.booked-calendar td.today:hover .date{
color: #000 !important;
}
body table.booked-calendar td.today:hover .date span{
background: #31afea !important;
color: #fff !important;
}
body table.booked-calendar td.today.active:hover .date span{
background: #fff !important;
color: #000 !important;
}
body table.booked-calendar td.today.prev-date:hover .date span{
background: none !important;
color: #ccc !important;
}
body table.booked-calendar tr.week td.active .date,
body table.booked-calendar tr.week td.active:hover .date,
body table.booked-calendar tr.entryBlock{
background: #f2f2f2;
}
body .booked-calendar-wrap .booked-appt-list{
font-size: 30px;
line-height: 1;
}
body table.booked-calendar .booked-appt-list{
color: #000;
background: #f2f2f2;
-webkit-transform: scale(0.95);
transform: scale(0.95);
padding: 30px 35px 20px;
display: none;
box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
border-radius: 3px;
}
@media (min-width: 1200px) {
body table.booked-calendar .booked-appt-list{
padding: 40px 55px 40px;
}
}
body .booked-calendar-wrap .booked-appt-list.shown{
-webkit-transform: scale(1);
transform: scale(1);
}
body .booked-calendar-wrap .booked-appt-list h2{
text-align: left;
color: #323232;
font-weight: 900;
font-size: 30px;
margin: 0 0 30px;
line-height: 1.7;
}
body .booked-calendar-wrap .booked-appt-list h2 strong{
font-weight: 400 !important;
}
body .booked-calendar-wrap .booked-appt-list h2 span{
line-height: 1.7;
}
body .booked-list-view .booked-appt-list h2.booked-no-prev{
text-align: left;
}
body .booked-calendar-wrap .booked-appt-list p{
color: #888;
font-weight: 400;
margin: 0 0 20px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot{
box-sizing: border-box;
line-height: 1.8;
color: #888;
min-height: 96px;
border-top: 1px solid var(--colorBorder);
}
body .booked-calendar-wrap .booked-appt-list .timeslot:last-child{
border-bottom: 1px solid var(--colorBorder);
}
body .booked-calendar-wrap .booked-appt-list .timeslot.faded{
opacity: .25;
}
body .booked-calendar-wrap .booked-appt-list .timeslot:hover{
background: #f9f9f9;
}
body .booked-list-view .booked-appt-list .timeslot:hover{
background: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot:last-child{
margin: 0 0 20px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-title{
margin: 0;
display: block;
color: var(--colorMain2);
font-weight: 400;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time{
height: 96px;
padding: 25px 0 0 0;
box-sizing: border-box;
float: left;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title .timeslot-time{
height: auto;
min-height: 71px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time i.fa{
color: var(--colorMain);
font-size: 18px;
margin-right: 10px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people{
height: 71px;
padding: 18px 0 0 0;
box-sizing: border-box;
float: right;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time{
line-height: 1;
width: 60%;
font-weight: 400;
color: var(--colorFont);
font-size: 16px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available{
font-weight: 400;
text-transform: none;
font-size: 16px;
display: inline-block;
line-height: 2.7;
color: var(--colorMain2);
padding-left: 20px;
padding-bottom: 8px;
}
@media (min-width: 1200px) {
body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available{
width: 220px;
text-align: right;
padding-left: 0;
}
}
@media (min-width: 1200px) {
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-range{
width: 240px;
display: inline-block;
}
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-range .booked-icon{
color: var(--colorMain2);
font-weight: 600;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available.empty{
color: #e35656;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-unavailable .spots-available{
opacity: 0;
height: 13px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people{
width: 40%;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button{
float: right;
margin: 0 0 0 10px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot a{
font-weight: 600;
text-decoration: none;
}
body table.booked-calendar .booked-appt-list .timeslot button .spots-available,
body .booked-calendar-wrap .booked-appt-list .timeslot button .spots-available{
display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time{
min-height: auto;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-title{
margin: 0;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-range{
display: none;
}
body table.booked-calendar .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time{
min-height: auto;
}
body table.booked-calendar .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-title{
margin: 0;
}
body table.booked-calendar .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-range{
display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-time{
height: 60px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people{
height: 60px;
padding-top: 13px;
padding-right: 13px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-time{
padding-top: 22px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time{
padding-left: 5px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people{
padding-right: 16px;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-time{
padding-left: 0;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people,
body .booked-list-view .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people{
padding-right: 0;
}
body .booked-calendar-wrap.small table.booked-calendar .booked-appt-list .timeslot:hover .timeslot-people{
padding-right: 0;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button{
color: var(--colorLight);
border: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button:hover{
border: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled],
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled]:hover{
cursor: default !important;
background: #eee !important;
border-color: var(--colorBorder) !important;
color: #aaa !important;
}
body .booked-list-view{
position: relative;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-time{
width: 50%;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people{
width: 50%;
}
body .booked-list-view.small .booked-appt-list h2,
body .booked-list-view.booked-tight .booked-appt-list h2{
text-align: center;
}
body .booked-list-view.small .booked-list-view-nav,
body .booked-list-view.booked-tight .booked-list-view-nav{
display: block;
margin: -5px 0 30px;
position: relative;
text-align: center;
}
body .booked-list-view.small .booked-list-view-nav .booked-list-view-date-next,
body .booked-list-view.small .booked-list-view-nav .booked-list-view-date-prev,
body .booked-list-view.booked-tight .booked-list-view-nav .booked-list-view-date-next,
body .booked-list-view.booked-tight .booked-list-view-nav .booked-list-view-date-prev{
margin: 0 3px 5px;
position: relative;
display: inline-block;
top: 0;
}
body table.booked-calendar .timeslot-count strong{
display: block;
text-transform: uppercase;
margin: 20px 0 10px;
}
body table.booked-calendar .appt-block{
width: 80%;
border-top: 1px solid var(--colorBorder);
display: block;
padding: 10px 0;
}
body table.booked-calendar .timeslot-count button{
float: right;
margin: 0 0 0 10px;
}
body table.booked-calendar .timeslot-count a.delete{
float: left;
margin: 0 10px 0 0;
font-size: 20px;
line-height: 1.3;
color: #f59e9e;
}
body table.booked-calendar .timeslot-count a.delete:hover{
color: #e35656;
}
body table.booked-calendar tr.week td.active:hover .count{
top: -40px;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title,
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title{
display: none;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title{
display: block;
}
body .booked-calendarSwitcher.calendar{
box-sizing: border-box;
display: inline-block;
margin: 0;
padding: 8px 10px 9px 12px;
color: #fff;
border-radius: 5px 5px 0 0;
}
body .booked-calendarSwitcher.calendar p{
position: relative;
line-height: 1;
margin: 0;
}
body .booked-calendarSwitcher.calendar p i.fa{
font-size: 14px;
margin: 0 10px 0 0;
position: relative;
color: #fff;
}
body .booked-calendarSwitcher.calendar select{
position: relative;
cursor: pointer;
background: rgba(0, 0, 0, 0);
font-size: 14px;
min-width: 200px;
border: none;
color: #fff;
-webkit-appearance: none;
}
body .booked-calendarSwitcher.calendar select:active,
body .booked-calendarSwitcher.calendar select:focus{
box-shadow: none;
outline: none;
}
body .booked-calendarSwitcher.calendar p:before{
position: absolute;
top: 1px;
right: 3px;
color: #fff;
font-family: "FontAwesome";
content: "";
}
body .booked-calendarSwitcher.list{
box-sizing: border-box;
display: inline-block;
margin: 0 0 20px;
padding: 0;
}
body .booked-calendarSwitcher.list p{
line-height: 1;
margin: 0;
}
body .booked-calendarSwitcher.list p i.fa{
display: none;
}
body .booked-calendarSwitcher.list select{
font-size: 14px;
min-width: 200px;
border: 1px solid #ddd;
background: #f9f9f9;
height: 30px;
}
body .booked-calendarSwitcher.list select:active,
body .booked-calendarSwitcher.list select:focus{
box-shadow: none;
outline: none;
}
body .booked-calendar-wrap.small table.booked-calendar thead th{
font-size: 16px;
padding: 13px 0 10px;
}
body .booked-calendar-wrap.small table.booked-calendar thead tr.days th{
font-size: 11px;
padding: 7px 0 5px;
}
body .booked-calendar-wrap.small table.booked-calendar td{
font-size: 13px;
}
body .booked-calendar-wrap.small table.booked-calendar thead th .page-left{
left: 10px;
top: 11px;
font-size: 15px;
}
body .booked-calendar-wrap.small table.booked-calendar thead th .page-right{
right: 10px;
top: 11px;
font-size: 15px;
}
body .booked-calendar-wrap.small table.booked-calendar thead th .page-left:hover{
left: 9px;
}
body .booked-calendar-wrap.small table.booked-calendar thead th .page-right:hover{
right: 9px;
}
body .booked-calendar-wrap.small table.booked-calendar th .monthName{
height: auto;
display: inline-block;
}
body .booked-calendar-wrap.small table.booked-calendar th .monthName a{
top: -2px;
font-size: 10px;
}
body .booked-calendar-wrap.small table.booked-calendar td .count{
display: none;
}
body .booked-calendar-wrap.small table.booked-calendar td .date{
height: 100%;
}
body .booked-calendar-wrap.small table.booked-calendar td .date .number{
border: none;
display: block;
border-radius: 0;
-webkit-transform: scale(1);
transform: scale(1);
width: 100%;
height: 100%;
vertical-align: middle;
}
body .booked-calendar-wrap.small table.booked-calendar td.blur .date,
body .booked-calendar-wrap.small table.booked-calendar td.blur:hover .date{
cursor: default;
background: #eee;
color: #ccc;
}
body .booked-calendar-wrap.small table.booked-calendar td.booked .date,
body .booked-calendar-wrap.small table.booked-calendar td.booked:hover .date{
cursor: default;
background: #ffe4df;
color: #f15934;
}
body .booked-calendar-wrap.small table.booked-calendar td.today .date{
background: #e3f2f9;
color: #555;
}
body .booked-calendar-wrap.small table.booked-calendar td.today:hover .date{
background: #eff7fb;
color: #555;
}
body .booked-calendar-wrap.small table.booked-calendar td:hover .date{
background: #f9f9f9;
cursor: pointer;
color: #000;
}
body .booked-calendar-wrap.small table.booked-calendar tr.week td.active .date .number{
border: none;
-webkit-transform: scale(1.5);
transform: scale(1.5);
background: none;
color: #000;
}
body .booked-calendar-wrap.small table.booked-calendar tr.entryBlock td{
padding: 5%;
}
body .booked-calendar-wrap.small .booked-appt-list{
max-height: 170px;
overflow-y: auto;
overflow-x: hidden;
padding: 15px 20px 10px;
}
body .booked-calendar-wrap.small .booked-appt-list h2{
text-align: center;
margin: 0 0 15px;
font-size: 15px;
}
body .booked-calendar-wrap.small .booked-appt-list h2 span{
display: none;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot{
border-top: 0;
margin: 0 0 10px;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-time,
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-count{
display: none;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people{
width: 100%;
padding: 0;
height: auto;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button{
float: none;
margin: 0;
width: 100%;
height: auto;
padding: 7px 0;
line-height: 1.5;
text-align: center;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
display: block;
font-weight: 600;
font-size: 13px;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button .button-text{
display: none;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot{
display: none;
}
body .booked-calendar-wrap.small table.booked-calendar td.prev-date .date,
body .booked-calendar-wrap.small table.booked-calendar td.prev-date:hover .date{
cursor: default;
background: #f9f9f9;
color: #bbb;
}
body .booked-calendar-wrap.small table.booked-calendar td.blur .date,
body .booked-calendar-wrap.small table.booked-calendar td.blur:hover .date{
cursor: default;
background: #eee;
color: #ddd;
}
body .booked-calendar-wrap.small table.booked-calendar td.booked .date,
body .booked-calendar-wrap.small table.booked-calendar td.booked:hover .date{
cursor: default;
background: #ffeae7;
color: #f0b1a1;
}
body .booked-calendar-wrap.small table.booked-calendar tr.week td.active .date,
body .booked-calendar-wrap.small table.booked-calendar td.today.active:hover .date span{
background: #ddd !important;
}
body .booked-list-view.small .booked-appt-list h2{
color: #555;
font-size: 20px;
margin: 0 0 30px;
}
body .booked-list-view.small .booked-appt-list{
max-height: none;
padding: 0;
}
body .booked-list-view .booked-appt-list{
opacity: 1;
position: relative;
}
body .booked-list-view.booked-loading .booked-appt-list{
opacity: .15;
}
body .booked-list-view.booked-loading .booked-appt-list > h2{
opacity: 0;
}
body .booked-list-view .booked-list-view-nav{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
body .booked-list-view .booked-list-view-nav .booked-list-view-date-next{
position: absolute;
top: 1px;
right: 35px;
font-weight: 400;
}
body .booked-list-view .booked-list-view-nav .booked-list-view-date-prev{
position: absolute;
top: 1px;
left: 0;
font-weight: 400;
}
body .booked-list-view span.booked-datepicker-wrap{
position: absolute;
top: 2px;
right: 0;
}
body .booked-list-view a.booked_list_date_picker_trigger{
text-align: center;
-webkit-transform: scale(1);
transform: scale(1);
background: #eee;
border: 1px solid #ccc;
box-sizing: content-box;
color: #333;
display: inline-block;
position: relative;
top: -2px;
margin: 0;
font-size: 13px;
width: 24px;
height: 24px;
line-height: 23px;
border-radius: 3px;
}
body .booked-list-view a.booked_list_date_picker_trigger:hover{
background: #ddd;
color: #000;
border-color: #ccc;
}
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover{
-webkit-transform: scale(1.23);
transform: scale(1.23);
color: #fff;
}
.booked-appt-list .booked-public-appointment-title{
display: block;
font-weight: 600;
font-size: 15px;
padding: 0 0 5px;
}
.booked-appt-list ul.booked-public-appointment-list,
.booked-appt-list ul.booked-public-appointment-list li{
display: block;
font-weight: 400;
list-style: none;
margin: 0 0 14px;
padding: 0;
}
.booked-appt-list ul.booked-public-appointment-list li{
padding: 0;
margin: 0;
}
.booked-appt-list .booked-public-pending{
color: #aaa;
}
.timeslot-time.booked-public-appointments{
height: auto !important;
}
body .booked-form{
padding-top: 5px;
}
body .booked-form .field{
margin: 5px 0 7px;
}
body .booked-form .field.booked-text-content{
margin-bottom: 0;
margin-top: 20px;
}
body .booked-form .field.booked-text-content *:last-child{
margin-bottom: 0;
}
body .booked-form .field:after{
content: "";
display: table;
clear: both;
}
body .booked-form input[type=radio],
body .booked-form input[type=checkbox]{
position: relative;
top: 2px;
}
body .booked-form .field select,
body .booked-form .field input[type=text],
body .booked-form .field input[type=password],
body .booked-form .field input[type=tel],
body .booked-form .field input[type=email],
body .booked-form .field textarea{
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
margin-right: 1.5%;
width: 49.2%;
float: left;
}
body .booked-form .field input:last-child{
margin-right: 0;
}
body .booked-form .field input[type=text],
body .booked-form .field input[type=password],
body .booked-form .field input[type=tel],
body .booked-form .field input[type=email],
body .booked-form .field textarea{
font-size: 13px;
padding: 7px 10px;
color: #aaa;
border-radius: 3px;
}
body .booked-form .field textarea,
body .booked-form .field input.hasContent{
color: #555;
}
body .booked-form .field input.large,
body .booked-form .field select.large{
width: 100%;
margin-right: 1px;
width: 99.8%;
}
body .booked-form .spacer{
padding: 5px 0 0 0;
margin: 0;
display: block;
}
body .booked-form .spacer.big{
padding: 25px 0 0;
}
body .booked-form hr{
border: none;
border-top: 1px solid #ddd;
padding: 10px 0 0 0;
margin: 20px 0 0 0;
}
body .booked-form .condition-block{
display: none;
}
body .booked-form .condition-block.default{
display: block;
}
body .booked-form input[type=submit],
body .booked-form button{
float: left;
margin: 0 10px 0 0;
}
body .booked-form .field label{
cursor: pointer;
}
body .booked-form .field label.field-label{
cursor: default;
display: block;
font-weight: bold;
padding: 10px 0 8px;
}
body .booked-form .field textarea{
height: 100px;
width: 100%;
box-sizing: border-box;
line-height: 1.6;
}
body .booked-form .field .checkbox-radio-block{
display: block;
padding: 0 0 3px 10px;
}
body .booked-form .field .checkbox-radio-block label{
font-size: 13px;
display: inline-block;
padding-left: 7px;
position: relative;
top: 3px;
}
body .booked-form .cf-block{
margin: 0 0 25px;
}
body .booked-form .cf-block select{
font-size: 13px;
width: 100%;
height: 33px;
margin-right: 0;
padding: 0 10px;
}
body .booked-form .cf-block ul,
body .booked-form .cf-block ol{
margin-left: 30px;
}
body .booked-form .required-asterisk{
color: #e35656;
margin: -1px 0 0 7px;
}
body .booked-form #ajaxlogin{
width: 100%;
}
body .booked-form #ajaxlogin p.status{
display: none;
padding: 15px 0 0;
margin: 0;
font-size: 15px;
color: #888;
}
body .booked-form #newAppointmentForm p.status{
display: none;
padding: 0 0 20px;
margin: 0;
font-size: 15px;
color: #888;
}
body img.captcha-image{
position: relative;
top: 5px;
left: 5px;
}
body #booked-page-form p.captcha,
body .booked-modal .bm-window p.captcha{
margin: -5px 0 15px;
}
body .booked-form .field p.field-small-p{
font-size: 14px;
margin: -5px 0 5px;
}
body .booked-form input[type=submit].button:disabled{
background: #ddd !important;
border-color: #ddd !important;
color: #aaa !important;
cursor: not-allowed;
}
body .booked-form .booked-appointments{
background: #fff;
padding: 10px 16px 13px;
margin: 0 0 15px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
border-radius: 3px;
}
body .booked-form .booked-appointment-details{
margin: 0 0 10px;
padding: 0 0 7px;
border-bottom: 1px solid #ddd;
}
body .booked-form .booked-appointment-details:last-child{
margin: 0;
padding: 0;
border: none;
}
body .booked-form .booked-appointment-details.has-error{
color: #e35656;
}
#customerChoices{
display: block;
text-align: left;
background: #fff;
padding: 20px 0 23px;
text-align: center;
margin: -26px -36px 15px;
border-bottom: 1px solid #ddd;
}
#customerChoices .field{
display: inline-block;
}
#customerChoices .field .checkbox-radio-block{
padding-left: 0;
}
#customerChoices .field{
margin: 0 20px 0 0;
}
#customerChoices .field:last-child{
margin: 0;
}
#customerChoices .field .checkbox-radio-block label{
font-weight: 400;
font-size: 15px;
}
#ajaxforgot{
display: none;
}
body .booked-modal{
margin-top: -84px;
min-height: 168px;
position: fixed;
z-index: 9999999;
top: 50%;
right: 0;
bottom: 0;
left: 0;
}
body .booked-modal hr{
border-top: 1px solid #ddd;
background: none;
}
body .booked-modal .bm-overlay{
animation: booked-fadein .2s;
-webkit-animation: booked-fadein .2s;
-moz-animation: booked-fadein .2s;
-ms-animation: booked-fadein .2s;
-o-animation: booked-fadein .2s;
-webkit-backface-visibility: hidden;
position: fixed;
background: #000;
background: rgba(0, 0, 0, .65);
top: 0;
right: 0;
bottom: 0;
left: 0;
}
body .booked-modal .bm-window{
animation: booked-flyin .2s;
-webkit-animation: booked-flyin .2s;
-moz-animation: booked-flyin .2s;
-ms-animation: booked-flyin .2s;
-o-animation: booked-flyin .2s;
-webkit-backface-visibility: hidden;
padding: 43px 0 25px;
width: 450px;
position: relative;
margin: 0 auto;
background: #fff;
border-radius: 5px;
box-shadow: 1px 1px 60px rgba(0, 0, 0, .5);
}
body .booked-modal.bm-loading .bm-window{
background: none;
box-shadow: none;
}
body .booked-modal.bm-closing .bm-overlay{
animation: booked-fadeout .2s;
-webkit-animation: booked-fadeout .2s;
-moz-animation: booked-fadeout .2s;
-ms-animation: booked-fadeout .2s;
-o-animation: booked-fadeout .2s;
-webkit-backface-visibility: hidden;
}
body .booked-modal.bm-closing .bm-window{
animation: booked-flyout .2s;
-webkit-animation: booked-flyout .2s;
-moz-animation: booked-flyout .2s;
-ms-animation: booked-flyout .2s;
-o-animation: booked-flyout .2s;
-webkit-backface-visibility: hidden;
}
body .booked-modal .bm-window{
background: #f5f5f5;
max-height: 100px;
z-index: 2000000000;
}
body .booked-modal .bm-window p{
margin: 0 0 15px;
font-size: 15px;
}
body .booked-modal .bm-window p small{
display: block;
margin: 0 0 15px;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
body .booked-modal .bm-window p.appointment-title{
font-weight: 600;
margin-bottom: 0;
}
body .booked-modal .bm-window p.calendar-name{
font-weight: 600;
margin-bottom: 0;
}
body .booked-modal .bm-window p.appointment-info{
font-size: 15px;
margin: 0;
line-height: 1.7;
}
body .booked-modal .bm-window p strong{
font-size: 13px;
text-transform: uppercase;
display: inline-block;
padding-right: 3px;
font-weight: 600;
}
body .booked-modal .bm-window a{
text-decoration: none;
}
body .booked-modal .bm-window .close{
line-height: 1;
color: #fff;
color: rgba(255, 255, 255, .5);
font-size: 20px;
position: absolute;
top: 11px;
right: 14px;
}
body .booked-modal .bm-window .close:hover{
color: #fff;
}
body .booked-modal .bm-window p i.fa.fa-clock-o{
font-size: 18px;
position: relative;
top: 1px;
}
body .booked-modal .bm-window p.booked-calendar-name{
font-weight: 600;
font-size: 15px;
}
body .booked-modal .bm-window .booked-scrollable{
max-height: 100px;
padding: 25px 30px;
overflow-y: auto;
overflow-x: hidden;
background: #f5f5f5;
border-radius: 3px;
box-sizing: content-box;
}
body .booked-modal .bm-window p.booked-title-bar{
box-sizing: border-box;
font-size: 13px;
position: absolute;
top: 0;
left: 0;
line-height: 1;
width: 100%;
color: #fff;
border-radius: 4px 4px 0 0;
padding: 15px 30px 15px 15px;
}
body .booked-modal .bm-window p.booked-title-bar small{
margin: 0;
}
body .booked-modal .bm-window .booked-scrollable{
-webkit-overflow-scrolling: touch;
}
body .booked-modal .bm-window .booked-scrollable > *{
-webkit-transform: translateZ(0px);
-webkit-transform: translate3d(0, 0, 0);
}
body #booked-profile-page{
position: relative;
margin: 0 0 30px;
}
body #booked-profile-page .booked-profile-header{
border: 1px solid #ddd;
border-radius: 3px 3px 0 0;
padding: 15px;
position: relative;
}
body #booked-profile-page .booked-profile-header .booked-logout-button{
font-size: 13px;
position: relative;
top: -1px;
}
body #booked-profile-page .booked-user-avatar{
width: 35px;
height: 35px;
position: relative;
top: 0;
left: 0;
float: left;
display: inline-block;
}
body #booked-profile-page .booked-user-avatar img{
width: 100%;
height: auto;
display: block;
margin: 0;
border-radius: 20px;
}
body #booked-profile-page .booked-info{
width: 100%;
}
body #booked-profile-page .booked-user *{
margin: 0;
padding: 0;
line-height: 1.6;
}
body #booked-profile-page .booked-user h3{
color: #fff;
margin: 0;
padding: 4px 0 4px 12px;
float: left;
display: inline-block;
font-size: 17px;
}
body #booked-profile-page .booked-user h3 a{
text-decoration: none;
}
body #booked-profile-page .booked-user h3 a:hover{
color: #fff;
}
body #booked-profile-page .booked-counts{
float: right;
width: 25%;
margin-left: 5%;
}
body #booked-profile-page .booked-counts span{
display: block;
text-align: right;
font-size: 12px;
line-height: 2.1;
}
body #booked-profile-page .booked-counts i.fa{
display: inline-block;
padding-right: 7px;
}
body #booked-profile-page .booked-tabs{
border-width: 1px;
border-style: solid;
border-top: 0;
border-bottom: 0;
list-style: none;
margin: 0;
padding: 0;
}
body #booked-profile-page .booked-tabs li{
float: left;
display: inline-block;
margin: 0;
padding: 0;
}
body #booked-profile-page .booked-tabs li a{
font-size: 14px;
border-right-width: 1px;
border-right-style: solid;
display: block;
text-decoration: none;
padding: 0 15px;
line-height: 40px;
}
body #booked-profile-page .booked-tabs li a i.fa{
display: inline-block;
padding-right: 7px;
}
body #booked-profile-page .booked-tab-content{
border-radius: 0 0 3px 3px;
display: none;
padding: 30px 35px 30px 35px;
border-width: 1px;
border-style: solid;
border-top: none;
}
body #booked-profile-page .booked-tabs.login{
border-top-width: 1px;
border-top-style: solid;
}
body #booked-profile-page .booked-tabs li a{
background: rgba(0, 0, 0, .15);
}
body #booked-profile-page .booked-tabs li a:hover{
background: rgba(0, 0, 0, .25);
}
body #booked-profile-page .booked-tabs li a{
color: #fff;
}
body #booked-profile-page .booked-tabs li a:hover{
color: #fff;
}
body #booked-profile-page .booked-tab-content{
border-color: #ddd;
background: #fff;
}
body #booked-profile-page .booked-counts,
body #booked-profile-page .booked-tabs li.active a,
body #booked-profile-page .booked-tabs li.active a:hover{
color: #fff;
}
body #booked-profile-page .booked-tabs li a{
border: none;
}
body #booked-profile-page p.booked-no-margin{
color: #888;
margin: 0;
}
body #booked-profile-page .booked-show-cf{
outline: none;
font-weight: 600;
}
body #booked-profile-page .booked-show-cf.booked-cf-active{
color: #000;
}
body #booked-profile-page .cf-meta-values-hidden{
animation: booked-popdown .2s;
-webkit-animation: booked-popdown .2s;
-moz-animation: booked-popdown .2s;
-ms-animation: booked-popdown .2s;
-o-animation: booked-popdown .2s;
display: none;
border-left: 3px solid #ddd;
margin: 10px 0 0 0px;
padding: 0 0 0 20px;
}
body #booked-profile-page .cf-meta-values-hidden p{
margin: 0 0 10px;
font-size: 14px;
font-weight: 300;
line-height: 1.5;
}
body #booked-profile-page .cf-meta-values-hidden p:last-child{
margin-bottom: 0;
}
body #booked-profile-page .cf-meta-values-hidden p strong{
font-weight: 600;
}
body #booked-profile-page .result-section.table-layout{
margin: 0;
}
body #booked-profile-page .result-section.table-layout .table-box{
border: none;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .table-row{
min-height: 115px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title{
font-weight: normal;
font-size: 15px;
line-height: 1.6;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title p{
margin: 0;
padding: 10px 0 0 0;
font-size: 12px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title small{
display: block;
padding-top: 5px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title a{
font-weight: 600;
}
body #booked-profile-page .result-section.table-layout .table-box .table-head-row{
background: none !important;
}
body #booked-profile-page .result-section.table-layout .table-box .table-cell{
padding: 20px 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title{
position: relative;
width: 55%;
padding-right: 25px;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title .compact-img img{
width: 65px;
height: auto;
position: absolute;
border-radius: 3px;
top: 26px;
left: 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title .cell-title-wrap{
padding-left: 85px;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-rating{
width: 20%;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-time{
width: 25%;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title.reviews{
width: 100%;
padding-right: 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title.reviews .rating{
margin-top: 10px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title .booked-review p{
font-size: 14px;
line-height: 1.7;
}
body #booked-page-form .booked-form-wrap{
padding: 10px 0;
}
body #booked-page-form input[type=submit]{
margin: 0;
}
body #booked-page-form input[type=text],
body #booked-page-form input[type=password],
body #booked-page-form input[type=email],
body #booked-page-form textarea{
margin: 7px 0 0 0;
border-width: 1px;
border-style: solid;
padding: 10px 12px;
width: 100%;
box-sizing: border-box;
}
body #booked-page-form input:disabled,
body #booked-page-form textarea:disabled{
background: #f9f9f9;
color: #bbb;
border: 1px dotted #ccc;
}
body #booked-page-form input[type=file]:disabled{
background: #fff;
border: none;
}
body #booked-page-form label .not-bold{
font-weight: 400;
color: #ccc;
padding: 0 0 0 5px;
}
body #booked-page-form p{
margin: 0 0 15px;
}
body #booked-page-form .login-remember{
float: left;
margin: 2px 0 0 0;
}
body #booked-page-form .login-remember input{
margin: 0 4px 0 0;
position: relative;
top: -1px;
}
body #booked-page-form .login-submit{
float: right;
margin: 0;
}
body #booked-page-form .login-submit input{
margin: 0;
}
body #profile-edit #booked-page-form{
border-top: 1px solid #ddd;
padding-top: 20px;
}
body #profile-edit #booked-page-form input[type=file]{
display: inline-block;
padding: 0;
}
body #profile-edit #booked-page-form label{
font-weight: 600;
}
body #profile-edit #booked-page-form p.form-nickname,
body #profile-edit #booked-page-form p.form-email,
body #profile-edit #booked-page-form p.form-url{
float: left;
width: 100%;
margin: 0 0 25px;
}
body #profile-edit #booked-page-form p.form-password{
float: left;
width: 48%;
margin: 0 4% 25px 0;
}
body #profile-edit #booked-page-form p.form-password.last{
margin: 0 0 25px;
}
body #profile-edit #booked-page-form p.form-textarea,
body #profile-edit #booked-page-form p.form-avatar,
body #profile-edit #booked-page-form p.form-submit{
float: none;
width: 100%;
margin: 0 0 25px;
}
body #profile-edit #booked-page-form p.form-submit{
margin: 0 0 5px;
}
body #profile-edit #booked-page-form .hint-p{
font-size: 12px;
color: #aaa;
padding-top: 5px;
display: block;
font-style: italic;
}
body #profile-login label,
#profile-register label,
#profile-forgot label{
font-weight: 600;
}
body .booked-upload-wrap,
body .booked-upload-wrap input{
background: #f5f5f5;
border: 1px solid #ddd;
display: block;
height: 35px;
width: 100%;
cursor: pointer;
border-radius: 3px;
position: relative;
}
body .booked-upload-wrap{
width: 100%;
margin: 10px 0 4px;
}
body #booked-submit-recipe-form .booked-upload-wrap{
width: 100%;
margin: 0;
}
body .booked-upload-wrap:hover{
background: #eee;
}
body .booked-upload-wrap span{
color: #888;
font-size: 13px;
text-align: center;
height: 24px;
width: 100%;
position: absolute;
left: 0;
top: 50%;
margin-top: -12px;
display: block;
z-index: 1;
}
body .booked-upload-wrap input{
z-index: 2;
opacity: 0;
}
body .booked-upload-wrap.hasFile{
background: #f9f9f9;
border: 1px solid #ccc;
color: #666;
}
body #booked-submit-recipe-form .booked-upload-wrap.hasFile{
width: 100%;
}
body .booked-upload-wrap.hasFile span{
color: #000;
}
body .booked-custom-error{
display: none;
margin: 0 0 20px;
padding: 5px 10px;
background: #fff0f0;
border: 1px solid #e3c3c3;
border-radius: 3px;
}
body .booked-custom-error.not-hidden{
display: block;
}
body #booked-plugin-page p.booked-form-notice,
body #booked-profile-page p.booked-form-notice{
border: 1px solid #e6db55;
border-radius: 3px;
background-color: #fffbcc;
margin: 0 0 35px;
padding: 10px 15px;
}
body #booked-profile-page .booked-profile-appt-list,
body #booked-profile-page #profile-edit{
box-sizing: border-box;
}
body #booked-profile-page h4{
margin: 0 0 20px;
padding: 0;
font-size: 19px;
font-weight: 600;
}
body #booked-profile-page .booked-tabs li.edit-button{
float: right;
}
body #booked-profile-page .booked-profile-appt-list .appt-block{
color: #888;
line-height: 23px;
padding: 20px 0 25px;
border-top: 1px solid #ddd;
display: block;
}
body #booked-profile-page .booked-profile-appt-list .appt-block > i.fa{
width: 23px;
color: #333;
}
body #booked-profile-page .booked-profile-appt-list .appt-block:last-child{
padding-bottom: 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .status-block{
border-radius: 3px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
float: right;
padding: 0 12px 1px;
line-height: 33px;
margin: 6px 0 0 0;
background: #ccc;
color: #fff;
}
body #booked-profile-page .booked-profile-appt-list .appt-block.approved{
color: #000;
}
body #booked-profile-page .booked-profile-appt-list .appt-block button{
float: right;
margin: 6px 0 0 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .cancel{
color: #aaa;
font-size: 12px;
padding-left: 10px;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons{
display: block;
padding: 15px 0 0 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a{
text-decoration: none;
display: inline-block;
padding: 2px 7px;
margin: 0 7px 0 0;
border-radius: 3px;
line-height: 20px;
font-size: 12px;
font-weight: 400;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a:hover{
text-decoration: none;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons .google-cal-button > a{
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding: 2px 9px;
letter-spacing: 1px;
border-width: 1px;
border-style: solid;
color: #fff;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons span{
float: left;
}
body #booked-profile-page .addtocalendar var{
display: none;
}
body #booked-profile-page .addtocalendar{
position: relative;
display: inline-block;
}
body #booked-profile-page .atcb-link{
display: block;
outline: none !important;
cursor: pointer;
}
body #booked-profile-page .atcb-link:focus ~ ul,
body #booked-profile-page .atcb-link:active ~ ul,
body #booked-profile-page .atcb-list:hover{
visibility: visible;
}
body #booked-profile-page .atcb-list{
box-shadow: 0 1px 25px rgba(0, 0, 0, .2);
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
width: 170px;
z-index: 900;
}
body #booked-profile-page .atcb-list,
body #booked-profile-page .atcb-item{
list-style: none;
margin: 0;
padding: 0;
}
body #booked-profile-page .atcb-item{
float: none;
text-align: left;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a.atcb-item-link{
box-sizing: border-box;
text-decoration: none;
outline: none;
display: block;
color: #aaa;
background: #f9f9f9;
border-radius: 0;
margin: 0;
width: 100%;
padding: 3px 12px;
display: block;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a.atcb-item-link:hover{
color: #555;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons .atcb-list li:first-child a.atcb-item-link{
padding-top: 10px;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons .atcb-list li:last-child a.atcb-item-link{
padding-bottom: 10px;
border-radius: 0 0 3px 3px;
}
body #booked-profile-page .atcb-item.hover,
body #booked-profile-page .atcb-item:hover{
position: relative;
z-index: 900;
cursor: pointer;
text-decoration: none;
outline: none;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .cancel{
border: 1px solid #ddd;
background: #f5f5f5;
color: #aaa;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .cancel:hover{
background: #eee;
color: #888;
border-color: #ccc;
}
body #booked-profile-page .booked-profile-appt-list .calendar-name{
padding: 0 0 5px;
}
.booked-list-date-picker-wrap{
width: 100%;
position: absolute;
text-align: center;
top: 30px;
left: 0;
}
#ui-datepicker-div.booked_custom_date_picker{
animation: booked-popflyin .15s;
-webkit-animation: booked-popflyin .15s;
-moz-animation: booked-popflyin .15s;
-ms-animation: booked-popflyin .15s;
-o-animation: booked-popflyin .15s;
background: #fff;
margin-top: 37px;
margin-left: -107px;
width: 230px;
border: 1px solid #d5d5d5;
padding: 8px;
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
z-index: 9999 !important;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header{
position: relative;
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next{
cursor: pointer;
top: 9px;
font-size: 16px;
position: absolute;
display: inline-block;
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next .ui-icon{
display: none;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev{
left: 9px;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next{
right: 9px;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-title{
text-transform: uppercase;
padding: 9px 0 10px;
text-align: center;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev:hover,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next:hover{
opacity: .7;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev:before{
content: "";
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next:before{
content: "";
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar{
width: 100%;
border-collapse: collapse;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th{
font-size: 11px;
font-weight: normal;
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th{
width: 14.285%;
text-align: center;
padding: 5px 0;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody{
border-top: 8px solid #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td{
font-size: 12px;
font-weight: normal;
background: #fff;
color: #888;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td{
text-align: center;
padding: 0;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a{
display: block;
border-radius: 3px;
line-height: 33px;
text-decoration: none;
color: #333;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a:hover{
background: #eee;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td span{
display: block;
line-height: 33px;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-unselectable span{
color: #ddd;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-week-end a{
color: #888;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a{
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover{
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover{
color: #fff;
}
body #booked-page-form input[type=email],
body #booked-page-form input[type=text],
body #booked-page-form input[type=password],
body #booked-page-form textarea,
body #booked-page-form{
border-color: #ccc;
color: #888;
line-height: 1.5;
font-size: 13px;
}
body .booked-calendar-wrap{
transition: height .15s ease-out;
}
body table.booked-calendar td .count,
body table.booked-calendar thead th a,
body .booked-appt-list .timeslot .timeslot-time,
body .booked-appt-list .timeslot .timeslot-people,
body .booked-appt-list .timeslot,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a,
body #booked-profile-page .booked-show-cf,
body .booked-list-view a.booked_list_date_picker_trigger{
transition: all .1s ease-out;
}
body table.booked-calendar td .date,
body table.booked-calendar td .date span{
transition: background .15s ease-out, color .15s ease-out;
}
body .booked-list-view .booked-appt-list{
transition: opacity .2s ease-out;
}
body .booked-appt-list{
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}
.booked-tabs{
overflow: hidden;
}
.booked-tabs .booked-tabs-nav{
margin-bottom: 20px;
}
.booked-tabs .booked-tabs-nav span{
display: inline-block;
padding: 0 5px;
border: 1px solid #ccc;
background: #eee;
color: #000;
font-size: 12px;
line-height: 30px;
text-transform: uppercase;
cursor: pointer;
box-sizing: border-box;
}
.booked-tabs .booked-tabs-nav span:hover,
.booked-tabs .booked-tabs-nav span.active{
background: #ddd;
color: #fff;
}
.booked-tabs .booked-tabs-cnt > div{
display: none;
}
.booked-tabs .booked-tabs-cnt > div.active{
display: block;
}
@media screen and (max-width: 1200px) {
body .booked-list-view .booked-appt-list h2{
text-align: left;
margin: 0 0 20px;
}
body .booked-list-view .booked-appt-list h2.booked-no-prev{
text-align: left;
}
body .booked-list-view .booked-list-view-nav{
display: block;
height: 26px;
margin: -5px 0 30px;
position: static;
text-align: left;
}
body .booked-list-view .booked-list-view-nav .booked-list-view-date-next,
body .booked-list-view .booked-list-view-nav .booked-list-view-date-prev{
margin: 0 6px 5px 0;
position: relative;
display: inline-block;
top: 0;
right: 0;
}
body .booked-list-view .booked-list-view-nav .booked-list-view-date-next{
float: right;
margin: 0 0 5px;
}
}
@media screen and (max-width: 1100px) {
body table.booked-calendar td .count{
padding: 5px 0;
font-size: 9px;
}
body table.booked-calendar td .date .number{
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
}
@media screen and (max-width: 860px) {
body #booked-profile-page .booked-profile-appt-list{
float: none;
width: 100%;
margin: 0 0 30px;
}
body #booked-profile-page #profile-edit{
float: none;
width: 100%;
margin: 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .status-block{
float: right;
margin: 6px 0 0 0;
}
}
@media screen and (max-width: 720px) {
body .booked-calendar-wrap table.booked-calendar thead th{
font-size: 16px;
padding: 13px 0 10px;
}
body .booked-calendar-wrap table.booked-calendar thead tr.days th{
font-size: 11px;
padding: 7px 0 5px;
}
body .booked-calendar-wrap table.booked-calendar td{
font-size: 13px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-left{
left: 10px;
top: 11px;
font-size: 15px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-right{
right: 10px;
top: 11px;
font-size: 15px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-left:hover{
left: 9px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-right:hover{
right: 9px;
}
body .booked-calendar-wrap table.booked-calendar th .monthName{
height: auto;
display: inline-block;
}
body .booked-calendar-wrap table.booked-calendar th .monthName a{
top: -2px;
font-size: 10px;
}
body .booked-calendar-wrap table.booked-calendar td .count{
display: none;
}
body .booked-calendar-wrap table.booked-calendar td .date{
height: 100%;
}
body .booked-calendar-wrap table.booked-calendar td .date .number{
border: none;
display: block;
border-radius: 0;
-webkit-transform: scale(1);
transform: scale(1);
width: 100%;
height: 100%;
vertical-align: middle;
}
body .booked-calendar-wrap table.booked-calendar td.blur .date,
body .booked-calendar-wrap table.booked-calendar td.blur:hover .date{
cursor: default;
background: #eee;
color: #ccc;
}
body .booked-calendar-wrap table.booked-calendar td.booked .date,
body .booked-calendar-wrap table.booked-calendar td.booked:hover .date{
cursor: default;
background: #ffe4df;
color: #f15934;
}
body .booked-calendar-wrap table.booked-calendar td.today .date{
background: #e3f2f9;
color: #555;
}
body .booked-calendar-wrap table.booked-calendar td.today:hover .date{
background: #eff7fb;
color: #555;
}
body .booked-calendar-wrap table.booked-calendar td:hover .date{
background: #f9f9f9;
cursor: pointer;
color: #000;
}
body .booked-calendar-wrap table.booked-calendar tr.week td.active .date .number{
border: none;
-webkit-transform: scale(1.5);
transform: scale(1.5);
background: none;
color: #000;
}
body .booked-calendar-wrap table.booked-calendar tr.entryBlock td{
padding: 0;
}
body .booked-calendar-wrap table.booked-calendar .booked-appt-list{
max-height: 100%;
overflow-y: scroll;
overflow-x: hidden;
padding: 15px 20px 10px;
}
body .booked-calendar-wrap.small table.booked-calendar .booked-appt-list{
max-height: 100%;
}
body table.booked-calendar .booked-appt-list h2{
text-align: center;
margin: 0 0 15px;
font-size: 12px;
}
body table.booked-calendar .booked-appt-list h2 span{
display: none;
}
body table.booked-calendar .booked-appt-list .timeslot{
border-top: 0;
margin: 0 0 10px;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-time,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-count{
display: none;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title,
body .booked-calendar-wrap table.booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title{
display: block;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people:hover{
width: 100%;
padding: 0;
height: auto;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button{
float: none;
margin: 0;
width: 100%;
text-align: center;
padding: 7px 0;
line-height: 1.5;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
display: block;
font-weight: 600;
font-size: 13px;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-text{
display: none;
}
body .booked-calendar-wrap table.booked-calendar td.prev-date .date,
body .booked-calendar-wrap table.booked-calendar td.prev-date:hover .date{
cursor: default;
background: #f9f9f9;
color: #bbb;
}
body .booked-calendar-wrap table.booked-calendar td.blur .date,
body .booked-calendar-wrap table.booked-calendar td.blur:hover .date{
cursor: default;
background: #eee;
color: #ddd;
}
body .booked-calendar-wrap table.booked-calendar td.booked .date,
body .booked-calendar-wrap table.booked-calendar td.booked:hover .date{
cursor: default;
background: #ffeae7;
color: #f0b1a1;
}
body .booked-calendar-wrap table.booked-calendar tr.week td.active .date,
body .booked-calendar-wrap table.booked-calendar tr.week td.active:hover .date{
background: #ddd;
}
body #booked-profile-page .result-section.table-layout{
padding: 10px 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title .compact-img img{
top: 46px;
left: 12px;
}
body #booked-profile-page .booked-tabs li,
body #booked-profile-page .booked-tabs li.edit-button{
display: block;
float: none;
}
body #booked-profile-page .booked-tabs li a,
body #booked-profile-page .booked-tabs li.edit-button a{
border-left: none;
border-right: none;
}
body .booked-modal{
padding: 0;
margin: 20px;
}
body .booked-modal .bm-window{
width: 100%;
padding: 43px 0 0;
box-sizing: border-box;
border-radius: 6px;
}
body .booked-modal .bm-window .booked-scrollable{
padding: 30px 35px;
}
body .booked-modal .bm-overlay{
background: rgba(0, 0, 0, .8);
}
body .booked-modal .bm-window p.name b{
display: block;
}
body .booked-list-view .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot,
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot{
display: none;
}
}
@media screen and (max-width: 600px) {
body .booked-modal input[type=submit]{
margin: 0 10px 10px 0;
float: none;
}
body .booked-modal .button{
width: 100%;
float: none;
}
body .booked-calendarSwitcher{
width: 100%;
display: block;
padding: 8px 5px;
}
body .booked-calendarSwitcher i.fa{
display: none;
}
body .booked-calendarSwitcher select{
width: 100%;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .status-block{
display: block;
float: none;
margin: 0 0 10px;
}
body #profile-edit #booked-page-form p.form-nickname,
body #profile-edit #booked-page-form p.form-email,
body #profile-edit #booked-page-form p.form-url,
body #profile-edit #booked-page-form p.form-password{
float: none;
width: 100%;
}
body .booked-modal #customerChoices .field{
display: block;
float: none;
margin: 5px 0;
}
}
@media screen and (max-width: 450px) {
body .booked-list-view .booked-appt-list h2 strong{
display: block;
margin: 0 auto;
}
body .booked-list-view .booked-appt-list h2 span:last-child{
display: none;
}
body .booked-list-view .booked-appt-list .timeslot{
border-top: 0;
margin: 0 0 10px;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-time,
body .booked-list-view .booked-appt-list .timeslot .timeslot-count{
display: none;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people{
width: 100%;
padding: 0;
height: auto;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people button{
float: none;
margin: 0;
width: 100%;
text-align: center;
padding: 7px 0;
line-height: 1.5;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
display: block;
font-weight: 600;
font-size: 13px;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people button .button-text{
display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title{
display: block;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people{
height: auto;
padding: 0;
}
}