*:focus{
outline: 3px solid #fd855d;
}
html {
font: inherit;
font-size: 62.5%;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
max-width: 100%;
overflow-x: hidden;
}
body {
overflow-x: hidden;
}
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
img {
max-width: 100%;
height: auto;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
.clear {
clear: both;
}
.screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
::-moz-selection {
background: #ff9571;
color: black;
}
::selection {
background: #ff9571;
color: black;
}
::-moz-selection {
background: #ff9571;
color: black;
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeinblock {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes fadeinblock {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.logomorph-bg,
.logomorph-circle {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.logomorph-bg {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
svg.loader {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
z-index: 1000;
}
svg.loader circle {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
svg.loader.is-loading {
display: block;
}
svg.loader g {
display: none;
}
svg.loader.is-loading g {
display: block;
-webkit-animation: fadein 600ms ease-in-out;
animation: fadein 600ms ease-in-out;
}
.container-header {
height: 100px;
width: 100%;
background: white;
}
.wrapper-header {
width: 90%;
max-width: 1200px;
margin: 0 auto;
position: relative;
font-family: 'Source Sans Pro', sans-serif;
}
.logo-header {
position: absolute;
top: 18px;
left: 0;
}
.nav-header {
text-align: center;
padding-left: 100px;
}
.nav-header > div {
display: flex;
justify-content: right;
}
.nav-header .menu {
display: flex;
justify-content: center;
width: 100%;
max-width: 800px;
}
.nav-header .menu li {
flex: 1 1 100%;
line-height: 100px;
vertical-align: top;
}
.nav-header .menu li .sub-menu {
display: none;
position: relative;
background: white;
z-index: 4;
}
.nav-header .menu li:hover .sub-menu, .nav-header .menu li:focus-within .sub-menu {
display: block;
position: relative;
background: white;
z-index: 4;
}
.nav-header .menu li .sub-menu li {
display: block;
line-height: 70px;
border-bottom: 1px solid #eee;
}
.nav-header .menu li .sub-menu li a {
height: auto;
}
.nav-header .menu li .sub-menu a:hover, .nav-header .menu li .sub-menu a:focus-within {
color: black;
}
.nav-header .menu li .sub-menu a:hover:after, .nav-header .menu li .sub-menu a:focus:after{
width: 100%;
}
.nav-header .menu li a {
color: #333333;
font-size: 18px;
font-size: 1.8rem;
text-decoration: none;
padding: 5px 0 0 0;
height: 95px;
display: block;
position: relative;
}
.nav-header .menu li a:hover,.nav-header .menu li a:focus {
color: black;
}
.nav-header .menu li a:hover:after, .nav-header .menu li a:focus:after {
width: 100%;
}
.nav-header .menu li a:after {
content: '';
background: #fd855d;
width: 0;
margin: 0 auto;
height: 4px;
position: absolute;
bottom: 0;
left: 0;
-webkit-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-moz-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-ms-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-o-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
}
.nav-header .menu li .sub-menu a:after {
height: 2px;
}
#menu-item-2468 {
}
#menu-item-2541 a {
color: #f599b0 !important;
font-weight: 700;
}
#menu-item-2541 a:after {
background: #f599b0;
}
#logomorph {
position: absolute;
top: 30%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 5;
}
.home-background {
width: 90%;
height: 80vh;
max-height: 720px;
max-width: 1900px;
position: relative;
overflow: hidden;
margin: 2vh auto 0;
box-shadow: 0px 5px 65px 0px rgba(0, 0, 0, 0.12);
}
.slider-img {
position: absolute;
width: 100%;
height: 100%;
background: no-repeat 50% 50%;
background-size: cover;
-webkit-animation-name: kenburns;
animation-name: kenburns;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 20s;
animation-duration: 20s;
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.slider-img:nth-child(2) {
-webkit-animation-name: kenburns-1;
animation-name: kenburns-1;
z-index: 3;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.slider-img:nth-child(3) {
-webkit-animation-name: kenburns-2;
animation-name: kenburns-2;
z-index: 2;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
}
.slider-img:nth-child(4) {
-webkit-animation-name: kenburns-3;
animation-name: kenburns-3;
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
z-index: 1;
}
@-webkit-keyframes kenburns-1 {
0% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
-webkit-transform: scale(1);
transform: scale(1);
}
1% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
30% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
34.5% {
opacity: 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
98.5% {
opacity: 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes kenburns-1 {
0% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
-webkit-transform: scale(1);
transform: scale(1);
}
1% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
30% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
34.5% {
opacity: 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
98.5% {
opacity: 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes kenburns-2 {
31.5% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
-webkit-transform: scale(1);
transform: scale(1);
}
34.5% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
64.5% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
67.5% {
opacity: 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
opacity: 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes kenburns-2 {
31.5% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
-webkit-transform: scale(1);
transform: scale(1);
}
34.5% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
64.5% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
67.5% {
opacity: 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
opacity: 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes kenburns-3 {
64.5% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
-webkit-transform: scale(1);
transform: scale(1);
}
67.5% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
98.5% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
100% {
opacity: 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@keyframes kenburns-3 {
64.5% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
-webkit-transform: scale(1);
transform: scale(1);
}
67.5% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
98.5% {
opacity: 1;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
100% {
opacity: 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
.search-container {
max-width: 760px;
padding: 30px 5% 40px;
width: 100%;
-webkit-box-shadow: 0px 5px 65px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0px 5px 65px 0px rgba(0, 0, 0, 0.12);
margin: -100px auto 0;
background: white;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 6;
}
.search-wrapper {
margin: 0 auto;
width: 100%;
max-width: 555px;
}
.search-wrapper span.site-title {
text-align: center;
}
.search-flexbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 32px auto 60px;
}
span.site-title {
font-size: 30px;
font-size: 3rem;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
color: #333333;
display: block;
}
.search-el {
-webkit-box-flex: 0;
-ms-flex: 0 0 158px;
flex: 0 0 158px;
padding: 25px 0 30px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.21);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.21);
position: relative;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
cursor: pointer;
text-align: center;
}
.search-el svg {
max-width: 30px;
max-height: 30px;
}
.search-el:after {
content: '';
width: 100%;
height: 3px;
background: #fd855d;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: 200ms all ease-in-out;
-moz-transition: 200ms all ease-in-out;
-ms-transition: 200ms all ease-in-out;
-o-transition: 200ms all ease-in-out;
}
.search-el.is-filtered {
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.21);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.21);
}
.search-el.is-filtered:after {
height: 6px;
}
.search-el:hover {
-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.12);
}
.search-el-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
padding-bottom: 10px;
margin-bottom: 18px;
}
.search-el-title span {
padding-left: 10px;
font-weight: bold;
font-size: 18px;
font-size: 1.8rem;
color: #fd855d;
font-family: 'Source Sans Pro', sans-serif;
}
.search-el-title:after {
content: '';
width: 24px;
height: 1px;
background: #fd855d;
position: absolute;
bottom: 0;
margin: 0 auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.selection {
padding-top: 25px;
font-weight: bold;
font-size: 16px;
font-size: 1.6rem;
color: #999999;
font-family: 'Source Sans Pro', sans-serif;
}
.selection.is-changed {
color: #333333;
}
.is-filtered .selection {
color: #333333;
}
.filter-overlay {
display: none;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
overflow: hidden;
opacity: 0;
z-index: 7;
}
.filter-overlay.is-open {
display: block;
opacity: 1;
}
.filter-close {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.filter-container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.filter-btn {
display: none;
opacity: 0;
position: absolute;
bottom: -6px;
right: -12px;
width: 40px;
height: 40px;
margin-top: 5px;
z-index: 10;
border: 3px solid #fd855d;
background: white;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
cursor: pointer;
-o-transition: all 1s cubic-bezier(0, 1.01, 0.3, 0.97);
-webkit-transition: all 1s cubic-bezier(0, 1.01, 0.3, 0.97);
transition: all 1s cubic-bezier(0, 1.01, 0.3, 0.97);
}
.filter-btn:before {
content: '';
position: absolute;
height: 3px;
background-color: #fd855d;
width: 7px;
left: 10px;
top: 18px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.filter-btn:after {
content: '';
position: absolute;
left: 13px;
top: 16px;
width: 12px;
height: 3px;
background-color: #fd855d;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.filter-btn:hover {
background: #fd855d;
}
.filter-btn:hover:before {
background-color: white;
}
.filter-btn:hover:after {
background-color: white;
}
.is-open-filter .filter-btn {
display: block;
opacity: 1;
}
.filter-lieu {
width: 200px;
background: #fd855d;
max-height: 300px;
height: 80vh;
display: none;
opacity: 0;
left: -200px;
position: relative;
top: 0;
}
.filter-lieu.is-open-filter {
display: block;
opacity: 1;
-webkit-animation: fadeinblock 300ms cubic-bezier(0, 1.01, 0.3, 0.97);
animation: fadeinblock 300ms cubic-bezier(0, 1.01, 0.3, 0.97);
}
.filter-dif {
width: 200px;
background: #fd855d;
max-height: 300px;
height: 80vh;
display: none;
opacity: 0;
left: 0;
position: relative;
top: 0;
padding-top: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.filter-dif.is-open-filter {
display: block;
opacity: 1;
-webkit-animation: fadeinblock 300ms cubic-bezier(0, 1.01, 0.3, 0.97);
animation: fadeinblock 300ms cubic-bezier(0, 1.01, 0.3, 0.97);
}
#slider-dif {
height: 200px;
}
.filter-duree {
width: 200px;
background: #fd855d;
max-height: 300px;
height: 80vh;
display: none;
opacity: 0;
left: 200px;
position: relative;
top: 0;
padding-top: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.filter-duree.is-open-filter {
display: block;
opacity: 1;
-webkit-animation: fadeinblock 300ms cubic-bezier(0, 1.01, 0.3, 0.97);
animation: fadeinblock 300ms cubic-bezier(0, 1.01, 0.3, 0.97);
}
#slider-duree {
height: 200px;
}
.uwpqsf_class.togglecheck {
display: none;
}
.dropdown-lieu {
width: 80%;
display: block;
margin: 0 auto;
outline: none;
border: none;
color: white;
background: #fd855d;
}
.dropdown-lieu:hover {
outline: none;
}
.dropdown-lieu:active {
outline: none;
}
.dropdown-lieu option {
padding: 10px;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#fd855d),
to(#fd855d)
);
background: -webkit-linear-gradient(#fd855d, #fd855d);
background: -o-linear-gradient(#fd855d, #fd855d);
background: linear-gradient(#fd855d, #fd855d);
position: relative;
display: block;
margin: 0 auto 2px;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
cursor: pointer;
}
.dropdown-lieu option:after {
content: '';
position: absolute;
background: rgba(255, 255, 255, 0.2);
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 0px;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.dropdown-lieu option:checked {
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#fd855d),
to(#fd855d)
);
background: -webkit-linear-gradient(#fd855d, #fd855d);
background: -o-linear-gradient(#fd855d, #fd855d);
background: linear-gradient(#fd855d, #fd855d);
font-weight: bold;
}
.dropdown-lieu option:checked:after {
width: 100%;
}
.dropdown-lieu option.level-0 {
font-weight: bold;
padding-left: 15px;
}
.dropdown-lieu option.level-1:after {
left: 0px;
}
.ms-parent {
display: inline-block;
position: relative;
vertical-align: middle;
}
.ms-choice {
display: none;
width: 100%;
height: 26px;
padding: 0;
overflow: hidden;
border: none;
text-align: left;
white-space: nowrap;
line-height: 26px;
color: white;
text-decoration: none;
background-color: #fd855d;
}
.ms-choice.disabled {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.ms-choice > span {
position: absolute;
top: 0;
left: 0;
right: 20px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: block;
padding-left: 8px;
}
.ms-choice > span.placeholder {
color: white;
}
.ms-drop {
width: 100%;
overflow: hidden;
display: none;
margin-top: -1px;
padding: 0;
position: absolute;
z-index: 8;
background: #fd855d;
color: white;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ms-drop.bottom {
top: 100%;
}
.ms-drop.top {
bottom: 100%;
}
.ms-search {
display: inline-block;
margin: 0;
min-height: 26px;
padding: 3px 6px;
position: relative;
white-space: nowrap;
width: 100%;
z-index: 9;
}
.ms-search input {
width: 100%;
height: auto !important;
min-height: 28px;
padding: 0 20px 0 5px;
margin: 0;
outline: 0;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: #fff url(//camilles-travels.com/wp-content/themes/camillestravels/multiple-select.png) no-repeat 100% -20px;
background: url(//camilles-travels.com/wp-content/themes/camillestravels/multiple-select.png) no-repeat 100% -20px,
-webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
background: url(//camilles-travels.com/wp-content/themes/camillestravels/multiple-select.png) no-repeat 100% -20px,
-webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
background: url(//camilles-travels.com/wp-content/themes/camillestravels/multiple-select.png) no-repeat 100% -20px,
-o-linear-gradient(bottom, white 85%, #eeeeee 99%);
background: url(//camilles-travels.com/wp-content/themes/camillestravels/multiple-select.png) no-repeat 100% -20px,
-webkit-gradient(linear, left top, left bottom, color-stop(85%, #ffffff), color-stop(99%, #eeeeee));
background: url(//camilles-travels.com/wp-content/themes/camillestravels/multiple-select.png) no-repeat 100% -20px,
-webkit-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
background: url(//camilles-travels.com/wp-content/themes/camillestravels/multiple-select.png) no-repeat 100% -20px,
-o-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
background: url(//camilles-travels.com/wp-content/themes/camillestravels/multiple-select.png) no-repeat 100% -20px,
linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}
.ms-search,
.ms-search input {
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.ms-drop ul {
overflow: auto;
margin: 0;
padding: 2px 0;
font-size: 14px;
font-size: 1.4rem;
font-family: 'Source Sans Pro', sans-serif;
height: 60vh;
}
.ms-drop ul > li {
list-style: none;
display: list-item;
background-image: none;
position: static;
padding: 0 8px;
cursor: pointer;
}
.ms-drop ul > li:nth-child(2n + 1) {
background: #ff9571;
}
.ms-drop ul > li .disabled {
opacity: 0.35;
filter: alpha(opacity=35);
}
.ms-drop ul > li.multiple {
display: block;
float: left;
}
.ms-drop ul > li.group {
clear: both;
}
.ms-drop ul > li.level-1 {
padding-left: 20px;
}
.ms-drop ul > li.multiple label {
width: 100%;
display: block;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.ms-drop ul > li label {
font-weight: normal;
display: block;
white-space: nowrap;
padding: 7px 0;
cursor: pointer;
}
.ms-drop ul > li label.optgroup {
font-weight: bold;
}
.ms-drop input[type='checkbox'] {
vertical-align: middle;
height: 15px;
width: 15px;
margin-right: 10px;
-webkit-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-moz-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-ms-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-o-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
}
.ms-drop ul > li:hover input[type='checkbox'] {
margin-right: 13px;
}
.ms-drop .ms-no-results {
display: none;
}
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base {
margin: 0 auto;
}
.noUi-base,
.noUi-connects {
width: 60%;
height: 100%;
position: relative;
z-index: 1;
cursor: pointer;
} .noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
} html:not([dir='rtl']) .noUi-horizontal .noUi-origin {
left: auto;
right: 0;
} .noUi-vertical .noUi-origin {
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
position: absolute;
-webkit-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-moz-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-ms-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-o-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform 0.3s;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
} .noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px;
}
.noUi-vertical {
width: 200px;
}
.noUi-vertical .noUi-handle {
width: 34px;
height: 34px;
left: -8px;
top: -17px;
}
html:not([dir='rtl']) .noUi-horizontal .noUi-handle {
right: -17px;
left: auto;
} .noUi-target:after {
content: '';
background: #ff9571;
width: 18px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 40px;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect:after {
content: '';
background: #ef754d;
width: 18px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0px;
} .noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 2px solid #fd855d;
border-radius: 50%;
background: #fff;
cursor: default;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-handle:hover {
border: 2px solid #fd855d;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} .noUi-handle:focus {
outline: none;
}
.noUi-handle:before,
.noUi-handle:after {
content: '';
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #ff9571;
left: 14px;
top: 6px;
-webkit-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-moz-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-ms-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-o-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 8px;
top: 13px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
.noUi-active.noUi-handle:after {
width: 8px;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
left: 12px;
top: 12px;
}
.noUi-active.noUi-handle:before {
width: 8px;
-webkit-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
transform: rotate(-40deg);
left: 12px;
top: 17px;
} .noUi-pips,
.noUi-pips * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: white;
} .noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
}
.noUi-value-sub {
color: white;
} .noUi-marker {
position: absolute;
background: white;
}
.noUi-marker-sub {
background: white;
}
.noUi-marker-large {
background: white;
} .noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
} .noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 34%;
}
.noUi-value-vertical {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%, 0);
transform: translate(0, -50%, 0);
padding-left: 20px;
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 0;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 10px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
@-webkit-keyframes a {
0% {
-webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0);
transform: translate(-50%, -50%) rotateX(0) rotateY(0);
}
50% {
-webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
}
to {
-webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
}
}
@keyframes a {
0% {
-webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0);
transform: translate(-50%, -50%) rotateX(0) rotateY(0);
}
50% {
-webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
}
to {
-webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
}
}
.fluidbox {
outline: none;
}
.aligncenter-wrap {
display: flex;
}
.fluidbox__overlay {
background-color: rgba(255, 255, 255, 0.85);
cursor: pointer;
cursor: -webkit-zoom-out;
cursor: zoom-out;
opacity: 0;
pointer-events: none;
position: fixed;
top: -100%;
left: 0;
bottom: -100%;
right: 0;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.fluidbox--opened .fluidbox__overlay {
pointer-events: auto;
}
.fluidbox__wrap {
background-position: center center;
background-size: cover;
margin: 0 auto;
position: relative;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
display: flex;
justify-content: center;
}
.fluidbox--closed .fluidbox__thumb,
.fluidbox__thumb {
-webkit-transition: opacity 0s ease-in-out 0s;
-o-transition: opacity 0s ease-in-out 0s;
transition: opacity 0s ease-in-out 0s;
}
.fluidbox__ghost {
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
-webkit-transition: opacity 0s 0s, -webkit-transform 0.5s 0s;
transition: opacity 0s 0s, -webkit-transform 0.5s 0s;
-webkit-transition: opacity 0s 0s, -webkit-transform 0.5s 0s;
transition: opacity 0s 0s, -webkit-transform 0.5s 0s;
-o-transition: opacity 0s 0s, transform 0.5s 0s;
transition: opacity 0s 0s, transform 0.5s 0s;
transition: opacity 0s 0s, transform 0.5s 0s, -webkit-transform 0.5s 0s;
transition: opacity 0s 0s, transform 0.5s 0s, -webkit-transform 0.5s 0s;
}
.fluidbox--opened .fluidbox__ghost {
cursor: pointer;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fluidbox--closed .fluidbox__ghost {
-webkit-transition: opacity 0s 0.5s, -webkit-transform 0.5s 0s;
transition: opacity 0s 0.5s, -webkit-transform 0.5s 0s;
-webkit-transition: opacity 0s 0.5s, -webkit-transform 0.5s 0s;
transition: opacity 0s 0.5s, -webkit-transform 0.5s 0s;
-o-transition: opacity 0s 0.5s, transform 0.5s 0s;
transition: opacity 0s 0.5s, transform 0.5s 0s;
transition: opacity 0s 0.5s, transform 0.5s 0s, -webkit-transform 0.5s 0s;
transition: opacity 0s 0.5s, transform 0.5s 0s, -webkit-transform 0.5s 0s;
}
.fluidbox__loader {
opacity: 0;
-webkit-perspective: 200px;
perspective: 200px;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.fluidbox__loader:before {
background-color: rgba(255, 255, 255, 0.85);
content: '';
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
top: 50%;
left: 50%;
width: 20%;
padding-bottom: 20%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.fluidbox--loading .fluidbox__loader {
opacity: 1;
-webkit-transition: opacity 0.5s ease-in-out 0.5s;
-o-transition: opacity 0.5s ease-in-out 0.5s;
transition: opacity 0.5s ease-in-out 0.5s;
}
.fluidbox--loading .fluidbox__loader:before {
-webkit-animation: a 1s 0s infinite ease-in-out forwards;
animation: a 1s 0s infinite ease-in-out forwards;
}
#uwpqsffrom_69 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0;
}
.uwpqsf_submit {
-webkit-box-flex: 0;
-ms-flex: 0 0 158px;
flex: 0 0 158px;
}
#uwpqsf_id_btn {
width: 100%;
height: 100%;
background: #fd855d;
border: none;
border-bottom: 5px solid #ef754d;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
color: white;
font-family: 'Source Sans Pro', sans-serif;
-webkit-transition: border 100ms ease-in;
-moz-transition: border 100ms ease-in;
-ms-transition: border 100ms ease-in;
-o-transition: border 100ms ease-in;
}
#uwpqsf_id_btn:hover {
border-bottom: 3px solid #ef754d;
}
#uwpqsf_id_btn:active {
border-bottom: 0px solid #ef754d;
}
#uwpqsffrom_69 .uwpqsf_class:nth-last-of-type(3) {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin-right: 15px;
}
#uwpqsffrom_69 .uwpqsf_class:nth-last-of-type(3):after {
background: #fd855d;
width: 0;
position: absolute;
height: 1px;
content: '';
left: 0;
bottom: 0;
z-index: 2;
-webkit-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-moz-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-ms-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-o-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
}
#uwpqsffrom_69 .uwpqsf_class:nth-last-of-type(3).is-focused:after {
width: 100%;
}
#uwpqsf_id_key::-webkit-input-placeholder {
color: #999999;
}
#uwpqsf_id_key:-ms-input-placeholder {
color: #999999;
}
#uwpqsf_id_key::-ms-input-placeholder {
color: #999999;
}
#uwpqsf_id_key::placeholder {
color: #999999;
}
#uwpqsf_id_key {
padding: 0 3px 0 42px;
line-height: 56px;
font-size: 18px;
font-size: 1.8rem;
color: #333333;
font-family: 'Tinos', serif;
font-weight: bold;
width: 100%;
border: none;
position: relative;
background: url(//camilles-travels.com/wp-content/themes/camillestravels/img/loupe.jpg) no-repeat left 14px;
-webkit-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-moz-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-ms-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-o-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
}
#uwpqsf_id_key:hover {
background: url(//camilles-travels.com/wp-content/themes/camillestravels/img/loupe.jpg) no-repeat 3px 14px;
}
#uwpqsf_id_key:focus {
background: url(//camilles-travels.com/wp-content/themes/camillestravels/img/loupe.jpg) no-repeat 5px 14px;
}
#uwpqsf_id_key:focus {
outline: none;
}
#container {
position: relative;
border-bottom: 1px solid #e9e9e9;
}
#myCanvas {
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.novo-map-container {
height: calc(80vh) !important;
margin: 0 auto;
}
.wrapper-last-randos {
width: 90%;
margin: 0 auto;
max-width: 1200px;
padding-top: 60px;
}
.wrapper-last-randos .site-title {
margin-bottom: 45px;
}
.article-container {
text-decoration: none;
color: #333333;
background: white;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 25px;
}
.article-container.is-revealed {
-webkit-transition: 300ms all ease-in-out !important;
-moz-transition: 300ms all ease-in-out !important;
-ms-transition: 300ms all ease-in-out !important;
-o-transition: 300ms all ease-in-out !important;
}
.article-container:hover {
-webkit-box-shadow: 0px 5px 65px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0px 5px 65px 0px rgba(0, 0, 0, 0.12);
}
.article-infos-container {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
padding: 40px 50px 35px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.article-infos-container h2.entry-title {
font-weight: bold;
font-size: 26px;
font-size: 2.6rem;
padding-bottom: 15px;
font-family: 'Source Sans Pro', sans-serif;
}
.article-infos-container .entry-content {
font-size: 22px;
font-size: 2.2rem;
}
.article-infos {
font-family: 'Source Sans Pro', sans-serif;
color: #fd855d;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
margin-top: 20px;
}
.article-thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
margin-bottom: -2px;
}
.article-thumbnail img {
width: 100%;
height: auto;
}
.info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 5px;
}
.info svg {
-webkit-box-flex: 0;
-ms-flex: 0 1 22px;
flex: 0 1 22px;
margin-right: 13px;
}
.wrapper-article1200 {
width: 94%;
max-width: 1200px;
margin: 0 auto;
position: relative;
font-family: 'Tinos', serif;
}
.wrapper-article1200 .aligncenter,
.wrapper-article1200 .alignfull {
position: relative;
margin: 32px calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
text-align: center;
clear: both;
}
.wrapper-article1200 .alignwide {
clear: both;
}
.wrapper-article1200 figure.alignright {
float: right;
max-width: 49%;
height: auto;
margin-left: 1%;
}
.wrapper-article1200 figure.alignleft {
float: left;
max-width: 49%;
height: auto;
margin-right: 1%;
}
.entry-content .attachment-post-thumbnail {
width: auto;
max-width: 100%;
max-height: 800px;
max-height: 100vh;
margin: 0 auto 50px;
display: block;
}
h1.entry-title {
font-size: 48px;
font-size: 4.8rem;
color: #3c3c3c;
text-align: center;
font-weight: bold;
font-family: 'Source Sans Pro', sans-serif;
padding: 100px 0 110px;
}
h1.entry-title--category {
padding-bottom: 10px;
}
.entry-title-search {
font-size: 48px;
font-size: 4.8rem;
color: #3c3c3c;
text-align: center;
font-weight: bold;
font-family: 'Tinos', serif;
padding: 20px 0 50px;
}
.entry-meta {
text-align: center;
}
.entry-meta .date-author {
padding-bottom: 25px;
color: #797979;
font-weight: bold;
font-family: 'Tinos', serif;
font-size: 18px;
font-size: 1.8rem;
}
.article-infos-article {
padding-top: 20px;
font-family: 'Source Sans Pro', sans-serif;
color: #fd855d;
font-size: 17px;
font-size: 1.7rem;
font-weight: bold;
}
.info-article {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 15px;
}
.info-article svg {
-ms-grid-column-align: left;
justify-self: left;
margin: 10px 10px 10px 10px;
}
.info-article span {
text-align: left;
}
.resume {
padding: 100px 0;
text-align: center;
max-width: 420px;
width: 94%;
font-size: 19px;
font-size: 1.9rem;
color: #3c3c3c;
font-weight: bold;
margin: 0 auto;
line-height: 1.7;
}
.entry-content {
text-decoration-skip-ink: auto;
}
.entry-content p {
max-width: 546px;
margin: 0 auto 50px;
display: block;
font-size: 21px;
font-size: 2.1rem;
color: #666666;
line-height: 1.7;
clear: both;
}
.entry-content p.responsive-media {
max-width: 100%;
margin: 0 auto 50px;
}
.entry-content p strong {
font-weight: bold;
}
.entry-content p em {
font-style: italic;
}
.entry-content p.wp-caption-text {
font-size: 18px;
font-size: 1.8rem;
color: #333333;
font-family: 'Source Sans Pro', sans-serif;
text-align: center;
max-width: 700px;
padding-top: 15px;
}
.entry-content pre {
background: #333;
width: 100%;
color: white;
font-family: monospace;
white-space: pre;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.5;
display: block;
clear: both;
margin: 0 auto 50px;
padding: 30px;
overflow-x: scroll;
}
.entry-content code {
display: block;
max-width: 1000px;
margin: 0 auto;
}
.entry-content figure figcaption {
font-size: 18px;
font-size: 1.8rem;
color: #333333;
font-family: 'Source Sans Pro', sans-serif;
text-align: center;
max-width: 700px;
padding-top: 15px;
margin: 0 auto;
}
.entry-content h2 {
font-size: 30px;
font-size: 3rem;
font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
color: #333333;
max-width: 546px;
margin: 0 auto 30px;
display: block;
}
.entry-content h3 {
font-size: 25px;
font-size: 2.5rem;
font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
color: #6c6c6c;
max-width: 546px;
margin: 0 auto 30px;
display: block;
}
.entry-content img {
margin-bottom: 50px;
}
.entry-content figure img {
margin-bottom: 0;
}
.entry-content figure {
margin-bottom: 50px !important;
}
.entry-content .wp-video {
margin: 0 auto;
}
.entry-content .wp-caption.aligncenter {
max-width: 100vw;
}
.entry-content .wp-caption.alignnone {
max-width: 100%;
}
.entry-content .wp-caption:not(.aligncenter) {
margin: 0 auto;
}
.entry-content .wp-caption img {
margin-bottom: 0;
}
.entry-content blockquote {
margin: 0 auto 50px;
padding: 15px 30px 15px;
border-left: 3px solid #fd855d;
max-width: 546px;
display: block;
}
.entry-content blockquote p {
margin: 0 auto;
font-size: 24px;
font-size: 2.4rem;
color: #999999;
}
.entry-content a {
color: #fd855d;
-webkit-text-decoration-color: #fd855d;
text-decoration-color: #fd855d;
}
.entry-content a:visited {
color: #ff9571;
-webkit-text-decoration-color: #ff9571;
text-decoration-color: #ff9571;
}
.entry-content a:hover {
color: #ef754d;
-webkit-text-decoration-color: #ef754d;
text-decoration-color: #ef754d;
}
.entry-content ol {
margin: 0 auto 40px;
list-style: decimal outside;
}
.entry-content li {
max-width: 546px;
margin: 0 auto 20px;
font-size: 21px;
font-size: 2.1rem;
color: #666666;
line-height: 1.7;
}
.entry-content ul {
margin: 0 auto 40px;
list-style: disc outside;
}
#comments {
max-width: 1200px;
margin: 120px auto 120px;
text-decoration-skip-ink: auto;
}
.wp-block-embed-youtube .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#comments p {
max-width: 700px;
margin: 0 auto;
display: block;
font-size: 20px;
font-size: 2rem;
color: #666666;
line-height: 1.4;
}
#comments p strong {
font-weight: bold;
}
#comments p em {
font-style: italic;
}
#comments h3 {
font-size: 28px;
font-size: 2.8rem;
font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
color: #333333;
max-width: 700px;
margin: 0 auto 30px;
display: block;
}
#comments a {
color: #fd855d;
-webkit-text-decoration-color: #fd855d;
text-decoration-color: #fd855d;
}
#comments a:visited {
color: #ff9571;
-webkit-text-decoration-color: #ff9571;
text-decoration-color: #ff9571;
}
#comments a:hover {
color: #ef754d;
-webkit-text-decoration-color: #ef754d;
text-decoration-color: #ef754d;
}
#comments .comment-meta,
#comments .comment-reply-link {
font-size: 18px;
font-size: 1.8rem;
}
#comments ol {
margin: 0 auto 40px;
list-style: decimal outside;
}
#comments li {
max-width: 700px;
margin: 0 auto 70px;
font-size: 20px;
font-size: 2rem;
color: #666666;
line-height: 1.7;
list-style: none;
}
#comments ul {
margin: 0 auto 40px;
}
#comments ul.children {
margin-top: 20px;
padding-left: 20px;
border-left: 2px solid #fd855d;
}
#comments .avatar {
margin: 0;
}
#comment {
display: block;
width: 100%;
margin: 5px 0 20px;
font-size: 20px;
font-size: 2rem;
font-family: 'Tinos', serif;
color: #666666;
padding: 10px;
box-sizing: border-box;
}
.comment-form input:not([type='checkbox']) {
padding: 10px;
width: 100%;
box-sizing: border-box;
margin: 5px 0 20px;
font-size: 20px;
font-size: 2rem;
font-family: 'Tinos', serif;
color: #666666;
}
.form-submit #submit {
width: 100%;
padding: 15px;
background: #fd855d;
border: none;
border-bottom: 5px solid #ef754d;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
color: white;
font-family: 'Source Sans Pro', sans-serif;
-webkit-transition: border 100ms ease-in;
-moz-transition: border 100ms ease-in;
-ms-transition: border 100ms ease-in;
-o-transition: border 100ms ease-in;
margin-top: 30px;
}
.form-submit #submit:hover {
border-bottom: 3px solid #ef754d;
}
.form-submit #submit:active {
border-bottom: 0px solid #ef754d;
}
#copyright {
text-align: center;
margin: 200px auto;
display: block;
font-size: 16px;
font-size: 1.6rem;
color: #666666;
line-height: 1.7;
font-family: 'Source Sans Pro', sans-serif;
}
.elm-button {
color: white;
background: #fd855d;
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
font-size: 2rem;
border: none;
padding: 15px;
-webkit-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-moz-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-ms-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-o-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
}
.link-button {
width: 100%;
background: #fd855d;
font-weight: bold;
color: white !important;
font-family: 'Source Sans Pro', sans-serif;
display: block;
text-align: center;
padding: 15px 0;
text-decoration: none;
}
.link-button:hover {
background: #ff9571;
}
#nav-below .link-button {
margin-top: 50px;
}
.nav-previous a {
float: right;
}
.nav-next a {
float: left;
}
.nav-previousnext,
.nav-previous a,
.nav-next a {
background: #fd855d;
font-weight: bold;
font-size: 20px;
font-size: 2rem;
color: white !important;
font-family: 'Source Sans Pro', sans-serif;
text-align: center;
padding: 15px 20px;
margin-bottom: 50px;
text-decoration: none;
}
.nav-previousnext:hover {
background: #ff9571;
} .alm-btn-wrap .alm-load-more-btn {
font-size: 20px;
font-size: 2rem;
font-weight: 600;
width: auto;
background: #fd855d;
color: #fff;
border: none;
border-radius: 3px;
padding: 15px 20px;
display: inline-block;
position: relative;
-webkit-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-moz-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-ms-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-o-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
text-align: center;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;    }
.alm-btn-wrap .alm-load-more-btn:hover {
background-color: #ff9571;
color: #fff;
text-decoration: none;
}
.alm-btn-wrap .alm-load-more-btn:active {
-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
text-decoration: none;
}
.alm-btn-wrap .alm-load-more-btn:focus,
.alm-btn-wrap .alm-load-more-btn:active {
outline: none;
}
.alm-btn-wrap .alm-load-more-btn.loading {
background: #ff9571;
padding-left: 44px;
}
.alm-btn-wrap .alm-load-more-btn.done {
cursor: default;
opacity: 0.2;
background-color: #ed7070;
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.alm-btn-wrap .alm-load-more-btn:before,
.alm-btn-wrap .alm-load-more-btn.done:before {
background: none;
width: 0;
}
.alm-btn-wrap .alm-load-more-btn.loading:before {
background: url(//camilles-travels.com/wp-content/themes/camillestravels/img/ajax-loader.gif) no-repeat center center;
width: 30px;
height: 30px;
margin-left: 6px;
border-radius: 2px;
display: inline-block;
z-index: 0;
content: '';
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden;
-webkit-transition: width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
}
.alm-masonry,
.alm-btn-wrap {
display: block;
overflow: hidden;
clear: both;
}
.alm-btn-wrap {
text-align: center;
padding: 10px 0 25px;
} .ajax-load-more-wrap.blue .alm-load-more-btn {
background-color: #0081bf;
}
.ajax-load-more-wrap.blue .alm-load-more-btn:hover,
.ajax-load-more-wrap.blue .alm-load-more-btn.done {
background-color: #0073aa;
} .ajax-load-more-wrap.green .alm-load-more-btn {
background-color: #6fca68;
}
.ajax-load-more-wrap.green .alm-load-more-btn:hover,
.ajax-load-more-wrap.green .alm-load-more-btn.done {
background-color: #64b95e;
} .ajax-load-more-wrap.red .alm-load-more-btn {
background-color: #ca4b4b;
}
.ajax-load-more-wrap.red .alm-load-more-btn:hover,
.ajax-load-more-wrap.red .alm-load-more-btn.done {
background-color: #b13b3b;
} .ajax-load-more-wrap.purple .alm-load-more-btn {
background-color: #a86bb9;
}
.ajax-load-more-wrap.purple .alm-load-more-btn:hover,
.ajax-load-more-wrap.purple .alm-load-more-btn.done {
background-color: #9963a8;
} .ajax-load-more-wrap.grey .alm-load-more-btn {
background-color: #888;
}
.ajax-load-more-wrap.grey .alm-load-more-btn:hover,
.ajax-load-more-wrap.grey .alm-load-more-btn.done {
background-color: #777;
} .ajax-load-more-wrap.white .alm-load-more-btn {
background-color: #fff;
color: #666;
border: 1px solid #efefef;
}
.ajax-load-more-wrap.white .alm-load-more-btn:hover,
.ajax-load-more-wrap.white .alm-load-more-btn.done {
background-color: #efefef;
color: #333;
}
.ajax-load-more-wrap.white .alm-load-more-btn.done {
border-color: #fff;
} .ajax-load-more-wrap.infinite .alm-load-more-btn {
width: 100%;
background-color: transparent !important;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//camilles-travels.com/wp-content/img/spinner.gif);
border: none !important;
opacity: 0;
-webkit-transition: opacity 0.25s ease;
-o-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
-webkit-box-shadow: none !important;
box-shadow: none !important;
overflow: hidden;
text-indent: -9999px;
cursor: default !important;
outline: none !important;
}
.ajax-load-more-wrap.infinite .alm-load-more-btn:before {
display: none !important;
}
.ajax-load-more-wrap.infinite .alm-load-more-btn:active {
-webkit-box-shadow: none;
box-shadow: none;
}
.ajax-load-more-wrap.infinite .alm-load-more-btn.done {
opacity: 0;
}
.ajax-load-more-wrap.infinite .alm-load-more-btn.loading {
opacity: 1;
}
.ajax-load-more-wrap.infinite.skype .alm-load-more-btn {
background-image: url(//camilles-travels.com/wp-content/img/spinner-skype.gif);
}
.ajax-load-more-wrap.infinite.ring .alm-load-more-btn {
background-image: url(//camilles-travels.com/wp-content/img/spinner-ring.gif);
}
.ajax-load-more-wrap.infinite.fading-blocks .alm-load-more-btn {
background-image: url(//camilles-travels.com/wp-content/img/loader-fading-blocks.gif);
}
.ajax-load-more-wrap.infinite.fading-circles .alm-load-more-btn {
background-image: url(//camilles-travels.com/wp-content/img/loader-fading-circles.gif);
}
.ajax-load-more-wrap.infinite.chasing-arrows .alm-load-more-btn {
background-image: url(//camilles-travels.com/wp-content/img/spinner-chasing-arrows.gif);
}
.ssbp-list {
margin: 20px 0 50px !important;
}
.ssbp-wrap {
width: 100%;
}
.ssbp--theme-2 .ssbp-btn {
line-height: 48px !important;
}
.required {
font-size: 1.8rem;
color: #f6a43a;
font-weight: bold;
}
.comment-notes {
font-size: 1.8rem !important;
margin-bottom: 20px !important;
} .alm-listing {
margin: 0;
padding: 0;
}
.alm-listing li {
background: none;
margin: 0 0 30px;
padding: 0 0 0 170px;
overflow: hidden;
position: relative;
list-style: none;
}
.alm-listing li.no-img {
padding: 0;
}
.alm-listing li p {
margin: 0;
}
.alm-listing li h3 {
margin: 0 0 10px;
}
.alm-listing li img {
position: absolute;
left: 0;
top: 0;
border-radius: 2px;
}
.infobox {
overflow: hidden !important;
}
.novo-map_infobox_style_default img:first-child {
padding: 6px;
z-index: 100;
}
.infobox-content .description {
display: none;
}
.infobox-content img {
position: absolute;
top: 50%;
left: 0;
z-index: -1;
margin: 0 !important;
width: 100% !important;
height: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.infobox-content a {
position: absolute;
z-index: 10;
height: 100%;
width: 100%;
display: block;
vertical-align: middle;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-decoration: none;
-webkit-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-moz-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-ms-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-o-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
}
.infobox-content a .title {
margin: 0 !important;
width: 90% !important;
position: absolute;
bottom: 50%;
left: 50%;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
-webkit-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-moz-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-ms-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
-o-transition: 400ms all cubic-bezier(0.05, 0.9, 0.13, 0.99);
}
.infobox-content a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
}
.infobox-content a:hover .title {
-webkit-transform: translate(-50%, 120%);
-ms-transform: translate(-50%, 120%);
transform: translate(-50%, 120%);
}
.infobox-content a:hover:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.1);
}
.rs-svg {
display: inline-block;
margin: 20px 5px;
}
.rs-svg svg path,
.rs-svg svg circle {
-webkit-transition: 300ms fill ease;
-moz-transition: 300ms fill ease;
-ms-transition: 300ms fill ease;
-o-transition: 300ms fill ease;
}
.bg-svg-fb,
.bg-svg-insta {
fill: white;
}
.color-svg-fb {
fill: #788bcc;
}
.color-svg-insta {
fill: #ff78b2;
}
.rs-svg:hover .bg-svg-fb {
fill: #788bcc;
}
.rs-svg:hover .bg-svg-insta {
fill: #ff78b2;
}
.rs-svg:hover .color-svg-insta,
.rs-svg:hover .color-svg-fb {
fill: white;
}
#travelersmap-container {
margin: 0 auto;
}
.travelersmap-container {
margin: 0 auto;
}
@media screen and (max-width: 1200px) {
.article-thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
}
.article-infos-container {
-webkit-box-flex: 0;
-ms-flex: 0 1 70%;
flex: 0 1 70%;
padding: 20px 40px;
}
.article-infos-container h2.entry-title {
font-size: 20px;
font-size: 2rem;
}
.article-infos-container .entry-content {
font-size: 18px;
font-size: 1.8rem;
}
.article-infos {
font-size: 16px;
font-size: 1.6rem;
}
#myCanvas {
display: none;
visibility: hidden;
}
.article-thumbnail img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media screen and (max-width: 1000px) {
.article-thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 1 30%;
flex: 0 1 30%;
}
.article-infos-container {
-webkit-box-flex: 0;
-ms-flex: 0 1 70%;
flex: 0 1 70%;
padding: 20px 40px;
}
.article-infos-container h2.entry-title {
font-size: 20px;
font-size: 2rem;
}
.article-infos-container .entry-content {
font-size: 18px;
font-size: 1.8rem;
}
.article-infos {
font-size: 16px;
font-size: 1.6rem;
margin-top: 20px;
}
}
@media screen and (max-width: 780px) {
h1.entry-title {
font-size: 35px;
font-size: 3.5rem;
padding: 50px 0 70px;
}
.resume {
padding: 50px 0;
}
.article-thumbnail img {
width: 100%;
height: auto;
position: relative;
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.right-menu-icon-text {
float: none !important;
display: block;
text-align: center;
font-size: 12px !important;
font-family: 'Source Sans Pro', sans-serif !important;
}
.mob-menu-header-holder {
position: absolute !important;
}
.mobmenu-right-bt {
text-decoration: none;
}
.article-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.article-thumbnail {
overflow: hidden;
}
}
@media screen and (max-width: 600px) {
.wrapper-article1200 .alignleft {
float: none;
max-width: 100%;
}
.wrapper-article1200 .alignright {
float: none;
max-width: 100%;
}
.article-infos-container {
-webkit-box-flex: 0;
-ms-flex: 0 1 70%;
flex: 0 1 70%;
padding: 20px 4%;
}
#uwpqsf_id_btn {
padding: 15px 0;
}
span.site-title {
font-size: 24px;
font-size: 2.4rem;
}
.search-flexbox {
display: block;
text-align: center;
}
.search-el {
display: inline-block;
margin: 5px;
min-width: 158px;
}
.filter-lieu,
.filter-duree {
left: 0;
}
#uwpqsffrom_69 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.uwpqsf_submit {
-webkit-box-flex: 0;
-ms-flex: 0 0 58px;
flex: 0 0 58px;
margin-top: 25px;
}
#uwpqsffrom_69 .uwpqsf_class:nth-last-of-type(3) {
margin-right: 0;
}
}