/*
Theme Name: Polo Child
Theme URI: http://crumina.net/polo/
Author: Crumina Team
Author URI: http://crumina.net/
Description: Powerful multipurpose theme
Version: 1
Template:polo
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: polo
Tags: white, blue, light, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready
*/
/*****************************************************************
Add Custom styles below
******************************************************************/
body {
font-family: 'comfortaaregular', "open sans", Arial, sans-serif;
color: #245ba5;
}
body > .wrapper > .content {
padding-top: 0 !important;
}
/* Menu */
#header-wrap .container {
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: space-between;
}
#menu-main > li:first-child {
display: none;
}
#nav-menu-item-18 {
display: flex;
height: 60px;
}
#menu-main li a {
color: #245ba5;
font-size: 14px;
font-family: 'comfortaalight', "open sans", Arial, sans-serif;
}
#menu-main li {
height: 100%;
}
#nav-menu-item-18 > a:nth-child(1) {
text-transform: uppercase;
line-height: 20px !important;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
border: 1px solid transparent;
border-radius: 25px;
background-image: linear-gradient(104deg, #ae2352, #4f0095);
color: white !important;
margin: auto !important;
height: auto !important;
color: white !important;
}
#nav-menu-item-18 > a:nth-child(1):hover {
border: 1px solid #3023ae !important;
border-radius: 25px;
color: #3023ae !important;
background: white !important;
}
#logo, .logo-img-wrap, .logo {
display: -webkit-flex;
display: -ms-flex;
display: flex;
align-items: center;
margin-left: 0;
}
.logo img {
margin: auto;
}
/* Home header */
#le-header {
background-image: url("../../../wp-content/uploads/2019/03/vu-iphone.png");
background-repeat: no-repeat;
background-position: right top;
background-size: 40%;
margin-bottom: 150px;
padding-right: 200px;
padding-left: 200px;
z-index: 0;
}
#le-header > .vc_column_container {
margin-top: 5%;
}
.le-header-txt-img .wpb_image_grid_ul {
display: flex;
flex-direction: row;
justify-content: center;
}
.le-header-txt-img .wpb_image_grid_ul li {
width: 50%;
}
/*.le-header-smartphone {
padding-left: 100px;
}*/
.le-header-image {
z-index: 1;
margin-top: 10%;
}
.le-header-image .vc_single_image-img {
z-index: 1;
width: 90%;
}
.le-header-image .vc_single_image-wrapper {
display: -webkit-flex;
display: -ms-flex;
display: flex;
align-items: center;
justify-content: center;
}
.le-header-image::after {
display: contents !important;
width: 200px;
height: 200px;
content: " ";
background-image: url("../../../wp-content/uploads/2019/03/oval-3.png");
background-size: contain;
position: absolute;
right: -5%;
top: 0;
z-index: -1;
}
.btn-airmob-area p {
text-align: center;
}
.le-header-video .wpb_wrapper {
margin: auto;
width: 70%;
}
.video_lightbox_auto_anchor_image, .le-header-video .wpvl_auto_thumb_box {
width: 100% !important;
height: auto !important;
}
.wpvl_auto_thumb_play {
left: 50% !important;
transform: translate(-50%, -50%) !important;
top: 50% !important;
}
.le-header-app {
width: 70%;
margin: auto;
}
.le-header-video .video_lightbox_auto_anchor_image {
border-radius: 10px;
box-shadow: 0 10px 17px 0 rgba(0, 0, 0, 0.12);
}
.le-header-txt-download .wpb_wrapper:nth-child(1) p {
text-align: center;
}
.le-header-txt-download img {
width: 90%;
border-radius: 14px;
height: 100%;
}
.le-header-txt-download-right .vc_column-inner, .le-header-txt-download-left .vc_column-inner {
padding-left: 0;
padding-right: 0;
}
.le-header-txt-download-right div div a, .le-header-txt-download-left div div a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.le-header-txt-download-left div div a {
justify-content: flex-start;
}
.le-header-txt-download-right div div a {
justify-content: flex-end;
}
/* Home avantages */
#avantages {
margin-top: 100px;
margin-bottom: 100px;
}
.avantages-content {
margin-top: 100px;
margin-bottom: 100px;
}
.avantages-titre {
display: -webkit-flex;
display: -ms-flex;
display: flex;
align-items: center;
font-family: 'comfortaabold', "open sans", Arial, sans-serif;
color: #ae2352;
font-size: 18px;
}
.avantages-titre img {
margin-right: 20px;
}
/* Home Fonctionnalités */
#fonctionnalites {
background-image: url("../../../wp-content/uploads/2019/03/bg-2-1.png");
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}
#fonctionnalites .wpb_wrapper .vc_row {
display: -webkit-flex;
display: -ms-flex;
display: flex;
margin-bottom: 50px;
}
.fonc-title {
display: -webkit-flex;
display: -ms-flex;
display: flex;
flex-direction: row;
align-items: flex-end;
margin-bottom: 20px;
}
.fonc-title h3 {
margin-left: 10px;
}
.fonc-vignette {
padding: 10px;
}
.fonc-vignette .wpb_text_column {
margin-bottom: 0;
}
.fonc-vignette p:first-child {
display: flex;
}
.fonc-vignette img {
height: 100px;
width: auto;
margin: auto;
}
.fonc-vignette .vc_column-inner {
background-color: white;
border-radius: 14px;
box-shadow: 0 11px 22px 0 rgba(0, 0, 0, 0.07);
padding: 20px;
height: 100%;
}
.fonc-vignette .vc_column-inner .wpb_wrapper {
display: -webkit-flex;
display: -ms-flex;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.fonc-modal {
text-align: center;
margin-bottom: 0;
}
.fonc-modal .jumbotron {
padding: 0;
display: -webkit-flex;
display: -ms-flex;
display: flex;
align-items: center;
justify-content: center;
}
.fonc-modal .jumbotron a, .fonc-modal .jumbotron a:hover {
font-family: 'multicoloreregular', "open sans", Arial, sans-serif;
background-color: transparent;
color: #3023ae !important;
border: 1px transparent;
box-shadow: none;
text-align: center;
margin-bottom: 0;
}
.fonc-modal-title {
font-size: 18px;
font-family: 'comfortaabold', "open sans", Arial, sans-serif;
color: #ae2352;
}
.modal-dialog .modal-body p {
color: #4a4a4a;
font-family: 'comfortaaregular', "open sans", Arial, sans-serif;
}
.modal-body {
padding: 0 40px 40px 40px;
}
.modal-content {
border-radius: 14px !important;
}
/* Home Offres */
#nos-offres {
margin-top: 200px;
}
div.offres-vignette:nth-child(2):before {
display: contents !important;
width: 200px;
height: 200px;
content: " ";
background-image: url("../../../wp-content/uploads/2019/03/oval-3.png");
background-size: contain;
position: absolute;
left: -80px;
top: 300px;
z-index: -10;
}
.offres-vignette {
background-color: white;
padding: 20px;
margin-bottom: 30px;
border-radius: 17px;
box-shadow: 0 11px 22px 0 rgba(0, 0, 0, 0.18);
}
#essai-content .offres-vignette div div div {
margin: 15px;
}
#nos-offres .offres-vignette:nth-child(3) {
border: 2px solid #4f0095;
}
.offres-vignette p {
color: #4a4a4a;
}
.offres-vignette .offres-vignette-prix .wpb_wrapper {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.blue-text-area .blue-text {
text-align: right;
}
.blue-text-area .blue-text strong {
font-size: 24px;
font-family: 'comfortaabold', "open sans", Arial, sans-serif;
}
.blue-text-area .wpb_wrapper p {
text-align: right;
}
/* Home Nos offres */
#nos-offres {
background-image: url("../../../wp-content/uploads/2019/03/bg-2.png");
background-repeat: no-repeat;
background-position: right center;
background-size: 50%;
}
/* Home Essai Gratuit */
#essai-gratuit {
background-image: linear-gradient(108deg, #ae2352, #4f0095);
padding-top: 50px;
overflow: visible;
}
#essai-gratuit .wpb_text_column p {
color: white;
}
/* Home video */
.ytp-title-link, .ytp-watch-later-icon, .ytp-share-icon {
display: none !important;
}
/* CTA area */
.cta-area .wpb_content_element, .offres-btn-area .wpb_wrapper p {
display: flex;
}
.cta-area .wpb_wrapper, .offres-btn-area .wpb_wrapper p a {
margin: auto;
}
/* Buttons */
.btn-airmob, .btn-airmob:hover, .btn-airmob-reverse, .btn-airmob-reverse:hover {
min-width: 160px;
}
.btn-airmob {
color: white;
border: 1px solid transparent;
border-radius: 25px;
background-image: linear-gradient(104deg, #ae2352, #4f0095);
font-family: 'multicoloreregular', "open sans", Arial, sans-serif;
margin: auto;
}
.btn-airmob:hover, .btn-airmob:active {
border: 1px solid #3023ae;
border-radius: 25px;
color: #3023ae;
background: white;
}
.btn-airmob-reverse {
font-family: 'multicoloreregular', "open sans", Arial, sans-serif;
border: 1px solid #3023ae;
border-radius: 25px;
color: #3023ae;
background: white;
}
.btn-airmob-reverse-absolute {
position: absolute;
bottom: 20px;
right: 0;
}
.btn-airmob-reverse:hover, .btn-airmob-reverse:active {
color: white;
border: 1px solid transparent;
border-radius: 25px;
background-image: linear-gradient(104deg, #ae2352, #4f0095);
}
/* Form */
#wpcf7-f65-p10-o1 {
border-radius: 17px;
box-shadow: 0 11px 22px 0 rgba(0, 0, 0, 0.18);
background-color: #ffffff;
padding: 70px 20px 70px 20px;
margin-bottom: -200px;
overflow: visible;
position: relative;
top: 80px;
}
#wpcf7-f73-p10-o2 {
margin-top: 100px;
}
.wpcf7-form label {
color: #3023ae;
margin-bottom: 10px;
}
.wpcf7-list-item {
margin: 10px 20px 10px 20px !important;
padding-left: 30px;
padding-right: 30px;
}
.form-concent {
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
.wpcf7-list-item-label, .wpcf7-list-item {
font-size: 10px;
color: black;
}
#contact-form input, .contact-form-footer input {
border: 0 !important;
border-bottom: 1px solid #3023ae !important;
width: 100%;
}
.contact-form-footer label {
width: 100%;
}
.form-concent .btn-airmob, .form-concent-text {
margin-top: 20px;
}
.wpcf7-list-item-label a {
color: #3023ae !important;
}
/* Témoignages */
#temoignages {
margin-top: 250px;
}
#temoignages .temoignages-slider {
margin-top: 100px;
}
#temoignages .testimonial-item img {
width: 100px !important;
height: 100px !important;
position: absolute;
left: -50px;
top: -50px;
border: 7px solid white;
}
#temoignages .owl-carousel .owl-stage-outer {
overflow: visible !important;
}
#temoignages .owl-item {
border: 2px solid #3023ae;
border-radius: 30px;
padding: 10px;
}
#testimonials.testimonials-left .testimonial-item > p, #testimonials.testimonials-left .testimonial-item > span {
margin-left: 60px;
}
#testimonials .owl-stage {
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
/* Contact */
#contact {
margin-top: 50px;
}
.text-underlined {
text-decoration: underline;
}
.contact-infos {
border-radius: 18px;
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.18);
background-color: #ffffff;
padding: 50px;
}
/* Page About */
/* Titre */
#about-title {
margin-top: 200px;
margin-bottom: 200px;
}
#about-title h1::after, #usages-title h1::after {
margin: auto;
}
#about-title h1, #usages-title h1 {
text-align: center;
}
#about-prez {
margin-bottom: 100px;
}
/* Contenu */
.usages-content {
margin-bottom: 100px;
}
/* Page usages */
/* Title */
#usages-title h1 {
margin-top: 100px;
margin-bottom: 100px;
}
/* Page FAQ */
#faq-title-main {
margin-top: 100px;
}
#faq-title-main h1::after {
margin: auto !important;
}
.faq-title {
display: flex;
flex-direction: row;
align-items:center;
}
.faq-title img {
width: 50px;
height: auto;
margin-right: 10px;
}
#faq-telephonie h2::after, #faq-routeur h2::after {
height: auto !important;
background-image: none !important;
margin-bottom: auto !important;
}
/* Footer */
#footer {
margin-top: 100px;
background-color: #2f2f2f;
}
/* Titles */
h1, h2, h3, .fonc-title-plus {
color: #245ba5;
font-family: 'multicoloreregular', "open sans", Arial, sans-serif;
}
.fonc-title-plus, h3 {
font-size: 24px;
font-weight: 600;
color: #245ba5 !important;
margin: 0 10px 10px 10px !important;
}
h2::after {
margin: auto;
}
.fonc-title::before {
position: absolute;
}
h2::after, h1::after, .fonc-title::before {
content: '';
display: block;
width: 50px;
height: 9px;
background-image: linear-gradient(106deg, #ae2352, #4f0095);
margin-top: 10px;
}
.title-yellow {
color: #ffde00;
font-family: 'comfortaarbold', "open sans", Arial, sans-serif;
font-size: 30px;
margin-bottom: 20px;
}
.title-white {
color: white;
font-family: 'multicoloreregular', "open sans", Arial, sans-serif;
font-size: 30px;
margin-bottom: 40px;
}
.blue-text {
color: #245ba5;
}
/* Switchs */
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
height: 30px;
padding: 0;
line-height: 30px;
border: 3px solid #d6d6d6;
border-radius: 30px;
background-color: #d6d6d6;
transition: background-color 0.3s ease-in;
}
.onoffswitch-label::before {
content: "";
display: block;
width: 30px;
margin: 0px;
background: #fff;
position: absolute;
top: 0;
bottom: 0;
right: 29px;
border: 3px solid #245ba5;
border-radius: 30px;
transition: all 0.3s ease-in 0s;
}
/* Media Queries */
@media screen and (max-width: 600px) {
#fonctionnalites .wpb_wrapper .vc_row {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 780px) {
#le-header {
background: none;
}
#le-header > .vc_column_container {
margin-top: 40px;
}
#le-header {
padding-right: 0;
padding-left: 0;
}
#le-header h1, #le-header > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > p:nth-child(1) {
text-align: center;
}
.le-header-video video {
width: 100%;
}
h2::after, h1::after, .fonc-title::before {
margin: auto;
}
#temoignages {
margin-top: 400px;
}
h1 {
word-wrap: break-word;
}
}
@media screen and (min-width: 780px) and (max-width: 1080px) {
#le-header {
padding-right: 5%;
padding-left: 5%;
}
}
/* Fonts */
@font-face {
font-family: 'comfortaabold';
src: url('fonts/comfortaa-bold-webfont.woff2') format('woff2'),
url('fonts/comfortaa-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'comfortaalight';
src: url('fonts/comfortaa-light-webfont.woff2') format('woff2'),
url('fonts/comfortaa-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'comfortaaregular';
src: url('fonts/comfortaa-regular-webfont.woff2') format('woff2'),
url('fonts/comfortaa-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'multicoloreregular';
src: url('fonts/multicolore-webfont.woff2') format('woff2'),
url('fonts/multicolore-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}