/* Theme Name: Avenir Sécurité Finance Theme URI: https://avenir-securite-finance.fr Description: Thème du site Avenir Sécurité Finance Author: CFT Template: Divi Version: 0.1.0 */ /* MENU */ .et-fixed-header#main-header { background: #FFF; padding: 7px 0; } /* BACKGROUND */ #about, #programme, #VIP, .fond-points { background-size: 32px 32px !important; background: radial-gradient(rgba(5,32,53,.07) 4%, transparent 12%) 0 0, radial-gradient(rgba(5,32,53,.07) 4%, transparent 12%) 16px 16px, radial-gradient(rgba(255, 255, 255, 0.1) 2%, transparent 20%) 0 0px, radial-gradient(rgba(255, 255, 255, 0.1) 2%, transparent 10%) 16px 16px; } /* BARRE DE DEFILEMENT */ ul.et_pb_side_nav, .et_pb_scroll_top.et-pb-icon {background: rgba(93,208,250,.42); } /* FORMATION */ #programme p, #VIP p { padding: 21px 0; } #programme ol, #VIP ol, #mode-emploi ol { padding-bottom: 21px !important; } /* LISTE ORDONNEES */ #about ol, #programme ol, #VIP ol, #mode-emploi ol { padding: 0 0 0 21px; } #about ol li, #programme ol li, #VIP ol li, #mode-emploi ol li { display: flex; width: 100%; counter-increment: compteur; flex-wrap: wrap; } #about ol li { align-items: flex-start; } #programme ol li, #VIP ol li, #mode-emploi ol li { align-items: baseline; } #about ol li:not(:last-of-type), #programme ol li:not(:last-of-type), #VIP ol li:not(:last-of-type), #mode-emploi ol li:not(:last-of-type) { margin-bottom: 15px; } #about ol li:before, #programme ol li:before, #VIP ol li:before, #mode-emploi ol li:before { content: counter(compteur)". "; color: #60d0fa; font-size: 30px; padding-right: 5px; flex-basis: 35px !important; } #about ol li span, #programme ol li span, #VIP ol li span, #mode-emploi ol li span { flex-basis: calc(100% - 40px); line-height: 1.2em; } /* TEMOIGNAGES */ #temoignages .et_pb_testimonial_author { margin-top: 20px; } /* CONTACT */ #contact input[type="text"], #contact textarea { border-radius: 7px; } #contact .et-pb-contact-message { font-size: 17px; color: #FFF; text-align: center; } #contact .et-pb-contact-message ul li { list-style: none; display: inline-block; } #contact .et-pb-contact-message ul li:not(:last-of-type):after { content: ","; padding-right: 3px; } /* AVIS */ #form-avis-guide .et_pb_contact_field_7 .et_pb_contact_field_options_list, #form-avis-programme .et_pb_contact_field_10 .et_pb_contact_field_options_list { display: flex; flex-wrap: wrap; } #form-avis-guide .et_pb_contact_field_7 .et_pb_contact_field_options_list .et_pb_contact_field_radio:not(:last-of-type), #form-avis-programme .et_pb_contact_field_10 .et_pb_contact_field_options_list .et_pb_contact_field_radio:not(:last-of-type) { margin-right: 3px; } #form-avis-guide .et-pb-contact-message ul, #form-avis-programme .et-pb-contact-message ul { display: none; } #form-avis-guide .et-pb-contact-message p, #form-avis-programme .et-pb-contact-message p { margin-bottom: 15px; text-align: center; } /* MONEY MANAGEMENT */ #mode-emploi p { padding-bottom: 21px; } #calcul_form { margin-bottom: 42px; } #calcul_form > div { border-radius: 7px; } .dark { background: #18202C; } .light { background: #60d0fa; } #calcul_form h2 { font-weight: 800; font-style: italic; text-transform: uppercase; color: rgba(255,255,255,0.27)!important; width: 100%; } #calcul_form label { color: #FFF; font-style: italic; font-weight: 700; text-shadow: 1px 1px 1px #18202C; display: block; text-align: right; } #calcul_form label:not(:last-of-type) { margin-bottom: 21px; } #calcul_form input { font-size: 27px; border: none; padding: 12px; border-radius: 7px; font-weight: 700; text-align: right; width: 37%; } .light input { background: #18202C; color: #FFF; -webkit-box-shadow: 1px 1px 12px 1px rgba(255,255,255,0.21) inset; -moz-box-shadow: 1px 1px 12px 1px rgba(255,255,255,0.21) inset; box-shadow: 1px 1px 12px 1px rgba(255,255,255,0.21) inset; } .dark input { -webkit-box-shadow: 1px 1px 12px 1px rgba(96,208,250,0.21) inset; -moz-box-shadow: 1px 1px 12px 1px rgba(96,208,250,0.21) inset; box-shadow: 1px 1px 12px 1px rgba(96,208,250,0.21) inset; } #calcul_form label span { margin-left: 7px; } #calcul_form p { text-align: center; text-shadow: 1px 1px 1px #18202C; color: #FFF; } #calcul_gains div input, #calcul_objectif label input:nth-of-type(2) { box-shadow: none; background: transparent; font-weight: 700; line-height: 29px; padding: 3px 3px; color: #FFF; } /* Calcul de la perte maximale */ #lperte input { background: #FFF; -webkit-box-shadow: 1px 1px 12px 1px rgba(24,32,44,0.21) inset; -moz-box-shadow: 1px 1px 12px 1px rgba(24,32,44,0.21) inset; box-shadow: 1px 1px 12px 1px rgba(24,32,44,0.21) inset; color: #18202C; } /* calcul du lot */ #llot input { background: #60d0fa; color: #FFF;-webkit-box-shadow: 1px 1px 12px 1px rgba(255,255,255,0.21) inset; -moz-box-shadow: 1px 1px 12px 1px rgba(255,255,255,0.21) inset; box-shadow: 1px 1px 12px 1px rgba(255,255,255,0.21) inset; } /* calcul des gains */ #calcul_gains > div { margin-top: 42px; } #calcul_gains p { margin-bottom: 21px; } #calcul_gains div input { text-shadow: 1px 1px 1px #60d0fa; } /* Calcul objectif */ #lobjectif { margin-bottom: 0 !important; } #objectif { background: #FFF; -webkit-box-shadow: 1px 1px 12px 1px rgba(24,32,44,0.21) inset; -moz-box-shadow: 1px 1px 12px 1px rgba(24,32,44,0.21) inset; box-shadow: 1px 1px 12px 1px rgba(24,32,44,0.21) inset; color: #18202C; } #calcul_objectifs label input:nth-of-type(2) { text-shadow: 1px 1px 1px #18202C; } /* GÉNÉRAL */ /* Firefox */ input[type=number] { -moz-appearance: textfield; } /* Chrome */ input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin:0; } /* Opéra*/ input::-o-inner-spin-button, input::-o-outer-spin-button { -o-appearance: none; margin:0 } @media (min-width: 981px) { /* HEADER */ #page-container #main-header.et-fixed-header { background: #FFF; box-shadow: 1px 1px 1px 1px rgba(0,0,0,.07)!important; } .et_fullwidth_nav #main-header .container { padding-left: 70px; padding-right: 70px; } /* CALCULER SON LOT */ #calcul_form, #calcul_gains { display: flex; flex-wrap: wrap; justify-content: space-between; } #calcul_perte, #calcul_lot { flex-basis: 47%; } #calcul_gains label, #calcul_gains > div { flex-basis: 33%; text-align: center; } #calcul_gains > div:first-of-type { flex-basis: 27%; } #calcul_gains > div:not(:last-of-type) { border-right: 1px solid #FFF; } #calcul_gains div label { font-size: 21px !important; line-height: 23px; } #calcul_gains div label input:nth-of-type(1) { font-size: 19px !important; width: 29% !important; } #calcul_gains div label input:nth-of-type(2) { font-size: 17px !important; width: 25% !important; } } @media (max-width: 980px) { /* HEADER */ .et_fullwidth_nav #main-header .container { width: 90%; padding-top: 20px; } #logo { max-height: 142%; } .mobile_menu_bar:before { color: #60d0fa !important; } .et_header_style_left #et-top-navigation .mobile_menu_bar { padding-bottom: 0 !important; } .et_mobile_menu { border: none; background: rgba(255,255,255,.72) !important; width: 42%; right: 0; left: auto; padding: 10px 5%; } .et_mobile_menu .home { display: none; } .et_mobile_menu li { text-align: right; } .et_mobile_menu li:last-of-type a { border-bottom: none !important; } /* CALCULER SON LOT */ #calcul_gains p { text-align: left; } } @media (min-width: 768px) { /* CALCULER SON LOT */ #calcul_form > div { padding: 42px; margin-bottom: 42px; } #calcul_form h2 { font-size: 60px; margin-bottom: 42px; } #calcul_form label, #calcul_gains div label { font-size: 27px; line-height: 29px; } #calcul_form label span { font-size: 42px; } #calcul_form p { font-size: 21px; line-height: 23px; } #calcul_objectif label input:nth-of-type(2) { width: 32%; } #calcul_objectif p { padding-bottom: 21px; } } @media (max-width: 767px) { /* CALCULER SON LOT */ #calcul_form > div { padding: 29px; margin-bottom: 29px; } #calcul_form h2 { font-size: 37px; margin-bottom: 21px; } #calcul_form label, #calcul_gains div label input { font-size: 21px; line-height: 23px; } #calcul_form label span { font-size: 33px; } #calcul_form p { font-size: 17px; line-height: 19px; } #calcul_gains div label input:nth-of-type(2) { font-size: 19px !important; width: 23% !important; } #calcul_objectif label input:nth-of-type(2) { width: 42%; } }