@charset "UTF-8";

@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v14/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYhQ.ttf) format('truetype');
}
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'), url(https://fonts.gstatic.com/s/playfairdisplay/v14/nuFlD-vYSZviVYUb_rj3ij__anPXBYf9lW4e4w.ttf) format('truetype');
}
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKtdSZaM9iE8KbpRA_hK1QI.ttf) format('truetype');
}
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v9/6xKodSZaM9iE8KbpRA_pkHEYT8L6.ttf) format('truetype');
}
@font-face {
font-family: 'Reem Kufi';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Reem Kufi Regular'), local('ReemKufi-Regular'), url(https://fonts.gstatic.com/s/reemkufi/v6/2sDcZGJLip7W2J7v7wQzaGW8.ttf) format('truetype');
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff url(//mainaud-creation.com/wp-content/themes/mainaud/assets/css/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@font-face {
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(//mainaud-creation.com/wp-content/themes/mainaud/assets/css/fonts/slick.eot);
src: url(//mainaud-creation.com/wp-content/themes/mainaud/assets/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//mainaud-creation.com/wp-content/themes/mainaud/assets/css/fonts/slick.woff) format('woff'), url(//mainaud-creation.com/wp-content/themes/mainaud/assets/css/fonts/slick.ttf) format('truetype'), url(//mainaud-creation.com/wp-content/themes/mainaud/assets/css/fonts/slick.svg#slick) format('svg');
}
.slick-prev {
left: -25px;
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir="rtl"] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir="rtl"] .slick-next:before {
content: "←";
} .slick-dotted .slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 5rem;
line-height: 20px;
text-align: center;
color: #ffffff;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: #ffffff;
opacity: 0.75;
}
.slider {
position: relative;
}
@media (min-height: 600px) {
.slider {
max-height: calc(100vh - 195px);
overflow: hidden;
}
}
@media (min-width: 768px) and (min-height: 600px) {
.slider {
max-height: calc(100vh - 89px);
}
}
@media (min-width: 981px) and (min-height: 600px) {
.slider {
max-height: calc(100vh - 140px);
}
}
.slider-img {
position: relative;
overflow: hidden;
margin: 0;
}
@media (min-height: 600px) {
.slider-img {
max-height: calc(100vh - 195px);
overflow: hidden;
}
}
@media (min-width: 768px) and (min-height: 600px) {
.slider-img {
max-height: calc(100vh - 89px);
}
}
@media (min-width: 981px) and (min-height: 600px) {
.slider-img {
max-height: calc(100vh - 140px);
}
}
.slider-img img {
-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
-o-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
@media (max-width: 767px) {
.slider-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
}
.slider-img img {
position: relative;
max-width: none;
height: 100%;
width: auto;
}
}
@media (min-width: 1920px) {
.slider-img img {
max-width: none;
width: 100%;
}
}
.slider-container {
z-index: 2;
padding: 15px;
}
@media (max-width: 767px) {
.slider-container {
position: relative;
}
}
@media (min-width: 768px) {
.slider-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
}
.slider-item {
position: relative;
}
@media (max-width: 767px) {
.slider-item {
display: flex;
align-items: center;
justify-content: center;
}
}
.slider-text {
background: rgba(255, 255, 255, 0.8);
position: relative;
padding: 15px 15px 30px;
}
.slick-active .slider-text {
-webkit-animation: fadeInDownSlider 1s both 1s;
-o-animation: fadeInDownSlider 1s both 1s;
animation: fadeInDownSlider 1s both 1s;
}
.slider-text p {
font-size: 22px;
text-align: left;
}
.slider-text h1,
.slider-text h2 {
font-size: 40px;
color: #000000;
}
.slider-text h1 {
margin: 0 0 20px;
text-align: left;
}
.slider-text h2 {
text-transform: none;
padding: 0;
margin: 0 0 20px;
text-align: left;
}
.slider-text h2:before,
.slider-text h2:after {
display: none;
}
.slider-link {
margin-left: 15px;
margin-top: -15px;
position: relative;
z-index: 2;
}
.slick-active .slider-link {
-webkit-animation: fadeOutLeftSlider 1s both 1.5s;
-o-animation: fadeOutLeftSlider 1s both 1.5s;
animation: fadeOutLeftSlider 1s both 1.5s;
}
.slick-active img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
@media (max-width: 767px) {
.slick-initialized .slick-track,
.slick-initialized .slick-slide {
display: flex;
height: auto;
}
}
.pagefeaturecolumn {
border-radius: 0;
}
@media (min-width: 981px) {
.pagefeaturecolumn {
display: flex;
}
}
.pagefeaturecolumn .features_column {
position: relative;
padding: 15px;
-webkit-transition: background ease 0.5s;
-o-transition: background ease 0.5s;
transition: background ease 0.5s;
}
@media (max-width: 980px) {
.pagefeaturecolumn .features_column {
padding: 0;
margin-bottom: 25px;
}
}
@media (min-width: 981px) {
.pagefeaturecolumn .features_column {
display: flex;
}
}
.pagefeaturecolumn .features_column h2 {
font-size: 3rem;
}
.pagefeaturecolumn .features_column h3 {
font-size: 2rem;
font-weight: 300;
}
.pagefeaturecolumn .features_column:hover {
border-radius: 0;
background: #E6E6E6;
color: #000000;
}
.pagefeaturecolumn .features_column:hover .features_content {
opacity: 1;
}
.pagefeaturecolumn .features_column:hover .features_title {
opacity: 0;
}
@media (max-width: 980px) {
.pagefeaturecolumn .features_title {
padding: 0;
}
}
@media (min-width: 981px) {
.pagefeaturecolumn .features_title {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
-webkit-transition: opacity ease 0.5s;
-o-transition: opacity ease 0.5s;
transition: opacity ease 0.5s;
}
}
@media (min-width: 981px) {
.pagefeaturecolumn .features_content {
opacity: 0;
-webkit-transition: opacity ease 0.5s;
-o-transition: opacity ease 0.5s;
transition: opacity ease 0.5s;
position: relative;
z-index: 2;
display: flex;
align-items: center;
}
}
@media (min-width: 600px) {
.wp-block-columns.has-2-columns {
align-items: center;
}
}
.wp-block-columns.has-2-columns .wp-block-column p:last-child {
margin-bottom: 0;
}
#fourcol_services_wrapper {
background: url(//mainaud-creation.com/wp-content/themes/mainaud/assets/img/creation-jardin-bourg-en-bresse.jpg);
background-size: cover;
}
#fourcol_services_wrapper .fourpgebx h3 {
width: 100%;
clear: both;
}
#fourcol_services_wrapper .fourpgebx h3.last_column {
text-align: right;
}
#fourcol_services_wrapper .fourpgebx_srv {
padding: 0;
margin: 0 ;
width: 100%;
overflow: hidden;
-webkit-box-shadow: 0 5px 10px #ccc;
box-shadow: 0 5px 10px #ccc;
margin-bottom: 40px;
}
@media (min-width: 768px) {
#fourcol_services_wrapper .fourpgebx_srv {
display: flex;
}
#fourcol_services_wrapper .fourpgebx_srv > * {
flex: 1 0 0;
}
#fourcol_services_wrapper .fourpgebx_srv.last_column .fourpgebx_thumbx {
order: 2;
-webkit-transform: skewX(-10deg) skewY(0);
-ms-transform: skewX(-10deg) skewY(0);
-o-transform: skewX(-10deg) skewY(0);
transform: skewX(-10deg) skewY(0);
right: -10%;
left: inherit;
}
#fourcol_services_wrapper .fourpgebx_srv.last_column .fourpgebx_thumbx img {
-webkit-transform: skewX(10deg) skewY(0);
-ms-transform: skewX(10deg) skewY(0);
-o-transform: skewX(10deg) skewY(0);
transform: skewX(10deg) skewY(0);
left: inherit;
right: 0;
}
}
@media (min-width: 1200px) {
#fourcol_services_wrapper .fourpgebx_srv {
width: 90%;
}
#fourcol_services_wrapper .fourpgebx_srv.last_column {
float: right;
}
}
#fourcol_services_wrapper .fourpgebx_thumbx {
height: auto;
}
@media (min-width: 768px) {
#fourcol_services_wrapper .fourpgebx_thumbx {
-webkit-transform: skewX(10deg) skewY(0);
-ms-transform: skewX(10deg) skewY(0);
-o-transform: skewX(10deg) skewY(0);
transform: skewX(10deg) skewY(0);
position: relative;
left: -10%;
margin: 0;
}
#fourcol_services_wrapper .fourpgebx_thumbx img {
-webkit-transform: skewX(-10deg) skewY(0);
-ms-transform: skewX(-10deg) skewY(0);
-o-transform: skewX(-10deg) skewY(0);
transform: skewX(-10deg) skewY(0);
position: absolute;
top: 0;
left: 0;
min-height: 330px;
height: 100%;
width: auto;
max-width: none;
}
}
#fourcol_services_wrapper .fourpgebx_contentcol {
display: flex;
justify-content: center;
flex-direction: column;
padding: 15px;
}
#fourcol_services_wrapper .fourpgebx_contentcol ul li{
margin-left: 0;
}
#fourcol_services_wrapper .fourpgebx_contentcol p {
margin-bottom: 0;
}
@-webkit-keyframes borderAnimLeft {
0% {
opacity: 0;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes borderAnimLeft {
0% {
opacity: 0;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes borderAnimRight {
0% {
opacity: 0;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes borderAnimRight {
0% {
opacity: 0;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes fadeInDownSlider {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownSlider {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeOutLeftSlider {
0 {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
}
}
@keyframes fadeOutLeftSlider {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
}
}