Apicréa
Site internet / Webdesign
Réalisation du site internet pour la société Apicréa. Sensibilisation à l’apiculture et solutions pour l’implantation de ruches dans les entreprises, collectivités, administrations…
Apicrea
/* widget: Fullscreen Menu */
body.menu-opened{
overflow: hidden;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 * {
box-sizing: border-box;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 a,
#uc_fullscreen_navigation_menu_elementor_3c262c7 a:visited,
#uc_fullscreen_navigation_menu_elementor_3c262c7 a:hover,
#uc_fullscreen_navigation_menu_elementor_3c262c7 a:active {
text-decoration: none;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_hamburger_custom_open svg
{
height:1em;
width:1em;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_hamburger_custom_close svg
{
height:1em;
width:1em;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7
{
position:relative;
z-index:10000000;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle {
position: absolute;
z-index: 100000000;
cursor: pointer;
width: 60px;
height: 60px;
opacity: 0;
top:0px;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked + .ue_hamburger > div:after {
opacity: 0;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked ~ .ue_menu {
pointer-events: auto;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked ~ .ue_menu > div.ue_inner_menu {
visibility: visible;
-webkit-transition-duration: 0.75s;
transition-duration: 0.75s;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked ~ .ue_menu > div.ue_inner_menu > div > div {
opacity: 1;
transition: opacity 0.4s ease 0.4s;
}
/* start open transition animations */
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu .ue_inner_menu {
transform: translate(100%, 0);
opacity: 0;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked ~ .ue_menu > div.ue_inner_menu {
opacity: 1;
transition: opacity .7s ease, transform .7s ease;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
/* end open transition animations */
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_hamburger {
top: 0;
cursor: pointer;
transition: 0.4s;
backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
position:absolute;
z-index:99999999;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked + .ue_hamburger > div {
transform: rotate(135deg);
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked + .ue_hamburger > div:before,
#uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked + .ue_hamburger > div:after {
top: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked:hover + .ue_hamburger > div {
transform: rotate(225deg);
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_hamburger > div {
position: relative;
-webkit-box-flex: 0;
flex: none;
width: 100%;
height: 2px;
transition: all 0.4s ease;
display: flex;
align-items: center;
justify-content: center;
background-color:#ffffff;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .checkbox-toggle:checked + .ue_hamburger > div {
color:#ffffff;
background-color:;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 input:hover + .ue_hamburger > div
{
background-color:#ffffff;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_hamburger > div:before,
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_hamburger > div:after {
content: '';
position: absolute;
z-index: 1;
top: -10px;
left: 0;
width: 100%;
height: 2px;
background: inherit;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_hamburger > div:after {
top: 10px;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
pointer-events: none;
visibility: hidden;
backface-visibility: hidden;
outline: none;
display: flex;
align-items: center;
justify-content: center;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu .ue_inner_menu {
color: #fff;
transition: all 0.4s ease;
height: 100vh;
overflow-y: auto;
overflow-x: hidden;
display: flex;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_inner_menu-box{
margin-top: auto;
margin-bottom: auto;
width: 100vw;
flex: none;
backface-visibility: hidden;
display: flex;
flex-direction: column;
align-items: center;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu > div > div > div {
max-width: 90vw;
width: 100%;
opacity: 0;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
overflow-y: auto;
flex: none;
display: flex;
align-items: center;
justify-content: center;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 ul {
list-style: none;
margin: 0;
display: block;
padding:0px;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu div div ul li {
padding: 0;
display: block;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu div div ul li a {
position: relative;
display: inline-flex;
align-items: center;
cursor: pointer;
transition: color 0.4s ease;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu div div ul li a:hover {
}
.ue_menu_wrapper
{
position:relative;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu-social-icons a
{
display:inline-block;
line-height:1em;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .ue_menu-social-icons a svg
{
height:1em;
width:1em;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .sub-menu
{
transition: 0.5s;
overflow: hidden;
height: auto;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .collapsed i::before,
#uc_fullscreen_navigation_menu_elementor_3c262c7 .expanded i::before{
font-weight: 900;
font-size: px;
line-height:1em;
display: inline-block;
vertical-align: middle;
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .uc-menu-item-pointer{
position: absolute;
right: -15px;
transform: translate(px,0);
}
#uc_fullscreen_navigation_menu_elementor_3c262c7 .uc-menu-item-pointer svg{
width: px;
height: px;
}