@font-face {
font-family: 'icomoon';
src: url(//meyssonnier.fr/wp-content/themes/fluxus/fonts/icomoon.ttf?vadmn3) format('truetype'),
url(//meyssonnier.fr/wp-content/themes/fluxus/fonts/icomoon.woff?vadmn3) format('woff'),
url(//meyssonnier.fr/wp-content/themes/fluxus/fonts/icomoon.svg?vadmn3#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^='icon-']:before,
[class*=' icon-']:before { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-next-slim-arrow:before {
content: '\ea82';
}
.icon-previous-slim-arrow:before {
content: '\ea83';
}
.icon-close-slim:before {
content: '\ea84';
}
.icon-zoom-in-slim:before {
content: '\ea85';
}
.icon-zoom-out-slim:before {
content: '\ea86';
}
.icon-behance-with-circle:before {
content: '\ea81';
}
.icon-add-to-list:before {
content: '\e900';
}
.icon-classic-computer:before {
content: '\e901';
}
.icon-controller-fast-backward:before {
content: '\e902';
}
.icon-creative-commons-attribution:before {
content: '\e903';
}
.icon-creative-commons-noderivs:before {
content: '\e904';
}
.icon-creative-commons-noncommercial-eu:before {
content: '\e905';
}
.icon-creative-commons-noncommercial-us:before {
content: '\e906';
}
.icon-creative-commons-public-domain:before {
content: '\e907';
}
.icon-creative-commons-remix:before {
content: '\e908';
}
.icon-creative-commons-share:before {
content: '\e909';
}
.icon-creative-commons-sharealike:before {
content: '\e90a';
}
.icon-creative-commons:before {
content: '\e90b';
}
.icon-document-landscape:before {
content: '\e90c';
}
.icon-remove-user:before {
content: '\e90d';
}
.icon-warning:before {
content: '\e90e';
}
.icon-arrow-bold-down:before {
content: '\e90f';
}
.icon-arrow-bold-left:before {
content: '\e910';
}
.icon-arrow-bold-right:before {
content: '\e911';
}
.icon-arrow-bold-up:before {
content: '\e912';
}
.icon-arrow-down:before {
content: '\e913';
}
.icon-arrow-left:before {
content: '\e914';
}
.icon-arrow-long-down:before {
content: '\e915';
}
.icon-arrow-long-left:before {
content: '\e916';
}
.icon-arrow-long-right:before {
content: '\e917';
}
.icon-arrow-long-up:before {
content: '\e918';
}
.icon-arrow-right:before {
content: '\e919';
}
.icon-arrow-up:before {
content: '\e91a';
}
.icon-arrow-with-circle-down:before {
content: '\e91b';
}
.icon-arrow-with-circle-left:before {
content: '\e91c';
}
.icon-arrow-with-circle-right:before {
content: '\e91d';
}
.icon-arrow-with-circle-up:before {
content: '\e91e';
}
.icon-bookmark:before {
content: '\e91f';
}
.icon-bookmarks:before {
content: '\e920';
}
.icon-chevron-down:before {
content: '\e921';
}
.icon-chevron-left:before {
content: '\e922';
}
.icon-chevron-right:before {
content: '\e923';
}
.icon-chevron-small-down:before {
content: '\e924';
}
.icon-chevron-small-left:before {
content: '\e925';
}
.icon-chevron-small-right:before {
content: '\e926';
}
.icon-chevron-small-up:before {
content: '\e927';
}
.icon-chevron-thin-down:before {
content: '\e928';
}
.icon-chevron-thin-left:before {
content: '\e929';
}
.icon-chevron-thin-right:before {
content: '\e92a';
}
.icon-chevron-thin-up:before {
content: '\e92b';
}
.icon-chevron-up:before {
content: '\e92c';
}
.icon-chevron-with-circle-down:before {
content: '\e92d';
}
.icon-chevron-with-circle-left:before {
content: '\e92e';
}
.icon-chevron-with-circle-right:before {
content: '\e92f';
}
.icon-chevron-with-circle-up:before {
content: '\e930';
}
.icon-cloud:before {
content: '\e931';
}
.icon-controller-fast-forward:before {
content: '\e932';
}
.icon-controller-jump-to-start:before {
content: '\e933';
}
.icon-controller-next:before {
content: '\e934';
}
.icon-controller-paus:before {
content: '\e935';
}
.icon-controller-play:before {
content: '\e936';
}
.icon-controller-record:before {
content: '\e937';
}
.icon-controller-stop:before {
content: '\e938';
}
.icon-controller-volume:before {
content: '\e939';
}
.icon-dot-single:before {
content: '\e93a';
}
.icon-dots-three-horizontal:before {
content: '\e93b';
}
.icon-dots-three-vertical:before {
content: '\e93c';
}
.icon-dots-two-horizontal:before {
content: '\e93d';
}
.icon-dots-two-vertical:before {
content: '\e93e';
}
.icon-download:before {
content: '\e93f';
}
.icon-emoji-flirt:before {
content: '\e940';
}
.icon-flow-branch:before {
content: '\e941';
}
.icon-flow-cascade:before {
content: '\e942';
}
.icon-flow-line:before {
content: '\e943';
}
.icon-flow-parallel:before {
content: '\e944';
}
.icon-flow-tree:before {
content: '\e945';
}
.icon-install:before {
content: '\e946';
}
.icon-layers:before {
content: '\e947';
}
.icon-open-book:before {
content: '\e948';
}
.icon-resize-100:before {
content: '\e949';
}
.icon-resize-full-screen:before {
content: '\e94a';
}
.icon-save:before {
content: '\e94b';
}
.icon-select-arrows:before {
content: '\e94c';
}
.icon-sound-mute:before {
content: '\e94d';
}
.icon-sound:before {
content: '\e94e';
}
.icon-trash:before {
content: '\e94f';
}
.icon-triangle-down:before {
content: '\e950';
}
.icon-triangle-left:before {
content: '\e951';
}
.icon-triangle-right:before {
content: '\e952';
}
.icon-triangle-up:before {
content: '\e953';
}
.icon-uninstall:before {
content: '\e954';
}
.icon-upload-to-cloud:before {
content: '\e955';
}
.icon-upload:before {
content: '\e956';
}
.icon-add-user:before {
content: '\e957';
}
.icon-address:before {
content: '\e958';
}
.icon-adjust:before {
content: '\e959';
}
.icon-air:before {
content: '\e95a';
}
.icon-aircraft-landing:before {
content: '\e95b';
}
.icon-aircraft-take-off:before {
content: '\e95c';
}
.icon-aircraft:before {
content: '\e95d';
}
.icon-align-bottom:before {
content: '\e95e';
}
.icon-align-horizontal-middle:before {
content: '\e95f';
}
.icon-align-left:before {
content: '\e960';
}
.icon-align-right:before {
content: '\e961';
}
.icon-align-top:before {
content: '\e962';
}
.icon-align-vertical-middle:before {
content: '\e963';
}
.icon-archive:before {
content: '\e964';
}
.icon-area-graph:before {
content: '\e965';
}
.icon-attachment:before {
content: '\e966';
}
.icon-awareness-ribbon:before {
content: '\e967';
}
.icon-back-in-time:before {
content: '\e968';
}
.icon-back:before {
content: '\e969';
}
.icon-bar-graph:before {
content: '\e96a';
}
.icon-battery:before {
content: '\e96b';
}
.icon-beamed-note:before {
content: '\e96c';
}
.icon-bell:before {
content: '\e96d';
}
.icon-blackboard:before {
content: '\e96e';
}
.icon-block:before {
content: '\e96f';
}
.icon-book:before {
content: '\e970';
}
.icon-bowl:before {
content: '\e971';
}
.icon-box:before {
content: '\e972';
}
.icon-briefcase:before {
content: '\e973';
}
.icon-browser:before {
content: '\e974';
}
.icon-brush:before {
content: '\e975';
}
.icon-bucket:before {
content: '\e976';
}
.icon-cake:before {
content: '\e977';
}
.icon-calculator:before {
content: '\e978';
}
.icon-calendar:before {
content: '\e979';
}
.icon-camera:before {
content: '\e97a';
}
.icon-ccw:before {
content: '\e97b';
}
.icon-chat:before {
content: '\e97c';
}
.icon-check:before {
content: '\e97d';
}
.icon-circle-with-cross:before {
content: '\e97e';
}
.icon-circle-with-minus:before {
content: '\e97f';
}
.icon-circle-with-plus:before {
content: '\e980';
}
.icon-circle:before {
content: '\e981';
}
.icon-circular-graph:before {
content: '\e982';
}
.icon-clapperboard:before {
content: '\e983';
}
.icon-clipboard:before {
content: '\e984';
}
.icon-clock:before {
content: '\e985';
}
.icon-code:before {
content: '\e986';
}
.icon-cog:before {
content: '\e987';
}
.icon-colours:before {
content: '\e988';
}
.icon-compass:before {
content: '\e989';
}
.icon-copy:before {
content: '\e98a';
}
.icon-credit-card:before {
content: '\e98b';
}
.icon-credit:before {
content: '\e98c';
}
.icon-cross:before {
content: '\e98d';
}
.icon-cup:before {
content: '\e98e';
}
.icon-cw:before {
content: '\e98f';
}
.icon-cycle:before {
content: '\e990';
}
.icon-database:before {
content: '\e991';
}
.icon-dial-pad:before {
content: '\e992';
}
.icon-direction:before {
content: '\e993';
}
.icon-document:before {
content: '\e994';
}
.icon-documents:before {
content: '\e995';
}
.icon-drink:before {
content: '\e996';
}
.icon-drive:before {
content: '\e997';
}
.icon-drop:before {
content: '\e998';
}
.icon-edit:before {
content: '\e999';
}
.icon-email:before {
content: '\e99a';
}
.icon-emoji-happy:before {
content: '\e99b';
}
.icon-emoji-neutral:before {
content: '\e99c';
}
.icon-emoji-sad:before {
content: '\e99d';
}
.icon-erase:before {
content: '\e99e';
}
.icon-eraser:before {
content: '\e99f';
}
.icon-export:before {
content: '\e9a0';
}
.icon-eye:before {
content: '\e9a1';
}
.icon-feather:before {
content: '\e9a2';
}
.icon-flag:before {
content: '\e9a3';
}
.icon-flash:before {
content: '\e9a4';
}
.icon-flashlight:before {
content: '\e9a5';
}
.icon-flat-brush:before {
content: '\e9a6';
}
.icon-folder-images:before {
content: '\e9a7';
}
.icon-folder-music:before {
content: '\e9a8';
}
.icon-folder-video:before {
content: '\e9a9';
}
.icon-folder:before {
content: '\e9aa';
}
.icon-forward:before {
content: '\e9ab';
}
.icon-funnel:before {
content: '\e9ac';
}
.icon-game-controller:before {
content: '\e9ad';
}
.icon-gauge:before {
content: '\e9ae';
}
.icon-globe:before {
content: '\e9af';
}
.icon-graduation-cap:before {
content: '\e9b0';
}
.icon-grid:before {
content: '\e9b1';
}
.icon-hair-cross:before {
content: '\e9b2';
}
.icon-hand:before {
content: '\e9b3';
}
.icon-heart-outlined:before {
content: '\e9b4';
}
.icon-heart:before {
content: '\e9b5';
}
.icon-help-with-circle:before {
content: '\e9b6';
}
.icon-help:before {
content: '\e9b7';
}
.icon-home:before {
content: '\e9b8';
}
.icon-hour-glass:before {
content: '\e9b9';
}
.icon-image-inverted:before {
content: '\e9ba';
}
.icon-image:before {
content: '\e9bb';
}
.icon-images:before {
content: '\e9bc';
}
.icon-inbox:before {
content: '\e9bd';
}
.icon-infinity:before {
content: '\e9be';
}
.icon-info-with-circle:before {
content: '\e9bf';
}
.icon-info:before {
content: '\e9c0';
}
.icon-key:before {
content: '\e9c1';
}
.icon-keyboard:before {
content: '\e9c2';
}
.icon-lab-flask:before {
content: '\e9c3';
}
.icon-landline:before {
content: '\e9c4';
}
.icon-language:before {
content: '\e9c5';
}
.icon-laptop:before {
content: '\e9c6';
}
.icon-leaf:before {
content: '\e9c7';
}
.icon-level-down:before {
content: '\e9c8';
}
.icon-level-up:before {
content: '\e9c9';
}
.icon-lifebuoy:before {
content: '\e9ca';
}
.icon-light-bulb:before {
content: '\e9cb';
}
.icon-light-down:before {
content: '\e9cc';
}
.icon-light-up:before {
content: '\e9cd';
}
.icon-line-graph:before {
content: '\e9ce';
}
.icon-link:before {
content: '\e9cf';
}
.icon-list:before {
content: '\e9d0';
}
.icon-location-pin:before {
content: '\e9d1';
}
.icon-location:before {
content: '\e9d2';
}
.icon-lock-open:before {
content: '\e9d3';
}
.icon-lock:before {
content: '\e9d4';
}
.icon-log-out:before {
content: '\e9d5';
}
.icon-login:before {
content: '\e9d6';
}
.icon-loop:before {
content: '\e9d7';
}
.icon-magnet:before {
content: '\e9d8';
}
.icon-magnifying-glass:before {
content: '\e9d9';
}
.icon-mail:before {
content: '\e9da';
}
.icon-man:before {
content: '\e9db';
}
.icon-map:before {
content: '\e9dc';
}
.icon-mask:before {
content: '\e9dd';
}
.icon-medal:before {
content: '\e9de';
}
.icon-megaphone:before {
content: '\e9df';
}
.icon-menu:before {
content: '\e9e0';
}
.icon-message:before {
content: '\e9e1';
}
.icon-mic:before {
content: '\e9e2';
}
.icon-minus:before {
content: '\e9e3';
}
.icon-mobile:before {
content: '\e9e4';
}
.icon-modern-mic:before {
content: '\e9e5';
}
.icon-moon:before {
content: '\e9e6';
}
.icon-mouse:before {
content: '\e9e7';
}
.icon-music:before {
content: '\e9e8';
}
.icon-network:before {
content: '\e9e9';
}
.icon-new-message:before {
content: '\e9ea';
}
.icon-new:before {
content: '\e9eb';
}
.icon-news:before {
content: '\e9ec';
}
.icon-note:before {
content: '\e9ed';
}
.icon-notification:before {
content: '\e9ee';
}
.icon-old-mobile:before {
content: '\e9ef';
}
.icon-old-phone:before {
content: '\e9f0';
}
.icon-palette:before {
content: '\e9f1';
}
.icon-paper-plane:before {
content: '\e9f2';
}
.icon-pencil:before {
content: '\e9f3';
}
.icon-phone:before {
content: '\e9f4';
}
.icon-pie-chart:before {
content: '\e9f5';
}
.icon-pin:before {
content: '\e9f6';
}
.icon-plus:before {
content: '\e9f7';
}
.icon-popup:before {
content: '\e9f8';
}
.icon-power-plug:before {
content: '\e9f9';
}
.icon-price-ribbon:before {
content: '\e9fa';
}
.icon-price-tag:before {
content: '\e9fb';
}
.icon-print:before {
content: '\e9fc';
}
.icon-progress-empty:before {
content: '\e9fd';
}
.icon-progress-full:before {
content: '\e9fe';
}
.icon-progress-one:before {
content: '\e9ff';
}
.icon-progress-two:before {
content: '\ea00';
}
.icon-publish:before {
content: '\ea01';
}
.icon-quote:before {
content: '\ea02';
}
.icon-radio:before {
content: '\ea03';
}
.icon-reply-all:before {
content: '\ea04';
}
.icon-reply:before {
content: '\ea05';
}
.icon-retweet:before {
content: '\ea06';
}
.icon-rocket:before {
content: '\ea07';
}
.icon-round-brush:before {
content: '\ea08';
}
.icon-rss:before {
content: '\ea09';
}
.icon-ruler:before {
content: '\ea0a';
}
.icon-scissors:before {
content: '\ea0b';
}
.icon-share-alternitive:before {
content: '\ea0c';
}
.icon-share:before {
content: '\ea0d';
}
.icon-shareable:before {
content: '\ea0e';
}
.icon-shield:before {
content: '\ea0f';
}
.icon-shop:before {
content: '\ea10';
}
.icon-shopping-bag:before {
content: '\ea11';
}
.icon-shopping-basket:before {
content: '\ea12';
}
.icon-shopping-cart:before {
content: '\ea13';
}
.icon-shuffle:before {
content: '\ea14';
}
.icon-signal:before {
content: '\ea15';
}
.icon-sound-mix:before {
content: '\ea16';
}
.icon-sports-club:before {
content: '\ea17';
}
.icon-spreadsheet:before {
content: '\ea18';
}
.icon-squared-cross:before {
content: '\ea19';
}
.icon-squared-minus:before {
content: '\ea1a';
}
.icon-squared-plus:before {
content: '\ea1b';
}
.icon-star-outlined:before {
content: '\ea1c';
}
.icon-star:before {
content: '\ea1d';
}
.icon-stopwatch:before {
content: '\ea1e';
}
.icon-suitcase:before {
content: '\ea1f';
}
.icon-swap:before {
content: '\ea20';
}
.icon-sweden:before {
content: '\ea21';
}
.icon-switch:before {
content: '\ea22';
}
.icon-tablet:before {
content: '\ea23';
}
.icon-tag:before {
content: '\ea24';
}
.icon-text-document-inverted:before {
content: '\ea25';
}
.icon-text-document:before {
content: '\ea26';
}
.icon-text:before {
content: '\ea27';
}
.icon-thermometer:before {
content: '\ea28';
}
.icon-thumbs-down:before {
content: '\ea29';
}
.icon-thumbs-up:before {
content: '\ea2a';
}
.icon-thunder-cloud:before {
content: '\ea2b';
}
.icon-ticket:before {
content: '\ea2c';
}
.icon-time-slot:before {
content: '\ea2d';
}
.icon-tools:before {
content: '\ea2e';
}
.icon-traffic-cone:before {
content: '\ea2f';
}
.icon-tree:before {
content: '\ea30';
}
.icon-trophy:before {
content: '\ea31';
}
.icon-tv:before {
content: '\ea32';
}
.icon-typing:before {
content: '\ea33';
}
.icon-unread:before {
content: '\ea34';
}
.icon-untag:before {
content: '\ea35';
}
.icon-user:before {
content: '\ea36';
}
.icon-users:before {
content: '\ea37';
}
.icon-v-card:before {
content: '\ea38';
}
.icon-video:before {
content: '\ea39';
}
.icon-vinyl:before {
content: '\ea3a';
}
.icon-voicemail:before {
content: '\ea3b';
}
.icon-wallet:before {
content: '\ea3c';
}
.icon-water:before {
content: '\ea3d';
}
.icon-500px-with-circle:before {
content: '\ea3e';
}
.icon-500px:before {
content: '\ea3f';
}
.icon-basecamp:before {
content: '\ea40';
}
.icon-behance:before {
content: '\ea41';
}
.icon-creative-cloud:before {
content: '\ea42';
}
.icon-dropbox:before {
content: '\ea43';
}
.icon-evernote:before {
content: '\ea44';
}
.icon-flattr:before {
content: '\ea45';
}
.icon-foursquare:before {
content: '\ea46';
}
.icon-google-drive:before {
content: '\ea47';
}
.icon-google-hangouts:before {
content: '\ea48';
}
.icon-grooveshark:before {
content: '\ea49';
}
.icon-icloud:before {
content: '\ea4a';
}
.icon-mixi:before {
content: '\ea4b';
}
.icon-onedrive:before {
content: '\ea4c';
}
.icon-paypal:before {
content: '\ea4d';
}
.icon-picasa:before {
content: '\ea4e';
}
.icon-qq:before {
content: '\ea4f';
}
.icon-rdio-with-circle:before {
content: '\ea50';
}
.icon-renren:before {
content: '\ea51';
}
.icon-scribd:before {
content: '\ea52';
}
.icon-sina-weibo:before {
content: '\ea53';
}
.icon-skype-with-circle:before {
content: '\ea54';
}
.icon-skype:before {
content: '\ea55';
}
.icon-slideshare:before {
content: '\ea56';
}
.icon-smashing:before {
content: '\ea57';
}
.icon-soundcloud:before {
content: '\ea58';
}
.icon-spotify-with-circle:before {
content: '\ea59';
}
.icon-spotify:before {
content: '\ea5a';
}
.icon-swarm:before {
content: '\ea5b';
}
.icon-vine-with-circle:before {
content: '\ea5c';
}
.icon-vine:before {
content: '\ea5d';
}
.icon-vk-alternitive:before {
content: '\ea5e';
}
.icon-vk-with-circle:before {
content: '\ea5f';
}
.icon-vk:before {
content: '\ea60';
}
.icon-xing-with-circle:before {
content: '\ea61';
}
.icon-xing:before {
content: '\ea62';
}
.icon-yelp:before {
content: '\ea63';
}
.icon-dribbble-with-circle:before {
content: '\ea64';
}
.icon-dribbble:before {
content: '\ea65';
}
.icon-facebook-with-circle:before {
content: '\ea66';
}
.icon-facebook:before {
content: '\ea67';
}
.icon-flickr-with-circle:before {
content: '\ea68';
}
.icon-flickr:before {
content: '\ea69';
}
.icon-github-with-circle:before {
content: '\ea6a';
}
.icon-github:before {
content: '\ea6b';
}
.icon-google-with-circle:before {
content: '\ea6c';
}
.icon-google:before {
content: '\ea6d';
}
.icon-instagram-with-circle:before {
content: '\ea6e';
}
.icon-instagram:before {
content: '\ea6f';
}
.icon-lastfm-with-circle:before {
content: '\ea70';
}
.icon-lastfm:before {
content: '\ea71';
}
.icon-linkedin-with-circle:before {
content: '\ea72';
}
.icon-linkedin:before {
content: '\ea73';
}
.icon-pinterest-with-circle:before {
content: '\ea74';
}
.icon-pinterest:before {
content: '\ea75';
}
.icon-rdio:before {
content: '\ea76';
}
.icon-tumblr-with-circle:before {
content: '\ea79';
}
.icon-tumblr:before {
content: '\ea7a';
}
.icon-twitter-with-circle:before {
content: '\ea7b';
}
.icon-twitter:before {
content: '\ea7c';
}
.icon-vimeo-with-circle:before {
content: '\ea7d';
}
.icon-vimeo:before {
content: '\ea7e';
}
.icon-youtube-with-circle:before {
content: '\ea7f';
}
.icon-youtube:before {
content: '\ea80';
}
.icon-patreon-with-circle:before {
content: '\ea19';
}
.icon-patreon:before {
content: '\ea77';
}
.icon-github-with-circle:before {
color: #4183c4 !important;
}
.icon-github-with-circle:hover:before {
color: #276bae !important;
}
.icon-flickr-with-circle:before {
color: #0063dc !important;
}
.icon-flickr-with-circle:hover:before {
color: #0e59b5 !important;
}
.icon-vimeo-with-circle:before {
color: #63D2FA !important;
}
.icon-vimeo-with-circle:hover:before {
color: #40a3dc !important;
}
.icon-twitter-with-circle:before {
color: #111116 !important;
}
.icon-twitter-with-circle:hover:before {
color: #000 !important;
}
.icon-facebook-with-circle:before {
color: #2C64F6 !important;
}
.icon-facebook-with-circle:hover:before {
color: #2b4a8d !important;
}
.icon-google-with-circle:before {
color: #db4a39 !important;
}
.icon-google-with-circle:hover:before {
color: #b02717 !important;
}
.icon-pinterest-with-circle:before {
color: #910101 !important;
}
.icon-pinterest-with-circle:hover:before {
color: #7c0505 !important;
}
.icon-tumblr-with-circle:before {
color: #34526f !important;
}
.icon-tumblr-with-circle:hover:before {
color: #254869 !important;
}
.icon-linkedin-with-circle:before {
color: #2D64BC !important;
}
.icon-linkedin-with-circle:hover:before {
color: #18407E !important;
}
.icon-dribbble-with-circle:before {
color: #ea4c89 !important;
}
.icon-dribbble-with-circle:hover:before {
color: #d53875 !important;
}
.icon-lastfm-with-circle:before {
color: #c3000d !important;
}
.icon-lastfm-with-circle:hover:before {
color: #a0040e !important;
}
.icon-rdio-with-circle:before {
color: #008fd5 !important;
}
.icon-rdio-with-circle:hover:before {
color: #0780bb !important;
}
.icon-spotify-with-circle:before {
color: #64b41a !important;
}
.icon-spotify-with-circle:hover:before {
color: #539813 !important;
}
.icon-skype-with-circle:before {
color: #00aff0 !important;
}
.icon-skype-with-circle:hover:before {
color: #029ad3 !important;
}
.icon-instagram-with-circle:before {
color: #EA336B !important;
}
.icon-instagram-with-circle:hover:before {
color: #C128BF !important;
}
.icon-behance-with-circle:before {
color: #045efc !important;
}
.icon-behance-with-circle:hover:before {
color: #285db9 !important;
}
.icon-youtube-with-circle:before {
color: #EA3323 !important;
}
.icon-youtube-with-circle:hover:before {
color: #f00 !important;
}
.icon-500px-with-circle:before {
color: #00aeef !important;
}
.icon-500px-with-circle:hover:before {
color: #2885a8 !important;
}
.icon-500px-alt-with-circle:before {
color: #00aeef !important;
}
.icon-500px-alt-with-circle:hover:before {
color: #2885a8 !important;
}
.icon-vk-with-circle:before {
color: #46668c !important;
}
.icon-vk-with-circle:hover:before {
color: #5181ba !important;
}
.icon-patreon-with-circle:before {
color: #e65c4b !important;
}
.icon-patreon-with-circle:hover:before {
color: #c23c2b !important;
}.site {
position: relative;
margin: 0 16px;
z-index: 1;
}
.site--has-sidebar {
display: flex;
}
.site-content {
position: relative; flex-grow: 1;
height: 100%;
order: 2;
}
.site--has-sidebar .site-content {
padding-left: 32px;
}
.fixed-width-container {
max-width: 576px;
}
.fluid-width-container {
max-width: 70%;
} .horizontal-page .site {
transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
opacity: 0;
}
.horizontal-page--loaded .site {
opacity: 1;
}
.horizontal-content {
height: 100%;
white-space: nowrap;
}
.horizontal-content__item {
display: inline-block;
max-height: 100%;
height: 100%;
margin-right: 32px;
vertical-align: top;
white-space: normal;
}
.captioned-media {
position: relative;
padding-bottom: 48px;
box-sizing: border-box;
}
.captioned-media--project-types {
padding-bottom: 72px;
}
.captioned-media__caption {
position: absolute;
color: #111116;
font: normal 12px/22px "Merriweather", georgia, serif;
max-height: 32px;
bottom: -32px;
padding: 16px 20px 0 0;
box-sizing: border-box;
background-color: #fff;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
overflow: hidden;
white-space: normal;
}
.project .captioned-media__caption {
position: static;
max-height: 48px;
}
.project.captioned-media--project-types .captioned-media__caption {
max-height: 72px;
}
.captioned-media__caption:after {
content: "\ea82";
position: absolute;
font-family: "icomoon" !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
top: 8px;
right: 0;
transform: rotate(-90deg);
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: none;
}
.captioned-media__caption--expanded {
max-height: 60%;
overflow-y: visible;
}
.captioned-media__caption--expanded:after {
transform: rotate(90deg);
}
.captioned-media__caption--multiline {
cursor: pointer;
}
.captioned-media__caption--multiline:after {
display: block;
} .horizontal-page .site {
top: 70px;
} .single-format-quote .post--featured-image .entry-header,
.page-template-template-full-width-php .entry-content,
.page-template-template-full-width-php .fluid-width-container,
.page-template-template-full-width-sidebar-php .entry-content,
.page-template-template-full-width-sidebar-php .fluid-width-container {
max-width: 100%;
} .site-header {
transition: all 200ms cubic-bezier(0.33, 1, 0.68, 1);
transition-property: padding, box-shadow;
z-index: 2;
width: 100%;
}
.horizontal-page .site-header { position: fixed;
left: 0;
top: 0;
}
html.admin-bar-showing.horizontal-page .site-header { top: 32px;
}
@media only screen and (max-width: 768px) {
html.admin-bar-showing.horizontal-page .site-header {
top: 46px;
}
}
.site-header__inner {
background-color: #fff;
position: relative;
border-top: 0 solid #111116;
width: 100%;
padding: 12px 16px;
box-sizing: border-box;
z-index: 100;
display: flex;
align-items: center;
}
.logo-container {
width: 272px;
border-right: 1px solid #ebebeb;
margin: 0 32px 0 0;
padding: 16px 0;
z-index: 5;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
}
.site-description {
font-size: 13px;
color: #bdbdbd;
font-weight: 400;
text-align: center;
margin-top: 3px;
margin-bottom: -5px;
}
.site-logo {
display: block;
line-height: 0;
text-align: center;
}
.site-logo img {
display: inline-block;
} .site-navigation {
display: flex;
}
.site-navigation ul {
list-style: none;
margin: 0;
}
.site-navigation li {
display: inline-block;
position: relative;
margin: 0 8px 0 0;
}
.site-navigation a {
position: relative;
display: inline-block;
padding: 6px 10px;
font-size: 13px;
color: #8a8a8a;
text-transform: uppercase;
border: 0 none;
text-decoration: none;
letter-spacing: 0.03em;
}
.site-navigation a:hover {
color: #111116;
}
.site-navigation .sub-menu {
position: absolute;
top: 100%;
left: -8px;
display: none;
background-color: #fff;
box-shadow: 0 1px 14px 4px rgba(0, 0, 0, 0.15);
padding: 8px 0;
}
.site-navigation .sub-menu a {
white-space: nowrap;
padding: 8px 16px;
font-size: 12px;
display: block;
letter-spacing: 0.04em;
}
.site-navigation .sub-menu li {
margin: 0 0 4px 0;
display: block;
}
.site-navigation .sub-menu li:last-child {
margin-bottom: 0;
}
.site-navigation .has-children > a {
padding-right: 20px;
}
.site-navigation .has-children > a:after {
content: "\e924";
position: absolute;
font-family: "icomoon";
font-style: normal;
font-weight: normal;
display: inline-block;
line-height: 1em;
font-size: 16px;
top: 50%;
transform: translate3d(0, -50%, 0);
}
.site-navigation .sub-menu .has-children > a:after {
content: "\e926";
right: 4px;
margin-top: 0px;
}
.site-navigation .sub-menu--right .has-children > a {
padding-right: 16px;
padding-left: 20px;
}
.site-navigation .sub-menu--right .has-children > a:after {
content: "\e925";
left: 8px;
right: auto;
}
.site-navigation .sub-menu { }
.site-navigation .sub-menu .sub-menu {
left: 100%;
top: 0;
display: none;
}
.site-navigation .sub-menu .sub-menu--right {
right: 100%;
left: auto;
}
.site-navigation .sub-menu--right {
right: 0;
left: auto;
}
.site-navigation .sub-menu--right .sub-menu {
right: 100%;
left: auto;
}
.site-navigation .has-children:hover > .sub-menu {
display: block;
}
.site-navigation .active > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a,
.site-navigation .active .current-fluxus-project-type-ancestor > a,
.site-navigation .current-menu-parent > a { background: #fff200;
color: #111116;
}
.site-navigation .primary-navigation {
margin-left: -10px; }
.secondary-navigation li {
margin: 0 0 0 8px;
}  #page-wrapper {
min-height: 100%;
min-width: 100%;
margin: 0 auto -50px;
}
.site-footer,
.site-footer-push {
height: 50px;
clear: both;
}
.horizontal-page .site-footer-push {
display: none;
}
.site-footer {
position: absolute;
box-sizing: border-box;
color: #8a8a8a;
font-size: 12px;
padding: 13px 15px 0;
width: 100%; z-index: 1;
}
.horizontal-page .site-footer { position: fixed;
bottom: 0;
height: 50px;
background: #fff;
}
.site-footer a {
color: #8a8a8a;
border-bottom: 1px solid #ebebeb;
}
.site-footer a:hover {
color: #111116;
border-bottom-color: inherit;
} .sharrre .pinterest > a,
.sharrre .fb_iframe_widget span,
.sharrre .linkedin > span[style] {
vertical-align: top !important;
}
.sharrre .twitter iframe {
position: relative;
top: -1px;
}
.sharrre .button {
padding: 0;
}
.social-networks {
float: left;
}
.social-networks .icon-social {
margin-right: 10px;
height: 22px;
display: inline-block;
border: 0 none;
}
.social-networks .icon-social:last-child {
margin-right: 0;
}
.social-networks .icon-social:before {
font-size: 22px;
} .nav-tip {
float: right;
line-height: 24px;
display: none;
}
.nav-tip--visible {
display: block;
}
.nav-tip .nav-tip__button {
width: 23px;
height: 23px;
padding: 0;
margin: 0 5px;
background: none;
border: 1px solid #eaeaea;
transition: 0.2s ease-out;
}
.nav-tip .nav-tip__button:before {
margin-right: 0 !important;
}
.nav-tip .nav-tip__button:hover {
border-color: #ccc;
background: none;
}
.global-navigation-on-next .nav-tip .nav-tip__button--next {
border-color: #aaa;
}
.global-navigation-on-prev .nav-tip .nav-tip__button--prev {
border-color: #aaa;
}
.nav-tip .nav-tip__button:focus,
.nav-tip .nav-tip__button:active {
box-shadow: none;
}
.nav-tip .nav-tip__button:before {
font-size: 14px;
}
.nav-tip .nav-tip__button + .nav-tip__button {
margin-left: 0;
}
.footer-links {
line-height: 24px;
float: right;
}
.footer-links > *,
.footer-links li {
float: left;
margin: 0 0 0 32px;
}
.footer-links a {
font-size: 12px;
line-height: 1.5;
padding: 8px 0 1px;
margin: -8px 0 0 0;
display: inline-block;
}
.footer-links .credits:before,
.footer-links li:before {
content: " ";
display: block;
position: absolute;
width: 15px;
height: 30px;
background: url(https://meyssonnier.fr/wp-content/themes/fluxus/images/slash.png) no-repeat;
margin: -3px 0 0 -20px;
}
.footer-links li {
list-style: none;
}
.footer-links li:first-child {
margin-left: 0;
}
.footer-links li:first-child:before {
display: none;
}
.footer-navigation li {
position: relative;
}
.footer-navigation li:hover {
color: #111116;
}
.footer-navigation li:hover > a {
color: inherit;
border-bottom-color: inherit;
}
.footer-navigation li:hover > .sub-menu {
display: block;
}
.footer-navigation .has-children > a {
margin-left: 16px;
}
.footer-navigation .has-children > a:before {
content: "\e927";
font-family: "icomoon";
font-style: normal;
font-weight: normal;
display: inline-block;
line-height: 1em;
font-size: 16px;
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
transform: translate3d(0, -50%, 0);
}
.footer-navigation .has-children .has-children > a {
margin-left: 0;
}
.footer-navigation .has-children .has-children > a:before {
content: "\e925";
left: 4px;
}
.footer-navigation .sub-menu {
position: absolute;
top: auto;
bottom: 100%;
left: auto;
right: 0;
margin: 0;
padding: 8px 0;
background-color: #fff;
box-shadow: 0 1px 14px 4px rgba(0, 0, 0, 0.15);
display: none;
}
.footer-navigation .sub-menu a {
margin: 0;
padding: 10px 22px;
display: block;
white-space: nowrap;
border: 0;
}
.footer-navigation .sub-menu li {
margin: 0;
float: none;
display: block;
}
.footer-navigation .sub-menu li:before {
display: none;
}
.footer-navigation .sub-menu .sub-menu {
left: 0;
top: auto;
bottom: auto;
right: auto;
-webkit-transform: translate(-100%, -105%);
transform: translate(-100%, -105%);
} .entry-title a {
text-decoration: none;
}
.entry-title a:hover {
color: #8a8a8a;
}
.project-title__prefix + .entry-title {
margin-top: 6px;
}
.single .entry-title {
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
font-weight: 300;
font-size: 34px;
line-height: 1em;
text-transform: none;
text-indent: -2px;
letter-spacing: normal;
}
.entry-summary {
font: normal 14px/2em "Merriweather", georgia, serif;
}
.entry-content {
font: normal 16px/2em "Merriweather", georgia, serif;
}
.entry-content a {
text-decoration: none;
border-bottom: 1px solid #ebebeb;
}
.entry-content a:hover {
border-color: currentColor;
}
.entry-content a:focus {
border-color: #8a8a8a;
color: #8a8a8a;
}
.entry-content dl {
margin-top: 0;
}
.entry-content li + li {
margin-top: 10px;
}
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ol,
.entry-content ol ul {
margin: 8px 0 16px 16px;
}
.entry-content li ul,
.entry-content li ol {
padding-left: 0;
list-style-type: circle;
}
.entry-content p {
line-height: 2em;  }
.entry-content p:after {
content: " ";
display: table;
clear: both;
}
.entry-content h1 {
font-size: 27px;
}
.entry-content h2 {
font-size: 24px;
}
.entry-content h3 {
font-size: 21px;
}
.entry-content h4 {
font-size: 16px;
}
.entry-content h5 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.entry-content h6 {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.entry-content cite {
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
font-size: 13px;
font-style: normal;
color: #bdbdbd;
letter-spacing: 0.04em;
}
.entry-content cite a {
color: #bdbdbd;
border-color: currentColor;
}
.entry-content cite a:hover {
color: #111116;
}
.entry-content code {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background-color: #f3f4f5;
padding: 2px 4px;
border-radius: 2px;
color: #111116;
font-size: inherit;
}
.entry-content table,
.wp-block-table {
margin-bottom: 16px;
border-collapse: collapse;
font-size: 13px;
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
}
.entry-content table thead,
.wp-block-table thead {
text-transform: uppercase;
}
.entry-content table thead td,
.entry-content table thead th,
.wp-block-table thead td,
.wp-block-table thead th {
font-weight: 700;
}
.entry-content table td,
.entry-content table th,
.wp-block-table td,
.wp-block-table th {
border: 1px solid #ebebeb;
padding: 6px 15px;
}
.entry-content table tfoot,
.wp-block-table tfoot {
color: #8a8a8a;
}
.wp-block-table table {
margin-bottom: 0;
}
.text-light {
color: #fff;
}
.standfirst {
margin-bottom: 32px;
}
.standfirst p {
margin-bottom: 32px;
}
.standfirst p:last-child {
margin-bottom: 0;
}
.entry-meta {
font-size: 13px;
line-height: 1.5;
color: #8a8a8a;
font-weight: normal;
white-space: nowrap;
display: flex;
align-items: center;
}
.entry-meta a:hover {
color: #111116;
}
.entry-title + .entry-meta {
margin-top: 8px;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.post-edit-link {
font: normal 13px/1.6em "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
display: inline-block;
}
.single .entry-content .post-edit-link,
.page .entry-content .post-edit-link {
margin-bottom: 32px;
}
.wrap-size-full {
overflow: hidden;
}
.wrap-size-full a {
float: left;
width: 75%;
margin: 0 0 24px;
}
.wrap-size-full figcaption {
border-top: 1px solid #eaeaea;
float: left;
font: 300 16px "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
color: #aaa;
width: 22%;
margin: 0 0 0 2%;
position: relative;
padding: 7px 0 0 0;
} .entry-content img,
.comment-content img,
.widget img {
max-width: 100%; }
.entry-content img,
img[class*=align],
img[class*=wp-image-] {
height: auto; }
.entry-content img,
img.size-full {
max-width: 100%;
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.media-caption {
color: #8a8a8a;
font: 300 14px/1.45em "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
padding-top: 7px;
}
.media-caption a {
transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
color: currentColor;
text-decoration: none;
border-bottom: 1px solid;
}
.media-caption a:hover {
color: #111116;
border-bottom-color: #111116;
} .sidebar {
min-width: 272px;
max-width: 272px;
padding-right: 32px;
border-right: 1px solid #ebebeb;
word-wrap: break-word;
text-align: right;
box-sizing: border-box;
order: 1;
}
.sidebar .title {
padding: 0 0 16px;
}
.project-title__prefix {
font: normal 15px/1em "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
letter-spacing: 0.01em;
}
.project-title__prefix--small {
font-size: 12px;
}
.sidebar .viewport {
height: 100%;
overflow: hidden;
}
.sidebar .wysiwyg {
text-align: right;
float: right;
color: #8a8a8a;
font-size: 12px;
}
.sidebar .widget-password .post-password {
margin-bottom: 16px;
} .horizontal-navigation {
box-shadow: inset 0 0 0 1px #eaeaea;
min-width: 558px;
max-width: 558px;
height: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.horizontal-navigation--portfolio {
padding-left: 32px;
padding-right: 32px;
padding-bottom: 24px; box-sizing: border-box;
}
.horizontal-navigation--blog {
padding-left: 64px;
padding-right: 64px;
min-width: auto;
max-height: none;
text-align: center;
}
.horizontal-navigation--portfolio {
text-align: center;
}
.horizontal-navigation--vertical-blog {
box-shadow: none;
text-align: left;
padding: 0;
}
.horizontal-navigation--vertical-blog .current-page-number {
display: none;
}
.horizontal-navigation--vertical-blog .flex-position {
display: block;
} #sharrre-project,
.btn-appreciate {
position: relative;
color: #333;
font-size: 13px;
line-height: 16px;
padding: 0 0 3px;
border-bottom: 1px solid #eaeaea;
}
.btn-appreciate {
margin-left: 26px;
}
#sharrre-project .box {
cursor: pointer;
}
#sharrre-project:before,
.btn-appreciate:before {
position: absolute;
top: -3px;
margin: 0 0 0 -33px;
font-size: 26px;
transition: 0.3s ease;
}
#sharrre-project:before {
margin-left: -54px;
font-size: 28px;
top: -5px;
}
.btn-appreciate:hover,
#sharrre-project:hover,
#sharrre-project:hover .box .share {
color: #777;
border-bottom-color: transparent;
}
.btn-appreciate:hover:before {
color: #ec0039;
}
#sharrre-project:hover:before {
color: #0059ec;
}
#sharrre-project .count-total,
.btn-appreciate .numbers {
padding-left: 5px;
color: #ec0039;
}
#sharrre-project .count-total {
color: #0059ec;
}
.btn-appreciate.has-appreciated,
.btn-appreciate.has-appreciated:hover {
color: #ec0039;
font-weight: bold;
border-bottom: 0 none;
cursor: default;
}
.btn-appreciate.has-appreciated:before {
color: #ec0039;
} .other-projects {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px;
}
.other-projects__item-col {
min-width: 25%;
max-width: 25%;
padding: 0 8px;
box-sizing: border-box;
}
.other-projects__item {
position: relative;
display: block;
width: 100%;
padding-top: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
background-color: #eaeaea;
margin-bottom: 16px;
}
.other-projects__item-overlay {
opacity: 0;
position: absolute;
top: 0;
left: 0;
font-weight: bold;
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
color: #fff;
text-align: center;
transition: opacity 0.3s ease-out;
}
.other-projects__item--active .other-projects__item-overlay {
opacity: 1;
background: rgba(255, 242, 0, 0.7);
color: #111116;
}
.other-projects__item:hover .other-projects__item-overlay {
opacity: 1;
}
.other-projects__item-row {
min-width: 100%;
max-width: none;
padding: 0 8px;
box-sizing: border-box;
flex-wrap: wrap;
display: flex;
} .paging {
white-space: nowrap;
}
.page-numbers,
.post-page-numbers {
position: relative;
box-sizing: border-box;
display: inline-block;
line-height: 36px;
min-width: 40px;
border: 1px solid #ebebeb;
color: #111116;
font-weight: 300;
padding: 0 14px;
white-space: nowrap;
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
}
.page-numbers:hover,
.post-page-numbers:hover {
color: #111116;
border-color: #ccc;
}
.page-numbers .icon-chevron-thin-right,
.page-numbers .icon-chevron-thin-left,
.post-page-numbers .icon-chevron-thin-right,
.post-page-numbers .icon-chevron-thin-left {
position: relative;
top: 1px;
font-size: 11px;
}
.page-numbers.next:before, .page-numbers.prev:before,
.post-page-numbers.next:before,
.post-page-numbers.prev:before {
content: "\ea82";
position: absolute;
left: 50%;
font-family: "icomoon";
transform: translate(-50%, 0);
}
.page-numbers.prev:before,
.post-page-numbers.prev:before {
content: "\ea83";
}
.page-numbers + .page-numbers,
.page-numbers + .post-page-numbers,
.post-page-numbers + .page-numbers,
.post-page-numbers + .post-page-numbers {
margin-left: 8px;
}
.page-numbers--label {
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.03em;
}
.paging .current,
.post-page-numbers.current {
background: #fff200;
color: #111116;
border-color: #fff200;
cursor: default;
}
.paging .next,
.paging .prev {
white-space: nowrap;
}  .vertical-middle {
display: flex;
height: 100%;
justify-content: center;
flex-direction: column;
}
.vertical-middle--centered {
align-items: center;
text-align: center;
}
.vertical-middle--contained {
max-width: 600px;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
}
.slash {
background: url(https://meyssonnier.fr/wp-content/themes/fluxus/images/slash@2x.png) no-repeat;
background-size: auto 100%;
height: 30px;
width: 15px;
display: inline-block;
}
@media only screen and (max-width: 576px) {
.slash {
height: 21px;
}
}
.slash-text {
display: flex;
align-items: center;
} .share-widget .button {
background: none;
padding: 0;
display: block;
margin-left: 0 !important;
margin-bottom: 16px;
cursor: default;
text-align: left;
}
.share-widget .button:hover {
border: 0 none;
background: none !important;
}
.share-widget--footer {
position: relative;
border: 1px solid #ebebeb;
line-height: 21px;
float: left;
display: none;
margin-right: 16px;
}
.share-widget--footer:hover, .share-widget--footer.state-visible {
border-color: #ccc;
}
.share-widget--footer:hover .share, .share-widget--footer.state-visible .share {
color: #111116;
}
.share-widget--footer .share {
position: relative;
font-weight: normal;
float: left;
padding: 0 6px 0 7px;
display: block;
cursor: pointer;
}
.share-widget--footer .share:after {
position: relative;
font-family: "icomoon";
content: "\e927";
top: 1px;
left: 2px;
}
.share-widget--footer.state-visible .share:after {
content: "\e924";
}
.share-widget__close {
position: absolute;
top: -1px;
right: 12px;
display: block;
color: #8a8a8a;
}
.share-widget__close:hover {
color: #8a8a8a;
}
.share-widget__close:before {
position: absolute;
font-family: "icomoon";
content: "\ea84";
display: block;
line-height: 1em;
font-size: 14px;
}
.share-widget__buttons {
display: flex;
flex-wrap: wrap;
}
.share-widget__buttons .button {
min-width: 110px;
max-width: 110px;
min-height: 21px;
max-height: 21px;
}
.share-widget__buttons .button.facebook {
margin-top: 1px;
}
.share-widget__buttons .button.linkedin {
margin-top: -1px;
}
.share-widget__wrapper {
position: absolute;
background: #fff;
border: 1px solid #ccc;
padding: 16px 16px 0;
bottom: 21px;
left: -1px;
min-width: 130px;
display: none;
z-index: 1000;
}
.state-visible .share-widget__wrapper {
display: block;
}
.share-widget--project .share-widget__wrapper {
left: auto;
top: 200%;
bottom: auto;
width: 350px;
right: -90px;
}
.share-widget__title {
position: relative;
display: block;
padding: 0 20px 24px 0;
text-transform: uppercase;
font-weight: bold;
color: #8a8a8a;
box-sizing: border-box;
font-size: 13px;
line-height: 1;
} .share-widget--project {
margin: 0 0 0 80px;
}
.share-widget--project .box .share {
line-height: 16px;
font-weight: normal;
color: #333;
}
.share-widget--project .arrow {
position: absolute;
top: -5px;
right: 57px;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid #ccc;
} .aspect {
position: relative;
max-height: 100%;
}
.aspect__media,
.aspect__media iframe,
.aspect__media video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.aspect__placeholder {
display: block;
}
.aspect--fill-width .aspect__placeholder {
max-width: 100%;
height: auto;
} .lazyload-component {
max-height: 100%;
height: inherit;
}
.lazyload,
.lazyload-component__image {
display: block;
opacity: 0;
transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
max-height: 100%;
}
.lazyloaded {
opacity: 1;
} .lazyload-component__loading {
transition: 0.5s opacity ease 0.8s;
opacity: 0;
}
.lazyload-component--loaded .lazyload-component__loading {
transition: 0.5s opacity ease;
opacity: 0;
} .lazyloading + .lazyload-component__loading {
opacity: 1;
} .post-navigation {
float: left;
width: auto;
}
@media only screen and (max-width: 576px) {
.post-navigation__buttons {
display: flex;
}
.post-navigation__buttons .page-numbers {
flex-grow: 1;
width: 50%;
text-align: center;
}
} .wp-caption,
.wp-block-image figcaption,
.wp-block-video figcaption,
.wp-block-audio figcaption {
margin-bottom: 0;
color: #8a8a8a;
font: 300 14px/1.45em "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
}
.wp-caption a,
.wp-block-image figcaption a,
.wp-block-video figcaption a,
.wp-block-audio figcaption a {
transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
color: currentColor;
text-decoration: none;
border-bottom: 1px solid;
}
.wp-caption a:hover,
.wp-block-image figcaption a:hover,
.wp-block-video figcaption a:hover,
.wp-block-audio figcaption a:hover {
color: #111116;
border-bottom-color: #111116;
}
.wp-caption {
max-width: 100%;
position: relative;
margin-top: 5px;
}
.wp-caption.alignright .wp-caption-text {
text-align: right;
}
.wp-caption.aligncenter .wp-caption-text {
text-align: center;
}
.wp-caption.alignleft .wp-caption-text {
text-align: left;
}
.wp-caption img {
display: block;
} .alignleft,
.aligncenter,
.alignright {
display: block;
margin-bottom: 16px !important;
}
.alignleft {
float: left;
margin-right: 16px !important;
}
.alignright {
float: right;
margin-left: 16px !important;
}
.aligncenter {
clear: both;
margin: 0 auto !important;
}
.fluxus-modal {
position: absolute;
top: 0;
left: 50%;
transform: translate3d(-50%, -100%, 0);
max-width: 520px;
width: 100%;
background: #fff;
padding: 20px 32px 32px;
border-radius: 1px;
border-top: 3px solid #fff200;
z-index: 3;
transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), top 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.fluxus-modal--open {
transform: translate3d(-50%, -50%, 0);
top: 50%;
}
@media screen and (max-width: 660px) {
.fluxus-modal {
width: 100%;
margin: 0;
left: 0;
transform: translate3d(0, -100%, 0);
}
.fluxus-modal--open {
transform: translate3d(0, -50%, 0);
}
}
.fluxus-modal__close {
font-size: 32px;
line-height: 1;
position: absolute;
top: 16px;
right: 32px;
cursor: pointer;
}
.fluxus-modal-overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
background: rgba(0, 0, 0, 0.7);
z-index: 2;
transition: opacity 1s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
pointer-events: none;
}
.fluxus-modal-overlay--open {
opacity: 1;
}
.wp-block-gallery {
margin-bottom: 32px;
}
p + .wp-block-gallery {
margin-top: 32px;
}
.entry-content .wp-block-gallery {
margin-left: 0;
}
.entry-content .wp-block-gallery.alignleft {
margin-right: 32px;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
padding: 8px;
text-align: left;
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
font-size: 14px;
line-height: 1.4;
box-sizing: border-box;
}
.wp-block-gallery .blocks-gallery-grid {
margin-left: 0;
margin-bottom: 0;
}
.wp-block-spacer {
clear: both;
}
.wp-block-quote,
.entry-content blockquote {
position: relative;
margin: 0 0 32px;
padding-top: 8px;
padding-left: 76px;
line-height: 1.4;
min-height: 60px;
box-sizing: border-box;
border: 0 none;
}
.wp-block-quote:before,
.entry-content blockquote:before {
content: "“";
width: 60px;
height: 60px;
background-color: #fff200;
color: #111116;
border-radius: 100%;
display: block;
font-size: 40px;
box-sizing: border-box;
padding: 20px 0 0 16px;
font-family: "Merriweather", georgia, serif;
line-height: 1;
text-align: left; position: absolute;
top: 0;
left: 0;
}
.wp-block-quote p,
.entry-content blockquote p {
font-family: "Merriweather", georgia, serif;
margin: 0;
line-height: 1.4em;
}
.wp-block-quote cite,
.entry-content blockquote cite {
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
font-size: 13px;
font-style: normal;
color: #bdbdbd;
letter-spacing: 0.04em;
display: block;
}
.wp-block-quote cite a,
.entry-content blockquote cite a {
color: #bdbdbd;
border-color: currentColor;
}
.wp-block-quote cite a:hover,
.entry-content blockquote cite a:hover {
color: #111116;
}
.wp-block-quote.is-style-large,
.entry-content blockquote.is-style-large {
padding: 8px 0 0 76px;
margin-bottom: 32px;
}
.wp-block-quote.is-style-large p,
.entry-content blockquote.is-style-large p {
font-size: 22px;
line-height: 1.6em;
font-style: normal;
}
.wp-block-quote.is-style-large cite,
.entry-content blockquote.is-style-large cite {
text-align: left;
margin-top: 8px;
}
.featured-media .wp-block-quote,
.featured-media .entry-content blockquote {
margin-bottom: 0;
}
.wp-block-quote--white,
.wp-block-quote--white cite {
color: #fff !important;
}
.wp-block-quote--black,
.wp-block-quote--black cite {
color: #111116 !important;
}
.wp-block-latest-comments__comment-meta {
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
font-size: 13px;
}
.wp-block-latest-comments__comment-author {
font-weight: bold;
font-style: normal;
font-size: 13px;
}
.entry-content .wp-block-latest-comments__comment-author {
border: 0 none;
}
.wp-block-latest-comments__comment-excerpt {
max-width: 500px;
}
.wp-block-latest-comments__comment-excerpt p {
font-size: 14px !important;
line-height: 1.6em !important;
}
.wp-block-latest-comments__comment + .wp-block-latest-comments__comment {
margin-top: 16px;
}
.wp-block-search {
max-width: 400px;
}
.wp-block-search__input {
padding-left: 8px;
padding-right: 8px;
}
.has-drop-cap:not(:focus)::first-letter {
font-size: 64px;
line-height: 54px;
margin: 6px 4px 0 0;
}
.has-drop-cap:not(:focus)::after {
padding-top: 0;
}
.wp-block-file:hover a {
border-color: currentColor;
}
.wp-block-video figcaption {
margin-top: 0;
}
.wp-block-embed__wrapper .instagram-media,
.wp-block-embed__wrapper .instagram-media[style],
.wp-block-embed__wrapper .twitter-tweet,
.wp-block-embed__wrapper .twitter-tweet[style] {
margin-left: auto !important;
margin-right: auto !important;
}
.wp-block-embed__wrapper .instagram-media,
.wp-block-embed__wrapper .instagram-media[style] {
max-width: 300px !important;
}
.wp-block-separator,
hr {
margin-top: 16px;
background-color: #ebebeb;
border: 0;
height: 1px;
max-width: 100px;
}
.wp-block-separator.is-style-wide,
hr.is-style-wide {
max-width: none;
}
.fluid-width-container .wp-block-separator.is-style-wide,
.fluid-width-container hr.is-style-wide {
width: 142.8571428571%;
width: calc(142.8571428571% + 32px);
margin-left: -32px;
}
.wp-block-separator.is-style-dots,
hr.is-style-dots {
height: auto;
background: none;
}
.wp-block-separator.is-style-dots:before,
hr.is-style-dots:before {
font-size: 40px;
letter-spacing: 10px;
color: #e0e0e0;
padding: 0;
}
.wp-block-cover {
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.04em;
}
.wp-block-file .wp-block-file__textlink,
.wp-block-file a {
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
border-bottom: 0 none;
font-weight: bold;
font-size: 13px;
}
.wp-block-file .wp-block-file__button,
.wp-block-file a.wp-block-file__button {
border-radius: 0;
color: #111116;
margin-left: 16px;
}
.wp-block-file .wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:hover {
background-color: #e0e0e0;
color: #333;
}
.wp-block-file .wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:focus {
color: #ccc;
}
.wp-block-code {
border-style: solid;
border-radius: 0;
padding: 16px;
margin-top: 0;
margin-bottom: 16px;
}
.wp-block-code code {
font-family: "Menlo", "Consolas", "monaco", monospace;
background: none;
line-height: 1.5;
display: block;
}
.wp-block-pullquote {
box-sizing: border-box;
padding: 20px 0;
text-align: left;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
margin-bottom: 32px;
}
.wp-block-pullquote blockquote {
padding: 0;
max-width: 500px !important;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.wp-block-pullquote blockquote::before {
position: relative;
left: 50%;
margin-left: -30px;
margin-bottom: 16px;
}
.wp-block-pullquote.is-style-solid-color {
padding-top: 32px;
padding-bottom: 32px;
border-top: 0 none;
border-bottom: 0 none;
}
.wp-block-pullquote p {
font-size: 22px !important;
line-height: 1.6em;
}
.wp-block-pullquote cite {
margin-top: 8px;
}
.wp-block-pullquote.has-cyan-bluish-gray-background-color cite {
color: #111116;
}
.wp-block-verse {
border: 0 none;
line-height: 1.6;
padding: 0;
font-family: "Menlo", "Consolas", "monaco", monospace;
}
.wp-block-button__link {
cursor: pointer;
font: normal 12px/15px "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
padding: 10px 16px 11px;
display: inline-block;
border-radius: 1px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
text-decoration: none !important;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.1em;
border: 0;
transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.entry-content .wp-block-button__link {
border-bottom: 0 none;
}
.wp-block-button__link:not(.has-text-color) {
color: #111116;
}
.wp-block-button__link:not(.has-text-color):hover {
color: #333;
}
.wp-block-button__link:not(.has-background) {
background-color: #eaeaea;
}
.wp-block-button__link:not(.has-background):hover {
background-color: #e0e0e0;
}
.wp-block-button__link:not(.has-background):focus {
background-color: #ccc;
}
.wp-block-archives li + li {
margin-top: 0;
}
.wp-block-archives.wp-block-archives-dropdown {
margin-left: 0;
}
.wp-block-archives.aligncenter {
text-align: center;
list-style: none;
}
.wp-block-calendar table,
#wp-calender {
border-collapse: collapse;
font-size: 13px;
font-weight: normal;
}
.wp-block-calendar table th,
.wp-block-calendar table td,
#wp-calender th,
#wp-calender td {
border: 1px solid #ebebeb;
text-align: center;
color: #8a8a8a;
}
.wp-block-calendar table th,
#wp-calender th {
color: #666;
background: #f5f5f5;
font-weight: normal;
}
.wp-block-calendar table tbody td a,
#wp-calender tbody td a {
background: #fff200;
display: block;
}
.wp-block-calendar table tbody td a:hover,
#wp-calender tbody td a:hover {
background: #111116;
color: #fff;
}
.wp-block-calendar table caption,
#wp-calender caption {
text-align: right;
padding: 0 0 5px 0;
color: #ccc;
}
.wp-block-calendar table #prev,
#wp-calender #prev {
border-right: 0 none;
}
.wp-block-calendar table #next,
#wp-calender #next {
border-left: 0 none;
border-right: 1px solid #ebebeb;
}
.wp-block-calendar table tfoot .pad,
#wp-calender tfoot .pad {
border-left: 0 none;
border-right: 0 none;
}
.wp-block-categories li + li {
margin-top: 0;
}
.wp-block-categories.wp-block-categories-dropdown {
margin-left: 0;
}
.wp-block-categories.aligncenter {
text-align: center;
list-style: none;
}
.wp-block-latest-posts li + li {
margin-top: 0;
}
.wp-block-social-links, .entry-content .wp-block-social-links {
margin-left: 0;
}
.wp-block-social-links li + li {
margin-top: 0;
}
.wp-block-buttons .wp-block-button {
margin: 0;
}
.wp-block-buttons .wp-block-button + .wp-block-button {
margin-left: 16px;
}
.vertical__post + .vertical__post:before, .entry-navigation:before {
content: " ";
width: 100%;
height: 0;
border-top: 1px solid #ebebeb;
display: block;
position: absolute;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .wp-block-gallery .blocks-gallery-caption {
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
line-height: 1.4em;
margin-bottom: 16px;
}
.entry-content p + h1, .entry-content p + h2, .entry-content p + h3, .entry-content p + h4, .entry-content p + h5, .entry-content p + h6, .wp-block-gallery p + .blocks-gallery-caption {
margin-top: 32px;
}
.standfirst, .standfirst p {
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
font-size: 22px;
line-height: 1.6em;
font-weight: 300;
}
.entry-content dl, .entry-content address, .entry-content p, .wp-block-search, .wp-block-audio, .wp-block-file, .wp-block-video, .wp-block-embed, .wp-block-latest-comments, .wp-block-media-text, .wp-block-separator,
hr, .wp-block-button, .wp-block-latest-posts, .wp-block-buttons {
margin-bottom: 16px;
}
.entry-date,
.comment-time, .wp-block-latest-comments__comment-date, .wp-block-latest-posts .wp-block-latest-posts__post-date {
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
text-transform: none;
color: #bdbdbd;
font-size: 12px;
white-space: nowrap;
}
.page-title,
.entry-title,
.sidebar .title {
font: 700 24px "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.04em;
word-wrap: break-word;
}
.wp-block-preformatted {
font-family: "Menlo", "Consolas", "monaco", monospace;
font-size: 13px;
line-height: 1.3;
margin: 0 0 16px;
padding: 1.6em;
overflow: auto;
max-width: 100%;
color: #111116;
border: 1px dashed #ebebeb;
white-space: pre-wrap;
background-color: #fff;
}
.wp-block-latest-comments {
list-style: none;
margin-left: 0 !important;
}
.entry-content ul,
.entry-content ol, .wp-block-archives, .wp-block-categories, .wp-block-latest-posts {
margin: 0 0 16px 32px;
padding-left: 0;
}
.wp-block-archives .wp-block-archives__post-count, .wp-block-categories .wp-block-categories__post-count {
position: relative;
margin-left: 4px;
top: -1px;
vertical-align: middle;
font-size: 14px;
}
.widget-title, .wp-block-search__label {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
}
.wp-block-column {
margin-bottom: 32px;
}
.wp-block-column p:last-child {
margin-bottom: 0;
}
.wp-block-image figcaption {
margin-top: 0;
}
.wp-block-image:after {
content: " ";
display: table;
clear: both;
} .button,
.sidebar input[type=submit],
.sidebar button,
#searchsubmit,
.wp-block-file .wp-block-file__button {
cursor: pointer;
font: normal 12px/15px "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
padding: 10px 16px 11px;
display: inline-block;
border-radius: 1px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
text-decoration: none !important;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.1em;
border: 0;
transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #111116;
background-color: #eaeaea;
}
.entry-content .button,
.entry-content .sidebar input[type=submit],
.entry-content .sidebar button,
.entry-content #searchsubmit,
.entry-content .wp-block-file .wp-block-file__button {
border-bottom: 0 none;
}
.button:hover,
.sidebar input[type=submit]:hover,
.sidebar button:hover,
#searchsubmit:hover,
.wp-block-file .wp-block-file__button:hover {
color: #333;
}
.button:hover,
.sidebar input[type=submit]:hover,
.sidebar button:hover,
#searchsubmit:hover,
.wp-block-file .wp-block-file__button:hover {
background-color: #e0e0e0;
}
.button:focus,
.sidebar input[type=submit]:focus,
.sidebar button:focus,
#searchsubmit:focus,
.wp-block-file .wp-block-file__button:focus {
background-color: #ccc;
}
.sidebar input[type=submit],
.sidebar button,
#searchsubmit {
margin-left: 16px;
}
.entry-content .button {
margin-right: 10px;
}
.button + .button {
margin-left: 10px;
}
.button[class^=icon-]:before, .button[class*=" icon-"]:before {
margin-right: 5px;
}
.button-big {
padding: 15px 24px 16px;
font-weight: 700;
}
.button-big:before {
margin: 0 5px 0 -4px;
}
.button-black {
background: #111116;
color: #fff;
}
.button-black:hover {
background: #222226;
color: #fff;
}
.button--accent,
.button-accent,
.button-yellow {
background-color: #fff200;
color: #111116;
}
.button--accent:hover,
.button-accent:hover,
.button-yellow:hover {
background: #ffd300;
color: #111116;
}
.button-blue {
background: #619ec2;
color: #fff;
}
.button-blue:hover {
background: #5386a5;
color: #fff;
}
.button-green {
background: #35d59b;
color: #fff;
}
.button-green:hover {
background: #2fbe79;
color: #fff;
}
.button-red {
background: #d1562b;
color: #fff;
}
.button-red:hover {
background: #bf4115;
color: #fff;
}
.button-blended {
background-color: transparent;
}
.button-blended:hover {
background-color: transparent;
opacity: 0.8;
}
.decoration {
width: 15px;
height: 2px;
background-color: #111116;
background-color: currentColor;
vertical-align: middle;
}
.sidebar .decoration {
position: absolute;
right: 0;
}
.decoration-block {
position: relative;
display: block;
height: 32px;
}
.decoration-block:after {
width: 15px;
height: 2px;
background-color: #111116;
background-color: currentColor;
vertical-align: middle;
transform: translate3d(-50%, -50%, 0);
position: absolute;
top: 50%;
left: 50%;
display: block;
content: " ";
}
.project-title__decoration {
height: 32px;
}
.project-title__decoration .decoration {
transform: translate3d(-50%, -50%, 0);
}
span.decoration {
display: inline-block;
}
.decoration--spaced {
margin-bottom: 5px;
} .fluxus-loading {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
transition: 0.2s opacity ease 2s;
}
.fluxus-loading + .swiper-lazy-loading,
.fluxus-loading--visible {
opacity: 1;
}
.fluxus-loading__indicator {
width: 20px;
height: 20px;
background: #fff200;
border-radius: 50%;
-webkit-animation: blinker 0.3s infinite linear;
animation: blinker 0.3s infinite linear;
}
@keyframes blinker {
0%, 100% {
opacity: 0;
}
50% {
opacity: 1;
}
} .gallery {
display: flex;
flex-wrap: wrap;
margin-left: -16px;
margin-right: -16px;
}
@media only screen and (max-width: 768px) {
.gallery {
margin-left: -8px;
margin-right: -8px;
}
}
.gallery-item {
position: relative;
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 32px;
}
@media only screen and (max-width: 768px) {
.gallery-item {
padding-left: 8px;
padding-right: 8px;
margin-bottom: 16px;
}
}
@media only screen and (max-width: 576px) {
.gallery-item {
width: 50% !important;
}
}
.gallery-item a {
display: block;
border: 0 none !important;
}
.gallery-item img {
display: block;
width: 100%;
height: auto;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.3333333333%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6666666667%;
}
.gallery-columns-7 .gallery-item {
width: 14.2857142857%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.1111111111%;
}
.gallery-caption {
position: relative;
box-sizing: border-box;
padding: 4px 0 0 0;
font: 300 13px/1.3em "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
pointer-events: none;
margin: 0 !important;
border: 0 none;
width: auto;
text-align: center;
} .fluxus-gallery a {
border-bottom: 0 none;
}
.fluxus-gallery .gallery-item {
position: relative;
float: left;
overflow: hidden;
margin: 0 3% 0 0 !important;
padding: 0;
}
.fluxus-gallery .gallery-item:before {
content: "";
display: block;
padding-top: 100%;
}
.fluxus-gallery .gallery-item .gallery-icon {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transform-origin: top center;
transform: scale(1);
transition: 0.6s ease-out;
}
.fluxus-gallery .gallery-item .gallery-icon:hover {
transform: scale(1.1);
}
.fluxus-gallery .gallery-item .gallery-icon > a {
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.fluxus-gallery img {
display: none;
}
.fluxus-gallery.gallery-columns-1 .gallery-item {
width: 100%;
margin: 0 0 35px !important;
}
.fluxus-gallery.gallery-columns-2 .gallery-item {
width: 48.5%;
margin: 0 3% 3% 0 !important;
}
.fluxus-gallery.gallery-columns-3 .gallery-item {
margin: 0 3.5% 3.5% 0 !important;
width: 31%;
}
.fluxus-gallery.gallery-columns-4 .gallery-item {
margin: 0 2% 2% 0 !important;
width: 23.5%;
}
.fluxus-gallery.gallery-columns-5 .gallery-item {
margin: 0 1.5% 1.5% 0 !important;
width: 18.8%;
}
.fluxus-gallery.gallery-columns-6 .gallery-item {
margin: 0 1% 1% 0 !important;
width: 15.82%;
}
.fluxus-gallery.gallery-columns-7 .gallery-item {
margin: 0 1% 1% 0 !important;
width: 13.42%;
}
.fluxus-gallery.gallery-columns-8 .gallery-item {
margin: 0 1% 1% 0 !important;
width: 11.6%;
}
.fluxus-gallery.gallery-columns-9 .gallery-item {
margin: 0 1% 1% 0 !important;
width: 10.2%;
}
.fluxus-gallery.gallery-columns-2 dl:nth-child(2n), .fluxus-gallery.gallery-columns-3 dl:nth-child(3n), .fluxus-gallery.gallery-columns-4 dl:nth-child(4n), .fluxus-gallery.gallery-columns-5 dl:nth-child(5n), .fluxus-gallery.gallery-columns-6 dl:nth-child(6n), .fluxus-gallery.gallery-columns-7 dl:nth-child(7n), .fluxus-gallery.gallery-columns-8 dl:nth-child(8n), .fluxus-gallery.gallery-columns-9 dl:nth-child(9n) {
margin-right: 0 !important;
} .comments-area {
margin: 32px 0 0 0;
}
.comments-area ul,
.comments-area ol {
list-style: none;
}
.comments-area .children {
margin-top: -32px;
margin-left: 32px;
padding-left: 16px;
border-left: 1px solid #ebebeb;
}
.comments-title {
text-align: left;
margin: 0 0 20px;
}
.comment-author-info {
padding: 0 0 0 88px;
}
.comment-author {
min-height: 76px;
padding: 0 0 8px 0;
}
.comment-author .avatar {
border-radius: 100%;
position: absolute;
width: 76px;
height: auto;
}
.bypostauthor-icon {
position: relative;
top: -1px;
font-size: 11px;
line-height: 1em;
color: #bdbdbd;
margin-left: 8px;
text-transform: uppercase;
font-weight: bold;
}
.bypostauthor-icon:before {
content: " ";
position: relative;
top: 1px;
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #fff200;
margin-right: 4px;
}
.comment-meta {
font-size: 13px;
line-height: 1em;
}
.comment-actions {
margin: 8px 0 0;
overflow: hidden;
}
#cancel-comment-reply-link,
.comment-actions a {
cursor: pointer;
font: normal 12px/15px "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
padding: 10px 16px 11px;
display: inline-block;
border-radius: 1px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
text-decoration: none !important;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.1em;
border: 0;
transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #111116;
background-color: #eaeaea;
font-size: 11px;
padding: 4px 8px 5px;
}
.entry-content #cancel-comment-reply-link,
.entry-content .comment-actions a {
border-bottom: 0 none;
}
#cancel-comment-reply-link:hover,
.comment-actions a:hover {
color: #333;
}
#cancel-comment-reply-link:hover,
.comment-actions a:hover {
background-color: #e0e0e0;
}
#cancel-comment-reply-link:focus,
.comment-actions a:focus {
background-color: #ccc;
}
.comment-content {
font-family: "Merriweather", georgia, serif;
font-size: 14px;
line-height: 1.6em;
max-width: 500px;
}
.comment-content p {
margin-bottom: 16px;
line-height: 2;
}
.comment {
margin-bottom: 64px;
}
.comment footer em {
font-style: normal;
font-style: normal;
font-size: 13px;
color: #8a8a8a;
border: 1px solid #ebebeb;
padding: 5px 10px;
}
.form-allowed-tags {
font-size: 12px;
color: #666;
padding: 10px 10px 10px 0;
}
.form-allowed-tags code {
font-size: 11px;
}
.comment-reply-title {
font-size: 13px;
text-transform: uppercase;
margin: 0 0 16px;
font-weight: bold;
}
.comment-reply-title small {
float: right;
font-size: 1em;
}
.logged-in-as {
font: normal 16px/25px "Merriweather", georgia, serif;
margin: 0 0 10px;
background: #fbf3d8;
border: 1px solid #ede3c8;
padding: 8px 16px;
}
.logged-in-as a {
border-bottom: 1px solid #333;
}
.logged-in-as a:hover {
border-bottom-color: #ccc;
}
.comment-respond {
padding: 20px;
border-top: 2px solid #111116;
background: #f9f9f9;
}
.comment-form {
color: #757575;
}
.comment-form label {
font-size: 13px;
}
.comment-form .required {
font-size: 16px;
color: #f00;
font-weight: bold;
line-height: 1;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-cookies-consent {
display: flex;
margin-bottom: 16px;
align-items: center;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-cookies-consent label {
width: 100%;
max-width: 150px;
}
.comment-form-comment {
margin-bottom: 16px;
}
.comment-form-comment label {
margin-bottom: 8px;
margin-top: 8px;
display: block;
}
.comment-form-cookies-consent label {
max-width: none;
}
.comment-form-cookies-consent input {
margin-right: 8px;
}
.comment-notes {
font-size: 13px;
}
.comment-navigation {
margin: 32px 0;
} .comment-subscription-form {
margin-top: 10px;
}
.comment-subscription-form input {
margin: 3px 0 0 0;
}
.comment-subscription-form:last-child {
margin-bottom: 0;
} .widget {
margin: 0 0 24px;
position: relative;
overflow: hidden;
}
.widget:last-child {
margin-bottom: 0;
}
.widget a {
color: #8a8a8a;
font-size: 13px;
border-bottom: 1px solid #ebebeb;
padding: 0 0 2px;
}
.widget a:hover {
color: #111116;
border-bottom-color: #111116;
}
.widget ul {
list-style: none;
}
.widget ul ul {
margin: 4px 16px 4px 0;
}
.widget li {
margin: 0 0 4px;
}
.widget li:last-child {
margin-bottom: 0;
}
.widget .current_page_item > a,
.widget li a.active,
.widget .current-cat a {
color: #111116;
padding-bottom: 2px;
border-bottom: 1px solid #111116;
}
.widget li a.active .hash {
color: #111116;
}
.widget-title a {
color: inherit;
}
.sidebar .widget-title {
padding: 6px 0;
} .widget_search {
margin-bottom: 32px;
}
.widget_search .field {
margin-bottom: 8px;
}
#searchform input {
vertical-align: top;
}
.textwidget {
font: normal 13px/24px "Merriweather", georgia, serif;
color: #111116;
}
.textwidget a {
padding-bottom: 0;
}
.textwidget p {
margin: 0 0 10px;
}
.textwidget p:last-child {
margin-bottom: 0;
}
.textwidget img {
width: 100%;
height: auto;
} .textwidget ul.link-list li {
font: normal 13px/18px "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
} .textwidget .list {
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
}
.widget-content {
margin: 3px 0 0 0;
font-size: 13px;
color: #8a8a8a;
padding-bottom: 2px; } .widget .count {
color: #ccc;
min-width: 23px;
padding: 0 0 0 5px;
display: inline-block;
font-size: 13px;
}
.widget .recentcomments {
color: #aaa;
font-size: 13px;
margin: 0 0 10px;
}
.widget .recentcomments a:before {
content: " ";
display: block;
}
.widget_rss .rsswidget {
display: block;
color: #222;
text-transform: uppercase;
margin: 0;
}
.widget_rss .rss-date {
color: #ccc;
}
.widget_rss .rsswidget img {
display: none;
}
.widget_rss .rssSummary {
margin: 5px 0 0;
color: #8a8a8a;
}
.widget_rss cite {
display: inline-block;
color: #ccc;
font-style: normal;
}
.widget_rss cite:before {
content: "—";
position: absolute;
margin: 0 0 0 -18px;
color: #ccc;
}
.widget_tag_cloud .tagcloud {
padding: 0 0 0 5px;
}
.widget_tag_cloud .tagcloud a {
line-height: 1.2em;
}
#wp-calendar {
border-collapse: collapse;
font-size: 13px;
font-weight: normal;
}
.widget_recent_entries .post-date {
font-size: 12px;
color: #ccc;
text-transform: uppercase;
white-space: nowrap;
display: block;
} .fluxus-posted-on time {
font-size: 13px;
color: #777;
font-weight: normal;
}  .page-template-template-full-width-php .site {
margin: 0 auto;
}
.page-template-template-full-width-php .entry-header {
text-align: center;
margin: 32px 0;
}
.page-template-template-full-width-php .page-title {
font-size: 30px;
} .page-template-template-full-page-slider-php .site {
overflow: hidden;
}
.slider {
width: 100%;
height: 100%;
position: relative;
}
.slider .slide {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
margin: 0 30px 0 0;
position: absolute;
opacity: 0;
z-index: 10;
visibility: hidden;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: translate3d(0, 0, 0);
-webkit-perspective: 1000;
}
.slider .image-top-center {
background-position: top center;
}
.slider .image-center-center {
background-position: center center;
}
.slider .image-bottom-center {
background-position: bottom center;
}
.slider .image-fit {
background-size: auto 100%;
background-position: center;
}
.slider .image-contain {
background-size: contain;
background-position: center;
}
.slider .image-fit-horizontally {
background-size: 100% auto;
background-position: center;
}
.slider .slide.active {
z-index: 50;
} .slide .info {
width: 365px;
overflow: hidden;
position: relative;
text-align: center;
padding: 0 20px;
color: #111116;
opacity: 0;
transition: opacity 0.5s;
}
.slide .info .viewport {
padding: 20px 0 15px;
}
.slide .info.white {
color: #fff;
}
.slide .info.white .decoration {
border-color: #fff;
} .slide .style-default .slide-title {
font-size: 40px;
line-height: 1em;
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0 0 36px;
font-weight: 700;
}
.slide .style-default .slide-subtitle {
font: normal 16px/1.2em "Merriweather", georgia, serif;
margin: 0 1px 5px 0;
}
.slide .style-default .decoration {
top: auto;
width: 20px;
margin: -16px 0 0 -10px;
left: 50%;
border-color: #111116;
}
.slide .style-default .description {
font-size: 14px;
line-height: 1.7em;
}
.slide .style-default .button {
color: #fff;
background: #111116;
margin: 13px 0 0 0;
padding-left: 15px;
padding-right: 15px;
line-height: 30px;
font-size: 13px;
border-radius: 2px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
transition: color 0.15s ease-out, background-color 0.15s ease-out;
}
.slide .style-default .button:hover {
color: #111116;
background: #fff200;
}
.slide .style-default.white .button {
color: #111116;
background: #fff;
}
.slide .style-default.white .button:hover {
color: #fff;
background: #111116;
}
.radial-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.66) 100%);
transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
} .project .hover-box {
text-align: center;
color: #fff;
opacity: 0;
}
.project:hover .hover-box {
opacity: 1;
}
.hover-box-contents {
position: absolute;
top: 50%;
left: 10%;
width: 80%;
transform: translate(0, -50%);
font-size: 16px;
line-height: 1.6em;
}
.hover-box .excerpt {
max-width: 700px;
margin: 0 auto 25px;
}
.entry-tags {
color: #111116;
font-size: 13px;
position: relative;
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
}
.fluxus-project-types a,
.entry-tags a {
color: currentColor;
text-transform: lowercase;
text-decoration: none;
margin: 0 5px 0 0;
border-bottom: 0 none;
}
.entry-tags a:hover {
color: #111116;
}
.fluxus-project-types a .hash,
.entry-tags a .hash {
color: #111116;
font-weight: normal;
}
.entry-tags a:hover .hash {
color: #111116;
}
.fluxus-project-types a,
.fluxus-project-types a .hash {
color: #8a8a8a;
font-weight: normal;
position: relative;
}
.entry-navigation {
position: relative;
margin: 32px 0 64px;
padding-top: 32px;
overflow: hidden;
}
.entry-navigation:before {
left: 0;
top: 0;
}
.entry-navigation h3 {
color: #111116;
font-size: 13px;
line-height: 1em;
margin: 0 0 16px;
font-weight: bold;
text-transform: uppercase;
}
.entry-navigation .entry-tags {
float: right;
} .layout-portfolio-grid-vertical { overflow-y: scroll;
}
.portfolio-grid {
height: 100%;
width: 100%;
opacity: 0;
transition: opacity 0.4s ease-in;
}
.portfolio-grid--loaded {
opacity: 1;
}
.grid-project {
position: absolute;
width: 180px;
height: 120px;
transition: top 0.5s, left 0.5s;
}
.grid-project__preview {
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #eaeaea;
}
.grid-project[data-cropping="center top"] .grid-project__preview {
background-position: center top !important;
}
.grid-project[data-cropping="right top"] .grid-project__preview {
background-position: right top !important;
}
.grid-project[data-cropping="right 20%"] .grid-project__preview {
background-position: right 20% !important;
}
.grid-project[data-cropping="right center"] .grid-project__preview {
background-position: right center !important;
}
.grid-project[data-cropping="right bottom"] .grid-project__preview {
background-position: right bottom !important;
}
.grid-project[data-cropping="center bottom"] .grid-project__preview {
background-position: center bottom !important;
}
.grid-project[data-cropping="left bottom"] .grid-project__preview {
background-position: left bottom !important;
}
.grid-project[data-cropping="left center"] .grid-project__preview {
background-position: left center !important;
}
.grid-project[data-cropping="left 20%"] .grid-project__preview {
background-position: left 20% !important;
}
.grid-project[data-cropping="left top"] .grid-project__preview {
background-position: left top !important;
}
.grid-project__overlay {
cursor: pointer;
pointer-events: none;
opacity: 0;
}
.grid-project:hover .grid-project__overlay {
opacity: 1;
}
.mobile-device .grid-project__overlay {
opacity: 1;
background: linear-gradient(10deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 10%, rgba(255, 255, 255, 0) 100%);
}
.password-required,
.private-post {
font-size: 12px;
color: #8a8a8a;
font-weight: bold;
letter-spacing: 0.03em;
margin-top: 4px;
text-transform: uppercase;
}
.grid-project__inner {
position: absolute;
top: 50%;
width: 100%;
padding: 0 10px;
text-align: center;
display: block;
box-sizing: border-box;
color: #fff;
transform: translate3d(0, -50%, 0);
}
.grid-project__inner:hover {
color: #fff;
}
.mobile-device .grid-project__inner {
left: 0;
bottom: 0;
top: auto;
text-align: left;
padding: 16px;
transform: none;
} .horizontal-media {
display: block;
position: relative;
max-height: 100%;
white-space: normal; }
.horizontal-media .aspect__media {
background-color: #f1f1f1;
}
.horizontal-media,
.horizontal-media .aspect { height: inherit;
}
.horizontal-media .aspect__placeholder {
display: block;
height: 100%;
width: auto; max-height: 100%;
min-width: 288px;
}
.horizontal-media .lazyload-component__image {
height: 100%;
}
.horizontal-media .plyr {
height: 100%;
}
.portfolio-single--onclick-scroll .horizontal-media[data-type=image] img, .portfolio-single--onclick-lightbox .horizontal-media[data-type=image] img, .portfolio-single--onclick-lightbox-or-scroll .horizontal-media[data-type=image] img {
cursor: pointer;
} .horizontal-posts .post {
max-width: 583px;
}
.horizontal-posts .post .byline {
margin: 2px 0 -5px;
}
.entry-header {
margin-bottom: 16px;
}
.entry-header img {
width: 100%;
height: auto;
display: block;
}
.entry-header + .fluid-width-container {
margin-top: 32px;
}
.entry-header__title {
flex-grow: 1;
margin-bottom: 0;
}
.entry-header__slash { margin-top: -4px;
}
.entry-header--with-meta {
display: flex;
align-items: flex-start;
margin-bottom: 4px;
}
.entry-meta {
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
color: #bdbdbd;
}
.entry-meta a {
color: #bdbdbd;
}
.sticky-indicator {
background-color: #fff200;
width: 16px;
height: 16px;
border-radius: 100%;
display: inline-block;
}
.entry-title .sticky-indicator {
margin-left: 2px;
} .tag-navigation {
border-top: 1px solid #eaeaea;
position: relative;
padding: 3px 0 0 0;
}
.tag-navigation h1 {
padding: 0 30px 0 0;
font-weight: normal;
font-size: 13px;
text-transform: uppercase;
float: left;
}
.tag-navigation a {
float: left;
color: #8a8a8a;
font-size: 13px;
margin: 0 10px 0 0;
display: block;
}
.tag-navigation a:hover {
color: #111116;
}
.featured-media {
position: relative; margin-bottom: 16px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
width: 100%;
}
.single .featured-media {
margin-bottom: 32px;
}
.featured-media:empty {
display: none;
}
.featured-media:empty + .text-contents { padding-top: 4px;
}
.featured-media__img {
display: block;
width: auto;
height: auto;
max-width: 100%;
}
.horizontal-content__item .featured-media__img {
height: 328px;
}
@media only screen and (max-width: 768px) {
.horizontal-content__item .featured-media__img {
height: auto;
}
}
.single .featured-media__text, .vertical__post .featured-media__text {
padding: 64px 32px;
}
.single .post--featured-image .featured-media__text, .vertical__post .post--featured-image .featured-media__text, .horizontal-content .featured-media__text {
transform: translate3d(0, -50%, 0);
position: absolute;
top: 50%;
width: 100%;
box-sizing: border-box;
padding-left: 32px;
padding-right: 32px;
}
.post-image__cover {
position: absolute;
top: 50%;
left: 0;
padding: 32px 0;
width: 100%;
background: #111116;
background: rgba(0, 0, 0, 0.5);
display: inline-block;
text-align: center;
transform: translate(0, -50%);
box-sizing: border-box;
color: #fff;
}
.post-image__cover h1 {
font-size: 32px;
line-height: 1em;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
letter-spacing: 0.06em;
}
.post-image__cover p {
text-transform: uppercase;
font-size: 11px;
margin-top: 8px;
font-weight: bold;
letter-spacing: 0.1em;
}
.post-image__cover a {
color: currentColor;
}
.post-image__cover p a:hover {
text-decoration: underline;
} .horizontal-posts .format-aside .entry-content {
margin-top: 0;
}
.link-to-image {
border: 0 none !important;
} .post-link {
text-align: center;
}
.post-link a {
font-size: 21px;
border-bottom: 2px solid;
display: inline-block;
}
.post-link a:hover {
color: #8a8a8a;
}
.post-link p {
color: #bdbdbd;
margin-top: 8px;
}
.wp-post-image {
width: auto;
} .vertical__post {
margin-bottom: 32px;
}
.vertical__post + .vertical__post {
margin-top: 32px;
padding-top: 32px;
}
.vertical__post + .vertical__post:before {
margin-top: -32px;
left: 0;
}
.vertical__post .post_format-post-format-link.post--no-featured-image .featured-media__img,
.vertical__post .post_format-post-format-quote.post--no-featured-image .featured-media__img {
display: none;
}
.vertical__post .post_format-post-format-quote.post--featured-image .featured-media,
.vertical__post .post_format-post-format-link.post--featured-image .featured-media {
padding-top: 0;
padding-bottom: 0;
}
.wrap-excerpt-more {
margin-top: 8px;
}
.wrap-excerpt-more:first-child {
margin-top: 0;
}
.excerpt-more {
font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
border-bottom: 1px solid #ebebeb;
padding-bottom: 3px;
color: #111116;
white-space: nowrap;
font-size: 14px;
}
.excerpt-more:hover {
border-color: #111116;
}
.vertical-blog .thumbnail img {
height: auto;
width: auto;
max-width: 100%;
max-height: none;
} .page .entry-content {
clear: both;
}
.page-with-background {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
transition: none;
} #map-dim,
#map {
width: 100%;
height: 100%;
position: absolute;
}
#map-dim {
background: #111116;
opacity: 0.7;
}
#map-dim.dim-image {
opacity: 0.35;
}
.button-close-map {
position: absolute;
top: 15px;
right: 0;
z-index: 1001;
display: none;
transform: translate(100%, 0);
transition: 0.3s ease-in;
}
.button-close-map:before {
font-size: 10px;
}
.button-close-map--visible {
right: 15px;
transform: translate(0, 0);
}
.page-contacts .site-content {
position: relative;
width: 100%;
overflow: hidden;
}
.page-contacts .contacts-background {
width: 100%;
height: 100%;
position: absolute;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page-contacts .site-content .page {
position: relative;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
width: 100%;
max-width: 720px;
max-height: 100%;
}
.page-contacts .site-content .page .viewport {
padding: 20px 0;
}
.page-contacts .entry-content a {
color: #fff;
}
.page-contacts .entry-content .button,
.button-close-map {
background: #fff200;
color: #111116;
}
.page-contacts .entry-content .button:hover,
.button-close-map:hover {
background: #ffd300;
}
.page-contacts .site-content .page .entry-content {
margin-top: 15px;
}
.page-contacts .site-content .entry-header,
.page-contacts .site-content .entry-content {
color: #fff;
}
.page-contacts .site-content .entry-content {
width: 100%;
}
.contact-details {
border-left: 1px solid #fff;
border-left: 1px solid rgba(255, 255, 255, 0.25);
margin: 8px 0 0 -20px;
padding: 0 0 0 20px;
min-height: 100%;
}
.contact-details h6 {
margin: 0 0 4px;
font: bold 13px "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
}
.contact-details p {
font-size: 14px;
line-height: 21px;
word-wrap: break-word;
}
.page-contacts .wpcf7 {
display: none;
} .tooltip {
background: #fff200;
font-size: 12px;
position: absolute;
z-index: 150;
padding: 0 4px 1px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
color: #111116;
display: none;
white-space: nowrap;
}
.tooltip:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #fff200;
margin: 1px 0 0 1px;
}  .icon-social {
border: 0 none;
}
.entry-content .icon-social {
border: 0 none;
}
.icon-social:before {
color: #111116;
font-size: 30px;
transition: color 0.3s;
text-decoration: none;
text-align: left;
}
.entry-content .icon-social:before {
width: 48px;
height: 48px;
} .service {
width: 100%;
margin: 16px 0;
float: left;
}
.service .service-name {
text-align: center;
margin: 0 0 0.5em;
font-size: 18px;
}
.service .service-icon {
position: relative;
display: inline-block;
width: 100%;
margin: 0 auto;
border-bottom: 0 none;
}
.service .service-mask {
padding-top: 100%; position: relative;
width: 100%;
}
.service .service-icon img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
border-radius: 1000px;
border-radius: 100%;
}
.service .service-icon-no-image {
background-color: #eaeaea;
position: relative;
border-radius: 100%;
}
.service .service-content {
margin: 1em 0;
font-size: 13px;
}
.service .icon {
position: absolute;
font-size: 100px;
width: 100%;
text-align: center;
color: #fff;
cursor: inherit;
top: 50%;
transform: translate(0, -50%);
} .accordion {
margin: 0 0 1.5em;
border: 1px solid #ebebeb;
border-radius: 3px;
}
.accordion .panel-content {
display: none;
}
.accordion .panel-active .panel-content {
display: block;
}
.accordion .panel-title {
margin: 0;
border-bottom: 1px solid #ebebeb;
}
.accordion .panel-title a {
border: 0 none;
text-decoration: none;
display: block;
font: normal 13px "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
padding: 13.3333333333px 20px;
background: #f3f4f5;
}
.accordion .panel-active .panel-title a,
.accordion .panel-title a:hover {
background: #f9f9f9;
color: #111116;
}
.accordion .panel-active .panel-title a {
background: #fff;
}
.accordion .panel-content {
padding: 13.3333333333px 20px;
}
.accordion .panel-last .panel-title {
border-bottom: 0 none;
}
.accordion .panel-active .panel-title {
border-bottom: 1px solid #eee;
} .tabs {
margin: 0 0 1.5em;
}
.tabs .tabs-menu ul {
list-style: none;
overflow: hidden;
margin: 0;
}
.tabs .tabs-menu li {
display: block;
float: left;
padding: 0;
border: 1px solid #ebebeb;
border-right: 0 none;
z-index: 5;
position: relative;
margin-top: 0;
}
.tabs .tabs-menu li:first-child {
border-radius: 3px 0 0 0;
}
.tabs .tabs-menu li:last-child {
border-right: 1px solid #ebebeb;
border-radius: 0 3px 0 0;
}
.tabs .tabs-menu li a {
border: 0 none;
display: block;
font: normal 13px "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
padding: 13.3333333333px 20px;
background: #f3f4f5;
text-decoration: none;
}
.tabs .tabs-menu li a b {
display: none;
}
.tabs .tabs-menu li a:hover {
background: #f9f9f9;
color: #111116;
}
.tabs .tabs-menu li.active a:after {
content: "";
position: absolute;
border-bottom: 1px solid #fff;
width: 100%;
left: 0;
bottom: -1px;
}
.tabs .tabs-menu li.active a {
background: #fff;
cursor: default;
position: relative;
color: #111116;
}
.tabs .tab {
display: none;
padding: 13.3333333333px 20px;
border: 1px solid #ebebeb;
position: relative;
top: -1px;
}
.tabs .tab p:last-child {
margin-bottom: 0;
}
.tabs .tab-index-1 {
display: block;
} .alert {
border: 1px solid #ebebeb;
padding: 8px;
text-align: center;
margin-bottom: 1.5em;
}
.alert a {
color: #111116;
}
.alert p {
margin: 0 0 10px 0 !important;
}
.alert p:last-child {
margin: 0 !important;
}
.alert-note {
background: #fcf6e3;
border: 1px solid #ede3c8;
color: #111116;
}
.alert-warning {
border-color: #a03b18;
background: #c26161;
color: #fff;
}
.alert-warning a {
color: #fff;
}
.alert-success {
background: #bce592;
border-color: #8cd26f;
color: #111116;
}
.horizontal-break {
margin: 1.5em 0;
height: 1px;
background: #eaeaea;
}
.aside-content {
float: right;
font: 300 19px/1.6em "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
width: 38%;
position: relative;
margin: -5px -42.85% 0 0;
}
.aside-content .position-absolute {
position: absolute;
width: 100%;
}
.page-template-template-full-width-php .aside-content,
.page-template-template-full-width-sidebar-php .aside-content {
margin-right: 0;
margin-left: 20px;
margin-bottom: 20px;
width: auto;
max-width: 30%;
}
.page-template-template-full-width-php .aside-content .position-absolute,
.page-template-template-full-width-sidebar-php .aside-content .position-absolute {
position: static;
} html.horizontal-page {
overflow-y: hidden;
overflow-x: scroll;
}
html.no-scroll,
html.no-scroll body {
overflow: hidden;
}
.hide {
display: none;
} .fluxus-lightbox {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10000;
box-sizing: border-box;
padding: 15px;
background: #111116;
pointer-events: none;
visibility: hidden;
transform: translate3d(0, -100%, 0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent; transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.fluxus-lightbox--bounce-back-transition {
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.admin-bar .fluxus-lightbox {
top: 32px;
height: calc(100% - 32px);
}
html.fluxus-lightbox-visible { overflow: hidden !important;
}
html.fluxus-lightbox-visible .fluxus-lightbox {
pointer-events: auto;
visibility: visible;
}
.fluxus-lightbox__content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
cursor: none;
opacity: 0;
transform: scale(0.92);
transition: opacity 0.8s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.fluxus-lightbox__tip {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -10px;
mix-blend-mode: difference;
pointer-events: none;
opacity: 0;
transition: opacity 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.fluxus-lightbox--transitioned .fluxus-lightbox__tip {
opacity: 1;
}
.fluxus-lightbox--over-controls .fluxus-lightbox__tip {
display: none;
}
.fluxus-lightbox__tip-icon {
width: 100%;
height: 100%;
background-image: url(https://meyssonnier.fr/wp-content/themes/fluxus/images/right.svg);
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.fluxus-lightbox--slide-in {
transform: translate3d(0, 0, 0);
}
.fluxus-lightbox--transitioned .fluxus-lightbox__content {
transform: scale(1);
opacity: 1;
}
.fluxus-lightbox__media {
transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
height: 100%;
width: 100%;
}
.fluxus-lightbox__media--loaded {
opacity: 1;
transform: scale(1);
}
.fluxus-lightbox__media img {
position: relative;
width: auto;
height: 100%;
display: block;
transform-origin: top left;
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), top 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.fluxus-lightbox__iframe-wrap {
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.fluxus-lightbox__iframe-wrap iframe {
width: 100%;
height: 100%;
}
.fluxus-lightbox__iframe-wrap::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fluxus-lightbox--mouse-over-iframe .fluxus-lightbox__iframe-wrap::after,
.fluxus-lightbox--mouse-over-iframe .fluxus-lightbox__tip {
display: none;
}
.fluxus-lightbox__top-right,
.fluxus-lightbox__bottom-right {
position: fixed;
top: 15px;
right: 15px;
opacity: 0;
padding: 0 0 55px 55px; transition: opacity 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;
} .fluxus-lightbox--after-tap .fluxus-lightbox__top-right {
transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.fluxus-lightbox__bottom-right {
bottom: 15px;
top: auto;
padding: 55px 0 0 55px; }
.fluxus-lightbox--transitioned .fluxus-lightbox__top-right,
.fluxus-lightbox--transitioned .fluxus-lightbox__bottom-right {
opacity: 1;
}
.fluxus-lightbox__status {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
background-color: #fff200;
border-radius: 50%;
display: none;
transition: 0.2s opacity ease 1s;
animation: blinker 0.3s infinite linear;
display: none;
}
.fluxus-lightbox--long-loading .fluxus-lightbox__status {
display: block;
}
.fluxus-lightbox__btn {
background: #fff200;
padding: 9px 15px 8px;
border-radius: 1px;
display: inline-block;
color: #111116;
font-size: 21px;
cursor: pointer;
margin-left: 15px;
}
.fluxus-lightbox__btn:hover {
color: #fff;
background: #111116;
}
.fluxus-lightbox__error {
position: absolute;
color: #fff;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 288px;
width: 100%;
text-align: center;
display: none;
}
.fluxus-lightbox--error .fluxus-lightbox__error {
display: block;
}
.fluxus-lightbox__top-right,
.fluxus-lightbox__bottom-right {
position: fixed;
top: 15px;
right: 15px;
opacity: 0;
padding: 0 0 55px 55px; transition: opacity 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;
}
.fluxus-lightbox__bottom-right {
bottom: 15px;
top: auto;
padding: 55px 0 0 55px; }
.fluxus-lightbox--transitioned .fluxus-lightbox__top-right,
.fluxus-lightbox--transitioned .fluxus-lightbox__bottom-right {
opacity: 1;
}
.fluxus-lightbox__btn {
background: #fff200;
padding: 9px 15px 8px;
border-radius: 1px;
display: inline-block;
color: #111116;
font-size: 21px;
cursor: pointer;
margin-left: 15px;
}
.fluxus-lightbox__btn:hover {
color: #fff;
background: #111116;
}
.fluxus-lightbox__btn--resize .icon-zoom-out-slim {
display: none;
}
.fluxus-lightbox--full-width .fluxus-lightbox__btn--resize .icon-zoom-in-slim {
display: none;
}
.fluxus-lightbox--full-width .fluxus-lightbox__btn--resize .icon-zoom-out-slim {
display: inline-block;
}
.fluxus-lightbox--idle .fluxus-lightbox__tip,
.fluxus-lightbox--idle .fluxus-lightbox__bottom-right,
.fluxus-lightbox--idle .fluxus-lightbox__top-right {
opacity: 0;
} .fluxus-lightbox--touch .fluxus-lightbox__tip,
.fluxus-lightbox--touch .fluxus-lightbox__btn--next,
.fluxus-lightbox--touch .fluxus-lightbox__btn--previous,
.fluxus-lightbox--touch .fluxus-lightbox__btn--resize {
display: none;
}
.fluxus-lightbox--single .fluxus-lightbox__btn--next,
.fluxus-lightbox--single .fluxus-lightbox__btn--previous,
.fluxus-lightbox--single .fluxus-lightbox__tip {
display: none;
}
.fluxus-lightbox--iframe .fluxus-lightbox__btn--resize,
.fluxus-lightbox--error .fluxus-lightbox__btn--resize {
display: none;
}
.fluxus-lightbox--single .fluxus-lightbox__content {
cursor: default;
} .scroll-container .scrollbar {
display: none;
}
.horizontal-page .scroll-container {
height: 100%;
}
.horizontal-page .scroll-container .viewport {
overflow: hidden;
position: relative;
}
.horizontal-page .scroll-container .overview {
position: absolute;
right: 0;
top: 0;
width: 235px;
margin-top: 1px; }
.horizontal-page .scroll-container .thumb .end,
.horizontal-page .scroll-container .thumb {
background: #333;
}
.horizontal-page .scroll-container .scrollbar {
position: relative;
float: right;
width: 4px;
right: -34px;
display: block;
}
.horizontal-page .scroll-container .track {
background: #ebebeb;
height: 100%;
width: 4px;
position: relative;
padding: 0 1px;
}
.horizontal-page .scroll-container .thumb {
height: 20px;
width: 4px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0;
}
.horizontal-page .scroll-container .thumb .end {
overflow: hidden;
height: 5px;
width: 4px;
}
.horizontal-page .scroll-container .disable {
display: none;
}
.noSelect {
user-select: none;
} .assistive-text {
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
} .wpcf7-textarea {
height: 120px;
}
.wpcf7-form {
font-size: 13px;
}
.wpcf7-form .wpcf7-form-control-wrap {
margin: 2px 0 10px 0;
display: block;
}
.wpcf7-form .wpcf7-form-control-wrap {
overflow: hidden;
}
.wpcf7-form .wpcf7-form-control-wrap input[type=text],
.wpcf7-form .wpcf7-form-control-wrap input[type=email] {
font-size: 14px;
float: left;
margin: 0 10px 0 0;
}
.wpcf7-form .wpcf7-not-valid-tip {
position: static;
width: 200px;
float: left;
border: 0 none;
}
.wpcf7-form .wpcf7-validation-errors,
.wpcf7-form .wpcf7-mail-sent-ok {
background: #bce592;
border: 1px solid #8cd26f;
font: normal 1em "Merriweather", georgia, serif;
padding: 10px 10px;
}
.wpcf7-form .wpcf7-response-output {
margin: 10px 0 0 0;
}
.wpcf7-form .wpcf7-not-valid-tip {
color: #8a8a8a;
}
.wpcf7-form .wpcf7-validation-errors {
background: #c26161;
border: 1px solid #a03b18;
color: #fff;
} .burger-menu {
position: absolute;
top: 0;
right: 0;
height: 100%;
overflow: hidden;
z-index: 9999;
}
.burger-menu-toggle {
position: absolute;
top: 50%;
top: calc(50% + 0);
right: 16px;
width: 28px;
height: 19px;
z-index: 10002;
display: block;
-webkit-transform: translate(50px, -50%);
transform: translate(50px, -50%);
transition: transform 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.burger-menu-toggle span,
.burger-menu-toggle span:before,
.burger-menu-toggle span:after {
content: "";
position: absolute;
top: 8px;
width: 28px;
height: 3px;
display: block;
cursor: pointer;
background-color: #333;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: background-color 0.3s ease-in-out, transform 0.5s ease-in-out, top 0.5s ease-in-out;
}
.burger-menu-toggle span:before {
top: -8px;
}
.burger-menu-toggle span:after {
top: 8px;
}
.burger-menu--enabled {
overflow: visible;
}
.burger-menu--enabled .burger-menu-toggle {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.burger-menu--expanded .burger-menu-toggle span {
background-color: transparent !important;
}
.burger-menu--expanded .burger-menu-toggle span:before {
top: 0;
background-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.burger-menu--expanded .burger-menu-toggle span:after {
top: 0;
background: #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.non-mobile-device .burger-menu-toggle:hover span,
.non-mobile-device .burger-menu-toggle:hover span:before,
.non-mobile-device .burger-menu-toggle:hover span:after {
background: #8a8a8a;
}
.burger-menu--expanded .burger-menu-toggle:hover span:before,
.burger-menu--expanded .burger-menu-toggle:hover span:after {
background: #fff;
}
.burger-menu-dim {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
pointer-events: none;
z-index: 9998;
transition: opacity 0.7s ease-out;
}
.burger-menu-visible .burger-menu-dim {
opacity: 1;
pointer-events: auto;
}
.burger-menu-items {
position: fixed;
top: 0;
right: 0;
background-color: #111116;
background-size: 100%;
background-repeat: no-repeat;
padding: 130px 0 50px;
width: 320px;
height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
-webkit-transform: translate3d(320px, 0, 0);
transform: translate3d(320px, 0, 0);
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.burger-menu-items li {
position: relative;
}
.burger-menu--expanded.burger-menu--enabled .burger-menu-items {
overflow: auto;
overflow-x: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.burger-menu .bg {
position: absolute;
top: 0;
right: 0;
display: block;
width: 100%;
height: 200px;
background-size: 100%;
background-repeat: no-repeat;
}
.burger-menu .bg:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 200px;
display: block;
background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 31%, rgba(17, 17, 17, 0.03) 33%, rgb(17, 17, 17) 100%);
}
.burger-menu ul,
.burger-menu li {
list-style: none;
margin: 0;
padding: 0;
}
.burger-menu-level-0 {
position: relative;
}
.burger-menu-level-0 > li > .burger-menu-link {
padding-left: 0;
}
.burger-menu-level-1,
.burger-menu-level-2,
.burger-menu-level-3 {
display: none;
}
.burger-menu-link {
position: relative;
display: block;
padding: 20px 45px 22px 0;
margin-left: 30px;
color: #8a8a8a;
text-transform: uppercase;
letter-spacing: 0.05em;
border-bottom: 1px solid #1d1d1d;
-moz-transition: color 0.3s;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.mobile-device .burger-menu-link:hover {
color: #8a8a8a;
}
.burger-menu-link-clicked {
color: #fff;
}
.burger-menu-children-toggle {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 60px;
display: inline-block;
color: #8a8a8a;
}
.burger-menu-children-toggle:after {
position: absolute;
top: 19px;
left: 24px;
font-size: 16px;
content: "\e928";
font-family: "icomoon";
font-style: normal;
font-weight: normal;
speak: none;
text-decoration: none;
display: inline-block;
}
.burger-menu-item-expanded > .burger-menu-children-toggle:after {
content: "\e92b";
}
.non-mobile-device .burger-menu-children-toggle:hover {
color: #fff;
}
.burger-menu-items > ul > li:last-child .burger-menu-link {
border-bottom: 0 none;
}
.non-mobile-device .burger-menu-link:hover {
color: #fff;
}
.burger-menu a.burger-menu-item-active {
color: #fff;
}
.burger-menu li.burger-menu-item-active > ul {
display: block;
}
.burger-menu ul ul .burger-menu-link {
margin-left: 48px;
font-size: 14px;
}
.burger-menu ul ul ul .burger-menu-link {
margin-left: 68px;
font-size: 12px;
}
.iScrollVerticalScrollbar {
position: absolute;
z-index: 100;
width: 8px;
bottom: 4px;
top: 4px;
right: 1px;
}
.iScrollIndicator {
position: absolute;
border: 1px solid rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.1);
width: 5px;
border-radius: 3px;
box-sizing: border-box;
} #lang_sel_footer .lang_sel_sel {
border: 0 none;
font-weight: bold;
cursor: default;
}
#lang_sel_footer .iclflag {
margin: 0 2px 0 0;
}
.icl_languages_selector {
overflow: visible;
}
.icl_languages_selector #lang_sel ul ul {
display: none;
margin: 5px 0 0 0;
}
.icl_languages_selector #lang_sel li:hover > ul {
display: block;
}
.icl_languages_selector .lang_sel_list_horizontal li {
display: inline-block;
margin-left: 10px;
}
.menu-item-language .iclflag {
position: relative;
margin: 0 5px 0 0;
top: 1px;
}
.menu-item-language:hover .submenu-languages {
display: block;
} .swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
overflow: hidden;
}
.swiper-slide .iScrollVerticalScrollbar {
transition: opacity 0.5s ease-out 1.2s;
opacity: 0;
}
.swiper-slide-active .iScrollVerticalScrollbar {
opacity: 1;
} .swiper-slide__media {
position: absolute;
height: 100%;
left: 50%;
transform: translate3d(-50%, 0, 0);
}
.swiper-slide--wide .swiper-slide__media {
top: 50%;
left: 0;
height: auto;
width: 100%;
transform: translate3d(0, -50%, 0);
}
.swiper-slide--wide.swiper-slide[data-cropping=bottom-center] .swiper-slide__media {
top: auto;
bottom: 0;
transform: translate3d(0, 0, 0);
}
.swiper-slide--wide.swiper-slide[data-cropping=top-center] .swiper-slide__media {
top: 0;
transform: translate3d(0, 0, 0);
}
.swiper-slide__aspect-image {
width: auto;
height: 100%;
visibility: hidden;
display: block;
}
.swiper-slide--wide .swiper-slide__aspect-image {
width: 100%;
height: auto;
}
.swiper-slide[data-cropping=fit] .swiper-slide__media {
width: 100%;
height: auto;
top: 50%;
left: 0;
transform: translate3d(0, -50%, 0);
}
.swiper-slide--wide.swiper-slide[data-cropping=fit] .swiper-slide__media {
height: 100%;
width: auto;
top: 0;
left: 50%;
transform: translate3d(-50%, 0, 0);
}
.swiper-slide[data-cropping=fit] .swiper-slide__aspect-image {
width: 100%;
height: auto;
}
.swiper-slide--wide.swiper-slide[data-cropping=fit] .swiper-slide__aspect-image {
width: auto;
height: 100%;
}
.swiper-slide--raw-embed iframe {
position: absolute;
top: 0;
left: 40px;
width: 100%;
height: 100%;
width: calc(100% - 80px); }
.swiper-slide--wide.swiper-slide--raw-embed iframe {
top: 40px;
left: 0;
height: calc(100% - 80px); }
.swiper-slide__player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: 0.3s ease-out;
}
.swiper-slide__player video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.swiper-slide__player .plyr,
.swiper-slide__player .plyr__video-wrapper,
.swiper-slide__player .plyr__video-embed__container,
.swiper-slide__player iframe {
width: 100%;
height: 100%;
}
.swiper-slide__player .plyr__video-embed__container,
.swiper-slide__player .plyr__video-embed__container[style] {
transform: none !important;
}
.swiper-slide--video-playing .swiper-slide__player {
opacity: 1;
}
.swiper-slide--loaded.swiper-slide--video-playing .swiper-lazy {
opacity: 0;
}
.swiper-slide .plyr__video-wrapper {
background: transparent;
}
.swiper-slide__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: 0.3s ease-out; transform: translate3d(0, 0, 0);
}
.swiper-slide[data-overlay=dark] .swiper-slide__overlay {
background-color: rgba(0, 0, 0, 0.3);
}
.swiper-slide[data-overlay=dark_2] .swiper-slide__overlay {
background-color: rgba(0, 0, 0, 0.5);
}
.swiper-slide[data-overlay=light] .swiper-slide__overlay {
background-color: rgba(255, 255, 255, 0.3);
}
.swiper-slide[data-overlay=light_2] .swiper-slide__overlay {
background-color: rgba(255, 255, 255, 0.5);
}
.swiper-slide--playing .swiper-slide__overlay {
opacity: 0;
}
.swiper-lazy {
position: absolute; width: 100%;
height: 100%;
opacity: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
transition: opacity 0.5s ease-out;
}
.swiper-slide--loaded .swiper-lazy {
opacity: 1;
}
.swiper-slide[data-cropping=top-center] .swiper-lazy {
background-position: top center;
}
.swiper-slide[data-cropping=bottom-center] .swiper-lazy {
background-position: bottom center;
}
.swiper-slide[data-cropping=fit] .swiper-lazy {
background-size: 100% auto;
}
.swiper-slide.swiper-slide--wide[data-cropping=fit] .swiper-lazy {
background-size: auto 100%;
}
.slider-button-prev,
.slider-button-next {
background-repeat: no-repeat;
background-color: transparent !important;
background-image: url(//meyssonnier.fr/wp-content/themes/fluxus/images/left.svg);
background-size: auto 80%;
background-position: center;
width: 68px;
height: 82px;
overflow: hidden;
text-indent: -9999px;
position: absolute;
top: 50%;
box-shadow: none;
border: 0;
outline: 0;
z-index: 1;
opacity: 0;
pointer-events: none;
transition: opacity 0.8s ease-out 1.2s, transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform: translate3d(10px, -50%, 0);
mix-blend-mode: difference;
}
.swiper-container--animated .slider-button-prev,
.swiper-container--animated .slider-button-next {
transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.swiper-container[data-navigation-arrows].swiper-container--ready .slider-button-prev,
.swiper-container[data-navigation-arrows].swiper-container--ready .slider-button-next {
opacity: 1;
pointer-events: auto;
}
.swiper-button-disabled {
pointer-events: none !important;
opacity: 0 !important;
}
.slider-button-next {
background-image: url(//meyssonnier.fr/wp-content/themes/fluxus/images/right.svg) !important;
right: 15px;
top: 50%;
transform: translate3d(0, -50%, 0);
}
.slider-button-prev:hover,
.slider-button-next:hover,
.slider-button-prev:focus,
.slider-button-next:focus {
box-shadow: none;
}
.slider-button-next:hover {
transform: translate3d(10px, -50%, 0) scale(0.9);
}
.slider-button-prev:hover {
transform: translate3d(0, -50%, 0) scale(0.9);
} .double-circle__bottom {
transition: fill 0.5s ease, opacity 0.3s ease, stroke 0.3s ease;
opacity: 1;
fill: transparent;
} .swiper-pagination-bullets {
position: absolute;
bottom: 15px;
left: 20px;
z-index: 1;
line-height: 11px;
opacity: 0;
transition: opacity 0.5s ease-out 0.5s;
}
.swiper-container--ready .swiper-pagination-bullets {
opacity: 1;
}
.swiper-pagination-bullets li,
.swiper-pagination-bullet {
position: relative;
display: inline-block;
margin: 0 6px 0 0;
width: 14px;
height: 14px;
cursor: pointer;
}
.swiper-pagination-bullets .double-circle__bottom {
stroke: #ccc;
opacity: 0.5;
}
.swiper-pagination-bullets li:hover .double-circle__bottom {
stroke: #fff;
opacity: 1;
}
.swiper-pagination-bullet-active .double-circle__top {
stroke-dashoffset: 0;
stroke: #fff222;
}
.swiper-pagination-bullets--autoplaying .swiper-pagination-bullet-active .double-circle__top {
stroke-dashoffset: 32;
}
.swiper-pagination-bullets--autoplaying .swiper-pagination-bullet-active .double-circle__top {
animation: spin-bullet 3000ms linear forwards;
}
.swiper-pagination-bullets--autoplaying .swiper-pagination-bullet-previously-active .double-circle__top { animation: cool-down 500ms ease-out forwards;
}
.swiper-pagination-bullets--autoplaying .swiper-pagination-bullet-previously-active .double-circle__top { animation-duration: 500ms !important;
}
@keyframes spin-bullet {
0% {
stroke-dashoffset: 32;
opacity: 0;
}
30% {
opacity: 1;
}
100% {
stroke-dashoffset: 0;
stroke: #fff222;
}
}
@keyframes cool-down {
0% {
stroke-dashoffset: 0;
stroke: #fff222;
}
100% {
stroke-dashoffset: 0;
opacity: 0;
}
}
.swiper-pagination-bullets__tip {
color: #fff;
font-size: 13px;
text-transform: uppercase;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
left: 1px;
position: absolute;
font-weight: 500;
white-space: nowrap;
opacity: 0;
letter-spacing: 0.1em;
transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transform: translate3d(0, -12px, 0);
transform: translate3d(0, -12px, 0);
}
.swiper-pagination-bullets li:hover .swiper-pagination-bullets__tip {
opacity: 1;
-webkit-transform: translate3d(0, -18px, 0);
transform: translate3d(0, -18px, 0);
} .content-box {
position: absolute;
top: 50%;
left: 50%;
width: 385px;
min-width: 200px;
max-width: 1000px;
max-height: 100%;
text-align: center;
color: #111116;
cursor: default;
box-sizing: border-box;
opacity: 0;
transition: opacity 0.5s ease-out 0.7s;
}
.content-box__contents {
padding: 20px 25px;
} .content-box--center {
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.swiper-slide--loaded .content-box {
opacity: 1;
} .swiper-container--animated .content-box {
transition-delay: 0s;
}
.content-box.out-of-bounds--right[style] {
left: auto !important;
right: 0 !important;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.content-box.out-of-bounds--left[style] {
left: 0 !important;
right: auto !important;
}
.content-box--center.out-of-bounds--left[style] {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.content-box.out-of-bounds--left[style].out-of-bounds--right[style] {
left: 0 !important;
right: 0 !important;
width: auto !important;
}
.content-box.out-of-bounds--top[style] {
top: 0 !important;
bottom: auto !important;
}
.content-box.out-of-bounds--bottom[style] {
top: auto !important;
bottom: 0 !important;
}
.content-box--center.out-of-bounds--bottom[style]:not(.ui-draggable) {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.content-box--center.out-of-bounds--left.out-of-bounds--top[style],
.content-box--center.out-of-bounds--left.out-of-bounds--bottom[style],
.content-box--center.out-of-bounds--right.out-of-bounds--top[style],
.content-box--center.out-of-bounds--right.out-of-bounds--bottom[style] {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.content-box.out-of-bounds--top[style].out-of-bounds--bottom[style]:not(.ui-draggable) {
top: 0 !important;
bottom: 0 !important;
height: auto !important;
overflow-y: scroll;
}
.content-box[data-position=custom] {
left: auto;
top: auto; -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.content-box--text-light,
.content-box--text-light .entry-content {
color: #fff;
}
.content-box--text-dark .button {
background: #111116;
color: #fff;
}
.content-box--text-dark .button:hover {
background: #222;
color: #fff;
}
.content-box--style-left-aligned {
text-align: left;
}
.content-box--style-left-aligned .content-box__decoration {
display: none;
}
.content-box--style-left-aligned .content-box__content {
margin-top: 10px;
}
.swiper-slide--playing .content-box {
opacity: 0;
pointer-events: none;
}
.swiper-slide[data-overlay=dark_under_content] .content-box {
background-color: rgba(0, 0, 0, 0.5);
}
.swiper-slide[data-overlay=dark_solid_under_content] .content-box {
background-color: #111116;
}
.swiper-slide[data-overlay=light_under_content] .content-box {
background-color: rgba(255, 255, 255, 0.7);
}
.swiper-slide[data-overlay=light_solid_under_content] .content-box {
background-color: #fff;
}
.content-box__content p {
margin-bottom: 10px;
}
.content-box__content .content-box__buttons {
margin-top: 15px;
} .content-box--effect-slide .content-box__title,
.content-box--effect-slide .content-box__subtitle,
.content-box--effect-slide .content-box__content {
opacity: 0;
transform: translate3d(-100%, 0, 0);
transition: transform 0.9s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s, opacity 0.9s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.1s;
}
.swiper-slide--prev .content-box--effect-slide .content-box__title,
.swiper-slide--prev .content-box--effect-slide .content-box__subtitle,
.swiper-slide--prev .content-box--effect-slide .content-box__content {
transform: translate3d(100%, 0, 0);
transition: none;
}
.swiper-slide--current .content-box--effect-slide .content-box__title,
.swiper-slide--current .content-box--effect-slide .content-box__subtitle,
.swiper-slide--current .content-box--effect-slide .content-box__content {
opacity: 1;
transform: translate3d(0, 0, 0);
transition: transform 0.9s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s, opacity 0.9s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.1s;
} .swiper-slide--loaded .content-box--effect-fade {
transition: opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.4s;
opacity: 0;
}
.swiper-slide--loaded.swiper-slide--current .content-box--effect-fade {
opacity: 1;
}
.content-box__decoration {
margin: 16px 0 12px;
}
.plyr__poster {
background-size: cover !important;
}
.project-title__heading {
font-size: 36px;
line-height: 1.1;
text-transform: uppercase;
letter-spacing: 0.02em;
font-weight: 700;
}
.project-title__excerpt {
font: normal 15px/1.875 "Merriweather", georgia, serif;
white-space: normal;
}
.current-page-number {
font-size: 40px;
line-height: 1;
font-weight: 300;
} .admin-bar-showing #wpadminbar {
position: fixed;
}@media screen and (min-width: 1440px) { .slide .style-default {
width: 400px;
}
.slide .style-default .slide-title {
font-size: 60px;
}
.slide .style-default .slide-subtitle {
font-size: 18px;
}
.slide .style-default .description {
font-size: 16px;
}
} @media screen and (min-width: 1280px) {
.page-template-template-full-width-php .site {
width: 1021px;
}
} @media screen and (min-width: 1920px) {
.page-template-template-full-width-php .site {
width: 961px;
}
} @media screen and (max-width: 1024px) and (min-width: 768px) {
.project-title__prefix--small {
font-size: 12px;
}
.sidebar .title {
padding-bottom: 15px;
}
} @media only screen and (max-width: 1024px) { .logo-container {
width: 232px;
}
.sidebar {
max-width: 232px;
min-width: 232px;
}
.nav-tip {
display: none !important;
} .site-navigation a {
font-size: 12px;
padding-left: 6px;
padding-right: 6px;
}
.site-navigation .has-children > a {
padding-right: 15px;
}
.site-navigation .has-children a:after {
font-size: 12px;
line-height: 15px;
}
.site-navigation li {
margin-right: 10px;
}
.site-navigation .sub-menu {
left: -3px;
}
.site-navigation .sub-menu--right {
left: auto;
} .widget {
font-size: 12px;
}
.widget a {
padding-bottom: 1px;
} .aside-content {
font-size: 18px;
line-height: 28px;
margin: 0;
padding: 0 0 10px 20px;
}
.aside-content .position-absolute {
position: static;
}
.fluid-width-container {
max-width: none;
}
.single .post_format-post-format-quote .featured-media {
width: 100%;
}
.wp-caption-text {
width: 100%;
position: static;
margin: 0;
border: 0 none;
}
.horizontal-page .scroll-container .overview {
width: 175px;
}
} @media screen and (max-width: 768px) {
.horizontal-page .site-header { position: static;
}
.site-header,
.horizontal-page .site-header {
position: sticky;
position: -webkit-sticky;
top: 0;
}
.scroll-y .site-header {
-webkit-box-shadow: hsla(0deg, 0%, 0%, 0.1) 0 0.5rem 1rem;
box-shadow: hsla(0deg, 0%, 0%, 0.1) 0 0.5rem 1rem;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
}
.site-navigation {
display: none;
}
.logo-container { width: 100%;
margin: 0;
border: 0;
padding-top: 8px;
padding-bottom: 8px;
} html.horizontal-page {
overflow-x: auto;
overflow-y: scroll;
}
html.horizontal-page body {
overflow: visible;
}
html.no-scroll {
overflow-y: hidden;
}
.horizontal-content {
white-space: normal;
margin-left: -8px;
margin-right: -8px;
}
.horizontal-content__item {
width: 50%;
margin: 0 0 16px 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.horizontal-content__item--nav {
width: 100%;
}
.horizontal-content__item:last-child {
margin-bottom: 0;
}
.horizontal-media {
max-height: none;
}
.horizontal-media .lazyload-component__image {
height: auto;
width: 100%;
}
.horizontal-media .aspect__media {
position: static;
width: auto;
height: auto;
}
.horizontal-media.aspect--video .aspect__placeholder, .horizontal-media.aspect--image .aspect__placeholder {
display: none;
}
.horizontal-content__item-caption {
max-height: none;
margin-bottom: 16px;
background-color: transparent;
opacity: 1;
margin: 8px 0;
padding: 0;
position: static;
}
.horizontal-content__item--caption {
display: block;
}
.horizontal-content__item--caption .horizontal-media {
height: auto;
display: block;
max-height: none;
}
.horizontal-page .horizontal-content .horizontal-item {
margin: 0 0 10px;
display: block;
height: auto !important;
}
.horizontal-page .horizontal-content .horizontal-item:last-child {
margin-bottom: 0;
}
.horizontal-page .horizontal-content .horizontal-item[style] {
height: auto !important;
}
.horizontal-page .scroll-container .overview {
position: static;
width: auto;
} .site--has-sidebar {
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.site--has-sidebar .site-content {
padding-left: 0;
}
.sidebar {
min-width: 100%;
border: 1px solid #ebebeb;
padding: 20px 0 0 0;
margin: 0 0 16px 0;
overflow: hidden;
text-align: left;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-top: 32px;
}
.single-fluxus_portfolio .sidebar {
border: 0 none;
padding-top: 0;
margin-top: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.sidebar .widget {
float: left;
padding: 0 20px;
margin: 0 0 20px;
}
.sidebar .widget-title {
padding-top: 0;
}
.sidebar .archive-results-hgroup {
padding: 20px 20px 0;
}
.sidebar .decoration {
display: none;
}
.sidebar #s {
margin: 6px 0 0 0;
}
#fluxus-customize {
display: none !important;
} .horizontal-posts .site-footer {
position: absolute;
bottom: auto;
}
.horizontal-posts .site-footer-push {
display: block;
}
.horizontal-posts .site,
.horizontal-posts .site[style] {
height: auto !important;
top: 0 !important;
}
.horizontal-posts .post {
margin-bottom: 32px;
}
.horizontal-posts .post[style] {
height: auto !important;
width: 100% !important;
}
.horizontal-posts .navigation-paging {
margin: 0;
padding: 20px 0;
width: 100%;
}
.entry-navigation .post-navigation {
float: none;
border: 0 none;
padding-left: 0;
overflow: hidden;
}
.entry-navigation .entry-tags {
float: none;
}
.post-image .cover p {
font-size: 13px;
} .horizontal-navigation {
min-width: 0;
width: 100%;
max-width: none;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.horizontal-content__item--nav {
width: 100%;
}
.single-fluxus_portfolio .site-footer,
.tax-fluxus-project-type .site-footer,
.page-template-template-portfolio-php .site-footer {
position: absolute;
bottom: auto;
}
.single-fluxus_portfolio .site-footer-push,
.tax-fluxus-project-type .site-footer-push,
.page-template-template-portfolio-php .site-footer-push {
display: block;
}
.single-fluxus_portfolio .site,
.single-fluxus_portfolio .site[style],
.page-template-template-portfolio-php .site,
.page-template-template-portfolio-php .site[style],
.horizontal-page .tax-fluxus-project-type .site,
.horizontal-page .tax-fluxus-project-type .site[style] {
height: auto !important;
top: 0 !important;
}
.single-fluxus_portfolio[style] {
width: 100% !important;
}
.project .preview,
.project .preview[style] {
height: auto !important;
}
.project .featured-image,
.project .featured-image[style] {
width: 100% !important;
height: auto !important;
}
.project-image__media[style] {
height: auto !important;
}
.horizontal-media img {
max-width: 100%;
height: auto;
}
.project .info {
padding-bottom: 32px;
}
.project .hover-box {
display: none;
}
.project .entry-title + .entry-tags {
margin-top: 0;
}
.single-fluxus_portfolio .site {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single-fluxus_portfolio .sidebar .widget {
padding: 0;
float: none;
}
.project-image figcaption {
position: relative;
bottom: 0;
right: 0;
margin: 5px 0 0 0;
} .project-title__heading {
font-size: 30px;
}
.slide .style-default .slide-title {
margin: 0 0 25px;
}
.slide .style-default .slide-title {
font-size: 24px;
}
.slide .style-default .slide-subtitle {
font-size: 12px;
margin: 0 0 5px;
}
.slider .slide .info .decoration {
margin-top: -11px;
}
.slide .style-default .description {
font-size: 12px;
}
.slider .info {
width: 240px;
}
.slide .style-default .button {
line-height: 26px;
padding: 0 10px;
font-size: 11px;
font-weight: bold;
}
.slider-button-next,
.slider-button-prev {
height: 41px;
width: 34px;
}
.slider-navigation a span {
display: none !important;
}
.slider-navigation a {
width: 5px;
height: 5px;
border-width: 1px;
} .horizontal-page .site-footer {
position: absolute;
bottom: auto;
}
.horizontal-page .site-footer-push {
display: block;
}
.site-footer {
text-align: center;
padding: 16px 20px 20px;
position: relative;
}
.share-widget--footer {
float: none;
display: inline-block;
margin: 0 0 10px;
height: 21px;
}
.share-widget--footer[style] {
display: inline-block !important;
}
.site-footer .social-networks {
float: none;
display: block;
text-align: center;
}
.site-footer .social-networks .icon-social {
float: none;
display: inline-block;
margin: 0 5px;
}
.site-footer .footer-links {
float: none;
}
.site-footer .footer-navigation {
float: none;
text-align: center;
margin: 0;
padding: 10px 0;
}
.site-footer .footer-navigation li {
margin: 0 8px;
display: inline-block;
float: none;
}
.site-footer .footer-links .credits {
float: none;
font-size: 11px;
padding: 16px 0;
margin: 0;
}
.footer-links .credits:before,
.footer-navigation li:before {
display: none;
}  html.horizontal-page.no-scroll #page-wrapper,
html.horizontal-page.no-scroll .site {
margin: 0;
}
html.horizontal-page.no-scroll .site-footer,
html.horizontal-page.no-scroll .site-footer-push {
display: none;
}
.captioned-media__caption {
position: relative;
bottom: 0;
max-height: none;
}
.fixed-width-container {
max-width: none;
}
.vertical__post + .vertical__post {
margin-top: 0;
}
.vertical__post + .vertical__post:before {
display: none;
}
.vertical__post--navigation {
padding-top: 0 !important;
}
}
@media screen and (max-width: 660px) { .contact-details-container {
border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.contact-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -30px;
border-left: 0 none;
padding: 15px 0;
}
.contact-details__item {
margin-left: 30px;
}
.map-active #map {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000;
}
#map {
visibility: hidden;
}
.map-active #map {
visibility: visible;
}
.wpcf7-form .wpcf7-form-control-wrap input[type=text] {
width: 100%;
}
.page-contacts .row-fluid [class*=span] {
float: none;
width: 100%;
margin: 0;
}
} @media only screen and (max-width: 576px) { .mobile-device .slider-button-next,
.mobile-device .slider-button-prev {
display: none;
}
.swiper-pagination-bullets {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
left: 50%;
}
.content-box,
.content-box[style] {
width: 100% !important;
}
.project-title__heading {
font-size: 24px;
}
.slider-button-next,
.slider-button-prev {
height: 20px;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.slider-button-next {
right: 0;
}
.slider-button-prev {
left: 0;
} .horizontal-content {
margin-left: 0;
margin-right: 0;
display: block;
}
.horizontal-media {
width: 100%;
height: auto;
}
.horizontal-content__item {
min-width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 32px;
height: auto;
} .project .hover-box .excerpt,
.project .hover-box .decoration {
display: none;
}
.project .hover-box h2 {
padding-bottom: 10px;
}
.project .hover-box h2 {
font-size: 18px;
line-height: 21px;
}
.project .hover-box .subtitle {
font-size: 13px;
}
.other-projects__item-col {
max-width: 33.3%;
min-width: 33.3%;
} .vertical-blog .site--has-sidebar .site-content {
padding-bottom: 0;
}
.vertical-blog .navigation-paging .wrap-page-numbers {
position: static;
margin: 32px 0 0 0;
width: auto;
text-align: left;
} .entry-content {
font-size: 15px;
}
.entry-content .standfirst {
font-size: 17px;
margin-bottom: 16px;
}
.post-image__cover {
display: none;
}
.single .featured-media {
margin-bottom: 16px;
}
.aside-content {
float: none;
width: 100%;
margin-bottom: 16px;
padding: 16px;
border-left: 0 none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 13px;
line-height: 1.4em;
background-color: #f9f9f9;
}
.page-template-template-full-width-php .aside-content,
.page-template-template-full-width-sidebar-php .aside-content {
max-width: 100%;
}
.site-content table td,
.site-content table th {
font-size: 13px;
line-height: 18px;
padding: 5px;
}
.site-content thead th,
.site-content thead td {
font-size: 11px;
} .row-fluid [class*=span] {
float: none;
width: 100%;
margin: 0;
}
.tabs .tabs-menu li a b {
display: inline;
}
.tabs .tabs-menu li a span {
display: none;
} .service .service-content {
font-size: 16px;
width: 240px;
margin-left: auto;
margin-right: auto;
}
.service .service-name {
font-size: 30px;
}
.alignright,
.alignleft {
margin: 0;
float: none;
display: block;
width: 100%;
}
.page-title,
.single .entry-title {
font-size: 24px;
font-weight: normal;
} .entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
font-weight: normal;
}
.entry-content h1 {
font-size: 21px;
}
.entry-content h2 {
font-size: 18px;
}
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
font-size: 16px;
}
.entry-navigation {
margin-top: 0;
}
.entry-navigation:before {
display: none;
}
.entry-header__slash {
margin-top: 0;
}
}
@media screen and (max-height: 320px) {
.slide .info .slide-subtitle,
.slide .info .description,
.slide .info .decoration {
display: none;
}
.slide .info .slide-title {
margin: 0;
}
} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 124.8dpi) {
.footer-links .credits:before,
.footer-links li:before {
background-image: url(//meyssonnier.fr/wp-content/themes/fluxus/images/slash@2x.png);
background-size: auto 100%;
}
}.site-navigation .active > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-item > a:hover,
.site-navigation .current-menu-ancestor > a,
.site-navigation .active .current-fluxus-project-type-ancestor > a,
.site-navigation .current-menu-parent > a,
.current-fluxus_portfolio-parent > a,
.navigation-paging .paging .current,
.slide .style-default .button:hover,
.slider-navigation li a.active,
.slider-navigation li a:hover,
.page-contacts .entry-content .button,
.button-close-map,
.tooltip,
.fluxus-lightbox__btn,
.page-contacts .entry-content .button:hover,
.button-close-map:hover,
.button--accent,
.button-accent {
background-color: #FFF200;
color: #a0a0a0;
}
.button-accent:hover,
.button--accent:hover {
background-color: #ccc200;
color: #bababa;
}
.fluxus-modal,
.paging .current {
border-color: #FFF200;
}
.tooltip:after {
border-top-color: #FFF200;
}
.other-projects__item--active .other-projects__item-overlay {
background: rgba(255,242,0,0.3);
color: #ffffff;
}
.fluxus-loading__indicator,
.fluxus-lightbox__status,
.paging .current,
.sticky-indicator,
.bypostauthor-icon:before {
background-color: #FFF200;
}
.swiper-pagination-bullet-active .double-circle__top {
stroke: #FFF200;
}
.wp-block-quote:before,
.entry-content blockquote:before {
background-color: #FFF200;
color: #a0a0a0;
}
:root {
--plyr-color-main: #FFF200;
--plyr-color-spacing: 16px;
}
.plyr__control--overlaid svg {
color: #a0a0a0;
}