body{
background: #fff !important;
}
h1, h2, h3, h4, h5, h6{
text-transform: uppercase;
} .fusion-header-wrapper .fusion-header{
display: flex;
align-items: center;
width: 100%;
}
.fusion-header-wrapper .fusion-header .fusion-row{
width: 100%;
}
.fusion-is-sticky .fusion-header-v6 .fusion-sticky-shadow{
box-shadow: 9px 7px 49px -23px rgba(0, 0, 0, 0.1) !important;
}
.fusion-body .fusion-header-wrapper .fusion-header{
height: auto !important;
padding-top: 10px;
padding-bottom: 10px;
}
.fusion-body .fusion-is-sticky.fusion-header-wrapper .fusion-header{
height: auto !important;
}
.fusion-header-wrapper .fusion-logo img {
max-width: 340px;
width: 340px;
height: auto !important;
transition: 0.3s; 
}
.fusion-header-wrapper.fusion-is-sticky .fusion-logo img {
max-width: 200px;
width: 200px;
}
.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-search-toggle{
margin-right: 30px;
} .fusion-header-has-flyout-menu.fusion-flyout-active .fusion-flyout-menu-icons .fusion-icon::before,
.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-icon::before,
.fusion-body .fusion-header-has-flyout-menu.fusion-flyout-search-active .fusion-flyout-menu-icons .fusion-flyout-search-toggle .fusion-toggle-icon-line{
color: #000 !important;
}
.fusion-body .fusion-header-has-flyout-menu.fusion-flyout-search-active .fusion-flyout-menu-icons .fusion-flyout-search-toggle .fusion-toggle-icon-line{
background-color: #000 !important;
}
.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line{
border-radius: 2px;
}
.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line,
.fusion-flyout-menu-active.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line{
background-color: #fff !important;
}
.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle{
position: relative;
z-index: 1;
}
.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:after{
content: "";
position: absolute;
width: 120px;
height: 120px;
background: #abbdd6;
border-radius: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(1);
z-index: -1;
transition: 0.3s;
transform-origin: center center;
}
.fusion-header-wrapper.fusion-is-sticky .fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:after{
transform: translate(-50%, -50%) scale(0.5);
opacity: 0;
}
.fusion-header-wrapper.fusion-is-sticky .fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line{
background-color: #000 !important;
}
.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(1),
.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(3){
margin-left:8px;
}
.fusion-main-menu>ul>li>a,
.fusion-vertical-menu-widget ul.menu li a, .side-nav li a{
font-weight: 700;
text-transform: uppercase;
}
.fusion-main-menu>ul>li>a {
line-height: 1.2 !important;
}
.fusion-video {
margin-bottom: 30px;
} .infography-wrapper {
height: auto;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.home .infography-wrapper {
height: 100vh;
}
.infography-inner {
position: relative;
width: 430px;
height: 430px;
width: 20vw;
height: 20vw; margin-top: 70px;
z-index: 1;
}
.home .infography-inner {
margin-top: 50px;
}
.infography-inner:after{
content: url(//smartcity.gland.ch/wp-content/themes/Avada-Child-Theme/img/arrow-vecto.svg);
position: absolute;
width: 100%;
height: 100%;
left:0;
top: 0; z-index: -1;
transition: all 0.5s cubic-bezier(.47,1.64,.41,.8)
}
.infography-inner.gouvernancecommunale-hover:after{
transform: rotate(320deg);
}
.infography-inner.lieuxdevie-hover:after{
transform: rotate(20deg);
}
.infography-inner.vivreensemble-hover:after{
transform: rotate(80deg);
}
.infography-inner.environnement-hover:after{
transform: rotate(140deg);
}
.infography-inner.economielocale-hover:after{
transform: rotate(200deg);
}
.infography-inner.mobilite-hover:after{
transform: rotate(260deg);
}
@keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
}
80% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
.infography-inner .round{
width: 150px;
height: 150px;
width: 7vw;
height: 7vw;
position: absolute;
left: calc(50% - 75px);
top: calc(50% - 75px);
left: calc(50% - 3.5vw);
top: calc(50% - 3.5vw);
}
.infography-inner .round .round-item {
width: 100%;
height: 100%;
left:0;
top: 0;
border-radius: 100%;
}
.infography-inner .round-1{
transform: translate(0, -90px);
transform: translate(0, -4.7vw);
z-index: 1;
}
.infography-inner .round-1 .round-item{
background: rgba(0, 0, 0, 0.9);
z-index: 1;
}
.infography-inner .round-2{
transform: translate(85px, -45px);
transform: translate(4.5vw, -2.3vw);
}
.infography-inner .round-2 .round-item{
background: rgba(255, 237, 0, 0.9);
}
.infography-inner .round-3{
transform: translate(85px, 45px);
transform: translate(4.5vw, 2.3vw);
z-index:1;
}
.infography-inner .round-3 .round-item{
background:rgba(26, 74, 125, 0.9);
}
.infography-inner .round-4{
transform: translate(0, 90px);
transform: translate(0, 4.7vw);
}
.infography-inner .round-4 .round-item{
background: rgba(238, 112, 99, 0.9);
}
.infography-inner .round-5{
transform: translate(-85px, 45px);
transform: translate(-4.5vw, 2.3vw);
z-index: 1;
}
.infography-inner .round-5 .round-item{
background: rgba(133, 190, 85, 0.9);
}
.infography-inner .round-6{
transform: translate(-85px, -45px);
transform: translate(-4.5vw, -2.3vw);
}
.infography-inner .round-6 .round-item{
background: rgba(161, 182, 209, 0.9);
}
.infography-inner .round-7{
z-index: 2;
}
.infography-inner .round-7 .round-item{
background: #fff;
background-image: url(//smartcity.gland.ch/wp-content/themes/Avada-Child-Theme/img/group-icon.svg);
background-size: 70px auto;
background-size: 50% auto;
background-repeat: no-repeat;
background-position: center center;
}
.infography-inner .round:hover .round-item {
animation: gelatine 0.5s ;
}
@keyframes gelatine {
from, to { transform: scale(1, 1); }
25% { transform: scale(0.9, 1.1); }
50% { transform: scale(1.1, 0.9); }
75% { transform: scale(0.95, 1.05); }
}
.infography-inner .round label{
color: #000;
font-family: din-black, Arial, Helvetica, sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 30px;
font-size: 1.5vw;
text-align: center;
position: absolute;
line-height: 1.2;
cursor: pointer;
transition: 0.3s;
}
.infography-inner .round-1 label{
left: 50%;
transform: translateX(-50%);
bottom: calc(100% + 80px);
bottom: calc(100% + 3vw);
}
.infography-inner .round-2 label{
left: calc(100% + 80px);
left: calc(100% + 3vw);
top: 10%;
white-space: nowrap;
}
.infography-inner .round-3 label{
left: calc(100% + 80px);
left: calc(100% + 3vw);
bottom: 10%;
white-space: nowrap;
}
.infography-inner .round-4 label{
left: 50%;
transform: translateX(-50%);
top: calc(100% + 80px);
top: calc(100% + 3vw);
}
.infography-inner .round-5 label{
right: calc(100% + 80px);
right: calc(100% + 3vw);
bottom: 10%;
white-space: nowrap;
}
.infography-inner .round-6 label{
right: calc(100% + 80px);
right: calc(100% + 3vw);
top: 10%;
}
.infography-inner .round-1:hover label{
color: rgba(0,0,0,0.6);
}
.infography-inner .round-2:hover label{
color: #e5d717;
}
.infography-inner .round-3:hover label{
color:rgba(26, 74, 125, 0.9);
}
.infography-inner .round-4:hover label{
color: rgba(238, 112, 99, 0.9);
}
.infography-inner .round-5:hover label{
color: rgba(133, 190, 85, 0.9);
}
.infography-inner .round-6:hover label{
color: rgba(161, 182, 209, 0.9);
}
.scroll-down-anim {
position: absolute;
width: 20px;
height: 130px;
bottom: -65px;
left: calc(50% - 10px);
}
.scroll-down-anim:after {
content: "";
width: 20px;
height: 20px;
background: #315c8a;
position: absolute;
border-radius: 100%;
left: 0;
top:0;
animation-name: scrollDown;
animation-duration: 2s;
animation-iteration-count: infinite;
}
.scroll-down-anim:before {
content: "";
position: absolute;
height: 100%;
width: 4px;
background-color: #abbdd6;
border-radius: 4px;
left: calc(50% - 2px);
top: 0;
}
@keyframes scrollDown {
0%, 100%   {
top: 0;
}
50% {
top: calc(100% - 20px);
}
}
.infography-section{
position: relative;
z-index: 1;
}
.infography-section:before {
content: "";
width: 600px;
height: 600px;
width: 31vw;
height: 31vw;
position: absolute;
border-radius: 100%;
background: #98aec5 ;
bottom: calc(100% - 170px);
bottom: calc(100% - 9vw);
left: 50%;
z-index: 1;
}
.infography-section:after {
content: "";
width: 900px;
height: 900px;
width: 47vw;
height: 47vw;
position: absolute;
border-radius: 100%;
background: #c2deaa ;
bottom: -320px;
left: calc(100% - 200px);
bottom: -17vw;
left: calc(100% - 10vw);
}
@keyframes moving {
0%, 100%   {
transform: scale(1) translateY(0px);
}
50% {
transform: scale(1.1) translateY(20px);
}
}
body.home{
position: relative;
z-index: 1;
}
body .fusion-wrapper:before {
content: url(//smartcity.gland.ch/wp-content/themes/Avada-Child-Theme/img/chart-bg.svg);
width: 100%;
height: auto;
position: absolute;
top: 0;
right: 0;
z-index:-1;
opacity: 0.15;
}
body .fusion-wrapper{
background: transparent !important;
z-index: 1;
}
.introduction-section p, .portfolio-section p{
font-size: 20px;
line-height: 1.5 !important;
}
body.layout-wide-mode #main{
background: none;
} .smart-city-section{  }
.smart-city-section:before {
content: "";
width: 680px;
height: 680px;
border-radius: 100%;
position: absolute;
background: #fff78d;
left: -180px;
top: -150px;
z-index: 1;
width: 36vw;
height: 36vw;
left: -10vw;
top: -8vw;
}
.smart-city-section:after {
content: "";
width: 170px;
height: 170px;
border-radius: 100%;
position: absolute;
background: #f8bfb9;
right: 120px;
top: 300px;
z-index: 1;
}
.city-illustration{
margin-top: 0;
}
.city-illustration img{
width: 100%;
} .fusion-button.button-flat.button-default, .button-default.button-xlarge,
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
padding: 25px 40px  !important;
font-size: 16px !important;
margin-top: 30px;
box-shadow: 9px 7px 40px -23px rgba(0, 0, 0, 1) !important;
background: #91c566;
border-radius: 50px;
transition: 0.5s !important;
text-transform: uppercase; }
.fusion-button.button-flat.button-default:hover,
.button-default.button-xlarge:hover,
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover {
background: #91c566;
box-shadow: 9px 7px 40px -10px rgba(0, 0, 0, 0.5) !important;
} .video-section{
position: relative;
margin-top: 200px !important;
margin-bottom: 200px !important;
}
.video-section:before {
content: url(//smartcity.gland.ch/wp-content/themes/Avada-Child-Theme/img/video-bg.svg);
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
z-index:1;
opacity: 0.15;
}
.video-section .fusion-video {
width: 55% !important;
margin: auto;
position: relative;
z-index: 1;
}
.video-section .fusion-video .video-wrapper,
.video-section .fusion-video .video-shortcode,
.video-section .fusion-video .video-shortcode iframe,
.video-section .fusion-video .video-wrapper iframe{ overflow: hidden;
}
.video-section .fusion-video:before{
content: "";
width: 300px;
height: 300px;
border-radius: 100%;
position: absolute;
background: #8d8d8d ;
left: -150px;
top: -100px;
z-index: -1;
}
.video-section .fusion-video:after{
content: "";
width: 300px;
height: 300px;
border-radius: 100%;
position: absolute;
background: #d0dae8 ;
right: -150px;
bottom: -100px;
z-index: -1;
} .fusion-footer{
position: relative;
z-index: 1;
}
.fusion-footer:before{
content: "";
width: 450px;
height: 450px;
border-radius: 100%;
position: absolute;
background: #f8bfb9 ;
left: -200px;
top: -200px;
z-index: -1;
}
.fusion-footer:after{
content: "";
width: 100%;
height: 5px;
background-image: url(//smartcity.gland.ch/wp-content/themes/Avada-Child-Theme/img/color-bar.svg);
background-size: 100%;
display: block;
}
.fusion-footer .fusion-column:first-child img{
width: 60%;
max-width: 60%;
}
.fusion-footer p, body.home .fusion-footer p{
font-size: 15px;
line-height: 1.8 !important;
}
.fusion-footer-widget-area .widget_nav_menu li a:before{
display: none;
}
.fusion-footer .fusion-footer-widget-area .widget_nav_menu li{
padding-left: 0;
}
footer.fusion-footer-widget-area ul{
font-size: 15px;
}
.fusion-widget-area .widget_nav_menu li{
padding: 0 !important;
border-bottom:none !important;
} .page .fusion-page-title-bar,
.single  .fusion-page-title-bar{
padding: 200px 10px 100px 10px;
height: auto;
background-color: transparent;
background-size: cover;
background-position: center center;
}
.single section.fusion-page-title-bar {
padding: 130px 10px 0px 10px;
} .category-page .fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:after {
background:#fff;
}
.category-page .fusion-flyout-menu-active.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line {
background-color: #000 !important;
}
.category-page .fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:hover .fusion-toggle-icon-line,
.category-page.page-mobilite .fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-search-toggle:hover .fusion-toggle-icon-line,
.category-page .fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line,
.category-page .fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-search-toggle .fusion-toggle-icon-line {
background-color: #000 !important;
}
.category-page .avada-page-titlebar-wrapper {
width: 1300px;
height: 1300px;
width: 67vw;
height: 67vw;
border-radius: 100%;
background: #eee;
float: right;
overflow: hidden;
margin-right: -300px;
margin-top: -400px;
margin-right: -15vw;
margin-top: -20vw;
margin-bottom: -200px;
position: relative;
z-index: 1;
}
.category-page .avada-page-titlebar-wrapper .fusion-page-title-captions {
padding: 0px 5vw;
}
.category-page .fusion-page-title-bar .fusion-page-title-row h1 {
font-size: 85px;
font-size: 5vw;
color: #fff;
line-height: 1.1;
}
.fusion-page-title-bar .fusion-page-title-row h1{
line-height: 1.1 !important;
}
.fusion-page-title-bar .fusion-breadcrumbs span:first-child a:after{
color: #1a1a1a;
}
.category-page .fusion-page-title-bar .fusion-breadcrumbs a,
.category-page .fusion-page-title-bar .fusion-breadcrumbs,
.category-page .fusion-page-title-bar .fusion-breadcrumbs a:hover,
.category-page .fusion-page-title-bar .fusion-breadcrumbs span:first-child a:after {
color: #fff;
}
.category-page .fusion-page-title-bar {
position: absolute;
top: 400px;
top: 20vw;
left: 0;
width: calc(100% - 300px);
height: calc(100% - 400px);
width: calc(100% - 15vw);
height: calc(100% - 20vw) !important;
z-index: 1;
padding-top: 0;
padding-bottom: 0px;
}
.category-page .fusion-page-title-bar:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.8;
z-index: -1;
}
.introduction-section:before {
content: "";
width: 680px;
height: 680px;
width: 36vw;
height: 36vw;
border-radius: 100%;
position: absolute;
left: -180px;
top: -150px;
left: -10%;
top: -8vw;
z-index: 1;
} .video-intern-section{
position: relative;
padding-bottom: 100px !important;
}
.video-intern-section .fusion-video {
width: 55% !important;
margin: auto;
position: relative;
z-index: 1;
}
.video-intern-section .fusion-video .video-wrapper,
.video-intern-section .fusion-video .video-shortcode{
border-radius: 50px;
overflow: hidden;
}
.video-intern-section .fusion-video:after{
content: "";
width: 300px;
height: 300px;
border-radius: 100%;
position: absolute;
right: -150px;
bottom: -100px;
z-index: -1;
}
.portfolio-section{
position: relative;
margin-top: 100px !important;
}
.portfolio-section:before {
content: url(//smartcity.gland.ch/wp-content/themes/Avada-Child-Theme/img/video-bg.svg);
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
z-index:1;
opacity: 0.15;
}
.portfolio-section .fusion-post-content p {
font-size: 18px;
}
.post-content h4.fusion-carousel-title {
font-size: 30px;
}
@media only screen and (max-width: 767px) {
.post-content h4.fusion-carousel-title {
font-size: 1em;
}
}
.portfolio-section .fusion-post-title a,
.post-content h4.fusion-carousel-title a {
color: #000;
}
.portfolio-section .fusion-post-title a:hover,
.post-content h4.fusion-carousel-title a:hover {
color: rgb(145, 197, 102);
} .fusion-portfolio{
overflow: inherit !important;
}
article .fusion-portfolio-content-wrapper,
.actu-list>div.fusion-column-wrapper { box-shadow: -5px 10px 77px -32px rgba(0,0,0,.3);
background: #fff;
border-radius: 50px;
overflow: hidden;
}
article .fusion-portfolio-content{
position: relative !important;
padding: 30px 30px !important;
text-align: center !important;
}
article .fusion-portfolio-meta a{
font-weight: 600;
font-size: 18px;
color: #AAA;
}
article .fusion-portfolio-meta a:hover{
color: #999;
}
article .fusion-portfolio-content .fusion-portfolio-meta{
margin-bottom:0;
margin-top: 15px;
line-height: 1.5;
}
#wrapper #main .fusion-portfolio-content > h2.fusion-post-title{
font-size: 30px !important;
text-transform: uppercase;
font-family: din-black, Arial, Helvetica, sans-serif !important;
font-weight: normal !important;
}    .page-mobilite article .fusion-portfolio-meta a{
color: #abbdd6;
}
.page-mobilite .fusion-page-title-bar:after{
background: #abbdd6;
}
.page-mobilite .introduction-section:before {
background: #d0dae8; }
.page-mobilite .fusion-footer:before {
background: #d0dae8; }
.page-mobilite .video-intern-section .fusion-video:after{
background: #d0dae8; }
.fusion-main-menu>ul>li.mobilite>a:not(.fusion-logo-link):hover,
.fusion-body .fusion-main-menu .current-menu-item.mobilite>a,
.fusion-body .fusion-main-menu .current-menu-parent.mobilite>a,
.fusion-body .fusion-main-menu .current_page_item.mobilite>a {
color: #abbdd6;
}
.page-mobilite #wrapper .post-content blockquote {
border-color: #abbdd6;
} .page-economie-locale .fusion-page-title-bar:after{
background: #91c566;
}
.page-economie-locale article .fusion-portfolio-meta a{
color: #91c566;
}
.page-economie-locale .introduction-section:before {
background: #c2deaa; }
.page-economie-locale .fusion-footer:before {
background: #c2deaa; }
.page-economie-locale .video-intern-section .fusion-video:after{
background: #c2deaa; }
.fusion-main-menu>ul>li.economie-locale>a:not(.fusion-logo-link):hover,
.fusion-body .fusion-main-menu .current-menu-item.economie-locale>a,
.fusion-body .fusion-main-menu .current-menu-parent.economie-locale>a,
.fusion-body .fusion-main-menu .current_page_item.economie-locale>a {
color: #91c566;
}
.page-economie-locale #wrapper .post-content blockquote {
border-color: #91c566;
} .page-gouvernance-communale .fusion-page-title-bar:after{
background: #1a1a1a;
}
.page-gouvernance-communale article .fusion-portfolio-meta a{
color: #1a1a1a;
}
.page-gouvernance-communale .introduction-section:before {
background: #8d8d8d ;
opacity: 0.6;
}
.page-gouvernance-communale .fusion-footer:before {
background: #8d8d8d ;
}
.page-gouvernance-communale .video-intern-section .fusion-video:after{
background: #8d8d8d ;
}
.fusion-main-menu>ul>li.gouvernance-communale>a:not(.fusion-logo-link):hover,
.fusion-body .fusion-main-menu .current-menu-item.gouvernance-communale>a,
.fusion-body .fusion-main-menu .current-menu-parent.gouvernance-communale>a,
.fusion-body .fusion-main-menu .current_page_item.gouvernance-communale>a {
color: rgba(26,26,26, 0.7);
}
.page-gouvernance-communale #wrapper .post-content blockquote {
border-color: #1a1a1a;
} .page-lieux-de-vie .fusion-page-title-bar:after{
background: #e5d717; }
.page-lieux-de-vie article .fusion-portfolio-meta a{
color: #e5d717;
}
.page-lieux-de-vie .introduction-section:before {
background: #fff78d ;
}
.page-lieux-de-vie .fusion-footer:before {
background: #fff78d ;
}
.page-lieux-de-vie .video-intern-section .fusion-video:after{
background: #fff78d ;
}
.fusion-main-menu>ul>li.lieux-de-vie>a:not(.fusion-logo-link):hover,
.fusion-body .fusion-main-menu .current-menu-item.lieux-de-vie>a,
.fusion-body .fusion-main-menu .current-menu-parent.lieux-de-vie>a,
.fusion-body .fusion-main-menu .current_page_item.lieux-de-vie>a {
color: #e5d717; ;
}
.page-lieux-de-vie #wrapper .post-content blockquote {
border-color: #e5d717;
} .page-vivre-ensemble .fusion-page-title-bar:after{
background: #315c8a;
}
.page-vivre-ensemble article .fusion-portfolio-meta a{
color: #315c8a;
}
.page-vivre-ensemble .introduction-section:before {
background: #98aec5 ;
}
.page-vivre-ensemble .fusion-footer:before {
background: #98aec5 ;
}
.page-vivre-ensemble .video-intern-section .fusion-video:after{
background: #98aec5 ;
}
.fusion-main-menu>ul>li.vivre-ensemble>a:not(.fusion-logo-link):hover,
.fusion-body .fusion-main-menu .current-menu-item.vivre-ensemble>a,
.fusion-body .fusion-main-menu .current-menu-parent.vivre-ensemble>a,
.fusion-body .fusion-main-menu .current_page_item.vivre-ensemble>a {
color: #315c8a;
}
.page-vivre-ensemble #wrapper .post-content blockquote {
border-color: #315c8a;
} .page-environnement-energie .fusion-page-title-bar:after{
background: #f07f73;
}
.page-environnement-energie article .fusion-portfolio-meta a{
color: #f07f73;
}
.page-environnement-energie .introduction-section:before {
background: #f8bfb9 ;
}
.page-environnement-energie .fusion-footer:before {
background: #f8bfb9 ;
}
.page-environnement-energie .video-intern-section .fusion-video:after{
background: #f8bfb9 ;
}
.fusion-main-menu>ul>li.environnement>a:not(.fusion-logo-link):hover,
.fusion-body .fusion-main-menu .current-menu-item.environnement>a,
.fusion-body .fusion-main-menu .current-menu-parent.environnement>a,
.fusion-body .fusion-main-menu .current_page_item.environnement>a {
color: #f07f73;
}
.page-environnement-energie #wrapper .post-content blockquote {
border-color: #f07f73;
} .gform_body table th {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.gform_wrapper ul li.gfield.recaptcha-field{
margin-bottom: 0 !important;
margin-top:0;
}
ul.gsurvey-rank.ui-sortable{
padding-left: 0;  
}
.gform_wrapper .top_label .gfield_label{
font-size: 18px;
font-weight: 300;
}
.gform_wrapper ul li.gfield {
margin-bottom: 40px !important;
}
.gform_wrapper .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.gform_wrapper .gfield_select[multiple=multiple]:focus,
.gform_wrapper .gfield textarea:focus,
.gform_wrapper .gfield select:focus,
.gform_wrapper .gfield textarea:focus,
.fusion-body select:focus+.select-arrow,
.fusion-body select:focus+.select2-arrow {
border-color: rgba(133, 190, 85, 0.9) !important;
}
.gform_body .gform_page_fields .gfield_description {
font-size: 0.8em;
margin-top: 10px;
color: #666666;
}
@media (min-device-width: 768px) {
table.gsurvey-likert .gsurvey-likert-row-label{
width: 50%;
padding: 10px 0;
font-size: 0.9em;
line-height: 1.2em;
}
}
.gform_body .gform_page_fields h3 {
font-size: 1.5em;
}
#wrapper .gform_body .gform_page_fields h2 {
font-size: 2em;
}
.gsurvey-rating-wrapper .gsurvey-rating:not(:checked)>label {
background-image: url(//smartcity.gland.ch/wp-content/themes/Avada-Child-Theme/img/star0.svg);
background-size: 25px 25px;
width: 25px;
font-size: 25px!important;
line-height: 25px;
margin-right: 5px;
}
.gsurvey-rating-wrapper .gsurvey-rating:not(:checked)>label:hover,
.gsurvey-rating-wrapper .gsurvey-rating:not(:checked)>label:hover~label {
background-image: url(//smartcity.gland.ch/wp-content/themes/Avada-Child-Theme/img/star1.svg);
background-size: 25px 25px;
}
.gsurvey-rating-wrapper .gsurvey-rating>input:checked~label {
background-image: url(//smartcity.gland.ch/wp-content/themes/Avada-Child-Theme/img/star1.svg);
background-size: 25px 25px;
}
.gform_wrapper .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .gfield_select[multiple=multiple] {
color: #1d242d !important;
border-width: 2px !important;
}
.gform_wrapper .gfield select,
.gform_wrapper .gfield textarea,
.gravity-select-parent .select-arrow {
border-width: 2px !important;
color: #1d242d !important;
}
.avada-select-parent .select-arrow, .gravity-select-parent .select-arrow, .select-arrow, .wpcf7-select-parent .select-arrow {
bottom: 2px !important;
}
body table.gsurvey-likert th.gsurvey-likert-choice-label {
background: none;
font-size: 15px;
font-weight: normal;
border-top: none;
border-right: none;
}
body table.gsurvey-likert {
border-left: none;
border-bottom: none;
}
body table.gsurvey-likert td.gsurvey-likert-choice,
body table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected{
background-size: 35px 35px;
height: 40px;
background-color: transparent;
}
body table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-hover,
body table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-focus{
background-color: transparent !important;
}
body table.gsurvey-likert .gsurvey-likert-choice,
body table.gsurvey-likert .gsurvey-likert-row-label {
border-top: none;
}
body table.gsurvey-likert tr td {
border-right: none;
}
body table.gsurvey-likert td.gsurvey-likert-choice {
background-image: url(//smartcity.gland.ch/wp-content/themes/Avada-Child-Theme/img/active0.svg);
}
body table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected {
background-image: url(//smartcity.gland.ch/wp-content/themes/Avada-Child-Theme/img/active1.svg);
} .gform_wrapper .gfield_checkbox li input,
.gform_wrapper .gfield_checkbox li input[type=checkbox],
.gform_wrapper .gfield_radio li input[type=radio] {
margin-top: -6px !important;
}
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label,
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label,
.gchoice_select_all {
font-weight: normal;
}
.gfield_checkbox input[type="checkbox"] {
vertical-align: top;
border: 2px solid #ccc !important;
border-radius: 0px !important;
line-height: 0;
height: 19px;
margin-right: 10px !important;
outline: 0;
padding: 0 !important;
position: relative;
top: 3px;
text-align: center;
vertical-align: middle;
width: 19px !important;
min-width: 18px;
-webkit-appearance: none;
transition: 0.3s;
background: #fff;
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] {
width: 19px !important;
}
.gform_wrapper li.hidden_label input,
.form_body .form_field .hidden_label input {
margin-top: -9px;
}
.gfield_checkbox input[type="checkbox"]:hover {
border: 2px solid #91c566 !important;
}
.gfield_checkbox input[type="checkbox"]:checked {
background:#91c566 !important;
border: 2px solid #91c566 !important;
}
.gfield_checkbox input[type="checkbox"]:checked:before {
content: "";
margin: -1px 4px;
color: #fff;
float: left;
display: inline-block;
transform: rotate(45deg);
height: 13px;
width: 7px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
.gfield_radio input[type="radio"]:checked,
.gfield_radio input[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.gfield_radio input[type="radio"]:checked + label,
.gfield_radio input[type="radio"]:not(:checked) + label {
position: relative;
padding-left: 30px;
cursor: pointer;
line-height: 20px;
display: inline-block;
}
.gfield_radio input[type="radio"] + label {
padding-left: 30px;
}
.gfield_radio input[type="radio"]:checked + label:before,
.gfield_radio input[type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0px;
width: 20px;
height: 20px;
border: solid 2px #ccc;
border-radius: 100%;
background: #fff;
transition:0.3s;
}
.gfield_radio input[type="radio"]:disabled + label:before{
opacity: 0.35;
}
.gfield_radio input[type="radio"]:disabled + label{
cursor:not-allowed;
}
.gfield_radio input[type="radio"]:not(:checked):hover + label:before {
border: 2px solid #91c566;
}
.gfield_radio input[type="radio"]:checked + label:before {
border: 2px solid #91c566;
}
.gfield_radio input[type="radio"]:checked + label:after,
.gfield_radio input[type="radio"]:not(:checked) + label:after {
content: '';
width: 12px;
height: 12px;
background: #91c566;
position: absolute;
top: 4px;
left: 4px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.gfield_radio input[type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.gfield_radio input[type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox]{
margin-top: -2px !important;
}
.gform_confirmation_message, .already-filled {
box-shadow: -5px 10px 77px -32px rgba(0,0,0,.3);
background: #fff;
border-radius: 30px;
overflow: hidden; text-align: center;
font-weight: 500;
padding: 30px;
width: 80%;
margin: auto;
line-height: normal;
}
.single-avada_portfolio .gform_confirmation_message, .single-avada_portfolio .already-filled{
width: 100%;
}
.gform_ajax_spinner {
width: 60px;
} .avada_portfolio-template-default .gform_wrapper{
background: #fff;
padding: 30px;
border-radius: 50px;
box-shadow: -5px 10px 77px -32px rgb(0 0 0 / 30%);
}
.gform_wrapper ul.gform_fields li.gfield.field_description_below {
padding-right: 0px !important;
}
.avada_portfolio-template-default .related-posts .fusion-carousel .fusion-carousel-item .fusion-carousel-item-wrapper {
box-shadow: -5px 10px 77px -32px rgb(0 0 0 / 30%);
background: #fff;
border-radius: 50px;
overflow: hidden;
}
.avada_portfolio-template-default .related-posts .fusion-carousel .fusion-carousel-item img,
.avada_portfolio-template-default .related-posts .fusion-carousel .fusion-carousel-item .fusion-image-wrapper{
width: 100%;
}
.avada_portfolio-template-default .related-posts .fusion-carousel .fusion-carousel-wrapper {
box-sizing: content-box;
padding: 50px 0px;
}
.avada_portfolio-template-default .fusion-carousel .fusion-carousel-title a{
color: #000;
}
.avada_portfolio-template-default .related-posts .fusion-carousel .fusion-carousel-title{
font-family: din-black, Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: uppercase;
text-align: center;
line-height: 1.3;
margin: 0;
padding: 30px 30px 30px 30px;
}
.avada_portfolio-template-default .related-posts .fusion-carousel-meta{
display: none;
}
.avada_portfolio-template-default .related-posts .fusion-title .title-sep-container {
display: none;
}
.avada_portfolio-template-default .related-posts .fusion-title {
justify-content: center;
}
.avada_portfolio-template-default  #wrapper #main .related-posts .fusion-title h3 {
font-size: 35px;
padding: 0;
}
.avada_portfolio-template-default .avada-page-titlebar-wrapper{
border-bottom-left-radius: 100%;
border-bottom-right-radius: 100%;
overflow: hidden;
width: 120vw;
margin-left: -10vw;
margin-bottom: 100px;
}
.avada_portfolio-template-default .fusion-page-title-bar{
width: 100vw;
margin-left: 10vw;
min-height: 555px;
display: flex;
align-items: center;
justify-content: center;
}
.avada_portfolio-template-default .fusion-page-title-bar .fusion-page-title-row {
width: 100%;
}
body .fusion-page-title-captions h3,
body .fusion-page-title-bar h3{
text-transform: none;
margin: 0 auto 30px auto;
font-size: 22px;
}
.avada_portfolio-template-default .fusion-page-title-bar:after{
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.85;
z-index: -1;
background: #fff;
}
.avada_portfolio-template-default .fusion-page-title-bar{
z-index: 1;
position: relative;
}
.avada_portfolio-template-default .fusion-page-title-bar .fusion-page-title-row h1 {
line-height: 1.16;
margin-bottom: 20px;
}
.avada_portfolio-template-default .fusion-page-title-bar-center .fusion-page-title-captions {
width: 70%;
margin:auto;
}
.project-description .fusion-text{
margin-bottom: 30px;
}
.project-description .fusion-video,
.project-description .fusion-imageframe,
.project-description .fusion-image-carousel,
.project-description .fusion-chart{
margin-bottom: 50px;
}
.project-description .fusion-button.button-flat.button-default,
.project-description .button-default.button-xlarge{
margin-top: 0;
margin-bottom: 50px;
}
.related-category-wrapper,
.related-tags-wrapper,
.status-wrapper {
margin-bottom: 40px;
}
.related-tag.top,
.fusion-tagcloud-element a.tag-cloud-link.tag-link-46 {
display: none;
}
.related-category {
position:relative;
color: #000 !important;
font-family: din-black, Arial, Helvetica, sans-serif;
font-weight: 700;
line-height: 1.16;
font-size: 20px;
text-transform: uppercase;
z-index: 1;
padding-left: 70px;
margin-bottom: 25px;
transition: 0.3s;
display:inline-block;
}
.related-category:hover{
padding-left: 80px;
}
.related-category:before{
content:"";
width: 60px;
height: 60px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left:0;
border-radius: 100%;
z-index: -1;
}
.related-category.mobilite:before{
background: rgba(161, 182, 209, 0.9);
}
.related-category.economie-locale:before{
background-color: rgba(133, 190, 85, 0.9);
}
.related-category.environnement-energie:before{
background: rgba(238, 112, 99, 0.9);
}
.related-category.vivre-ensemble:before{
background: rgba(26, 74, 125, 0.9);
}
.related-category.lieux-de-vie:before{
background: rgba(255, 237, 0, 0.9);
}
.related-category.gouvernance-communale:before{
background: rgba(0, 0, 0, 0.9);
}
.related-tag {
color: #000;
font-family: din-black, Arial, Helvetica, sans-serif;
font-weight: 700;
line-height: 1.16;
font-size: 20px;
text-transform: uppercase;
z-index: 1;
}
.related-tag:hover {
color: #333;
}
.fusion-tagcloud-element a.tag-cloud-link {
background-color: #91c566 !important;
border-radius: 20px;
border: 0 !important;
}
.fusion-page-title-bar .fusion-breadcrumbs span:first-child a span{
display: none;
}
.fusion-page-title-bar .fusion-breadcrumbs span:first-child a:after{
content: "\f015";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
body .fusion-loading-container{
text-align: center;
margin-top: 50px;
}
body .fusion-loading-container .fusion-spinner-1,
body .fusion-loading-container .fusion-spinner-2,
body .fusion-loading-container .fusion-spinner-3 {
width: 20px;
height: 20px;
margin: 0 5px;
}
body .fusion-loading-container .fusion-loading-msg {
display: none;
}
.gform_submission_error {
font-size: inherit !important;
} .page-mobilite .fusion-loading-container .fusion-spinner-1,
.page-mobilite .fusion-loading-container .fusion-spinner-2,
.page-mobilite .fusion-loading-container .fusion-spinner-3{
background-color: #abbdd6;
} .page-economie-locale .fusion-loading-container .fusion-spinner-1,
.page-economie-locale .fusion-loading-container .fusion-spinner-2,
.page-economie-locale .fusion-loading-container .fusion-spinner-3{
background-color: #91c566;
} .page-gouvernance-communale .fusion-loading-container .fusion-spinner-1,
.page-gouvernance-communale .fusion-loading-container .fusion-spinner-2,
.page-gouvernance-communale .fusion-loading-container .fusion-spinner-3{
background-color: #1a1a1a;
} .page-lieux-de-vie .fusion-loading-container .fusion-spinner-1,
.page-lieux-de-vie .fusion-loading-container .fusion-spinner-2,
.page-lieux-de-vie .fusion-loading-container .fusion-spinner-3{
background-color: #ffef1a;
} .page-vivre-ensemble .fusion-loading-container .fusion-spinner-1,
.page-vivre-ensemble .fusion-loading-container .fusion-spinner-2,
.page-vivre-ensemble .fusion-loading-container .fusion-spinner-3{
background-color: #315c8a;
} .page-environnement-energie .fusion-loading-container .fusion-spinner-1,
.page-environnement-energie .fusion-loading-container .fusion-spinner-2,
.page-environnement-energie .fusion-loading-container .fusion-spinner-3{
background-color: #f07f73;
}
body .fusion-portfolio-post.fusion-element-grid .fusion-masonry-element-container{
padding-top: 56.3% !important;
} body.home .fusion-wrapper:before {
content: url(//smartcity.gland.ch/wp-content/themes/Avada-Child-Theme/img/smartcity_homepage.jpg);
opacity: 1;
}
@media (max-width: 800px){
body.home .fusion-wrapper:before {
content: url(//smartcity.gland.ch/wp-content/themes/Avada-Child-Theme/img/smartcity_homepage-mobile.jpg);
}   
} body.home .infography-section:before {
content: none;
}
body.home .infography-section:after {
content: none;
}
body.home .portfolio-section:before {
content: none;
}
body.home .portfolio-section:after {
content: none;
}
body.home .fusion-footer:before {
content: none;
}
@media (max-width: 1300px){
.category-page .avada-page-titlebar-wrapper {
margin-bottom: 0px;
}
.category-page .avada-page-titlebar-wrapper .fusion-page-title-captions {
padding: 0;
}
.introduction-section{
padding-top: 100px;
}    
}
@media (max-width: 1200px){
.avada_portfolio-template-default .fusion-page-title-bar-center .fusion-page-title-captions {
width: 100%;
} .infography-inner{
width: calc(20vw * 1.5);
height: calc(20vw * 1.5);
}
.infography-inner .round{
width: calc(7vw * 1.5);
height: calc(7vw * 1.5);
left: calc(50% - calc(3.5vw * 1.5));
top: calc(50% - calc(3.5vw * 1.5));
}
.infography-inner .round-1{
transform: translate(0, calc(-4.7vw * 1.5));
}
.infography-inner .round-2{
transform: translate(calc(4.5vw * 1.5), calc(-2.3vw * 1.5));
}
.infography-inner .round-3{
transform:translate(calc(4.5vw * 1.5), calc(2.3vw * 1.5));
}
.infography-inner .round-4{
transform: translate(0, calc(4.7vw * 1.5));
}
.infography-inner .round-5{
transform: translate(calc(-4.5vw * 1.5), calc(2.3vw * 1.5));
}
.infography-inner .round-6{
transform: translate(calc(-4.5vw * 1.5), calc(-2.3vw * 1.5));
}
.infography-inner .round label{
font-size: calc(1.5vw * 1.5vw);
}
.infography-inner .round-1 label{
bottom: calc(100% + calc(3vw * 1.5));
}
.infography-inner .round-2 label{
left: calc(100% + calc(1.5 * 3vw));
}
.infography-inner .round-3 label{
left: calc(100% + calc(1.5 * 3vw));
}
.infography-inner .round-4 label{
top: calc(100% + calc(1.5 * 3vw));
}
.infography-inner .round-5 label{
right: calc(100% + calc(1.5 * 3vw));
}
.infography-inner .round-6 label{
right: calc(100% + calc(1.5 * 3vw));
}
.video-section .fusion-video {
width: 80% !important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
.avada_portfolio-template-default .fusion-page-title-bar:not(.fusion-tb-page-title-bar) {
padding: 200px 10px 100px 10px !important;
}
.fusion-body.page .fusion-page-title-bar:not(.fusion-tb-page-title-bar),
.fusion-body.single .fusion-page-title-bar:not(.fusion-tb-page-title-bar){
padding: 200px 10px 100px 10px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
.avada-has-breadcrumb-mobile-hidden.fusion-body .fusion-page-title-bar .fusion-breadcrumbs {
display: block !important;
}
.category-page .fusion-page-title-wrapper {
display: flex;
}
}
@media only screen and (max-width: 761px), (min-device-width: 768px) and (max-device-width: 1024px){
.gform_wrapper ul.gform_fields table.gsurvey-likert td:after {
margin-left: 3.5rem !important;
}
}
@media (max-width: 800px){
.fusion-header-wrapper .fusion-logo img {
max-width: 160px;
width: 160px;
height: auto !important;
transition: 0.3s;
}
.fusion-header-wrapper.fusion-is-sticky .fusion-logo img {
max-width: 160px;
width: 160px;
}
.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle:after {
width: 50px;
height: 50px;
}
.fusion-body .fusion-header-wrapper .fusion-header,
.fusion-body .fusion-header-wrapper .fusion-secondary-main-menu {
background-color: transparent !important;
}
.fusion-body .fusion-header-wrapper.fusion-is-sticky .fusion-header,
.fusion-body .fusion-header-wrapper.fusion-is-sticky .fusion-secondary-main-menu {
background-color: #fff !important;
}
#side-header .fusion-logo,
.fusion-header .fusion-logo {
margin: 10px 0px 10px 0px !important;
}
body .fusion-header-wrapper {
position: absolute;
width: 100%;
}
body .fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle {
height: 20px;
width: 20px;
padding-top: 4px;
}
body .fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line {
width: 20px;
height: 2px;
margin-bottom: 4px;
}
.fusion-button.button-flat.button-default, .button-default.button-xlarge, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
padding: 15px 25px !important;
font-size: 13px !important;
}
.fusion-main-menu>ul>li>a, .fusion-vertical-menu-widget ul.menu li a, .side-nav li a {
font-size: 17px !important;
}
.fusion-header-has-flyout-menu .fusion-flyout-menu>ul.fusion-menu>li {
padding: calc((10px)/ 2) !important;
}
.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-menu,
.fusion-header-has-flyout-menu .fusion-flyout-menu .fusion-mobile-menu {
padding: 80px 0 0 0 !important;
}
body .fusion-wrapper:before {
width: 180%;
right: -40%;
}
body.fusion-body:not(.category-page):not(.single-avada_portfolio) .fusion-page-title-bar:not(.fusion-tb-page-title-bar){
padding-top: 130px;
padding-bottom: 5px;
min-height: auto !important;
}
body.fusion-body:not(.category-page):not(.single-avada_portfolio):not(.avada-has-page-title-mobile-height-auto) .fusion-page-title-row {
min-height: auto !important;
} .infography-wrapper{
height: auto;
display: block;
}
.infography-inner {
width: 100%;
height: auto;
margin-top: 100px !important;
}
.infography-inner:after{
display: none;
}
.infography-inner .round{
height: auto;
position: initial;
display: table;
width: 100%;
margin-bottom: 15px;
}
.infography-inner .round .round-item {
width: 60px;
height: 60px;
display: table-cell;
}
.infography-inner .round{
transform: none !important;
}
.infography-inner .round-7{
display: inline-block;
}
.infography-inner .round-7 .round-item{
border: 2px solid #f1f4f8;
}
.infography-inner .round label{
font-size: 20px;
text-align: left;
position: initial;
transform: none !important;
display: table-cell;
vertical-align: middle;
padding-left: 15px;
}
.infography-inner .round label br{
display:none;
}
.scroll-down-anim {
display: none;
}
#main .fusion-portfolio h2,
#main .post h2,
#wrapper #main .post h2,
#wrapper #main .post-content .fusion-title h2,
#wrapper #main .post-content .title h2,
#wrapper .fusion-title h2,
#wrapper .post-content h2,
#wrapper .title h2,
.fusion-modal h2,
.fusion-tb-footer h2,
.fusion-tb-page-title-bar h2,
.fusion-widget-area h2,
h2.entry-title {
font-size: 30px !important;
}
#main article .fusion-portfolio-content h2{
font-size: 25px !important;
margin-bottom: 10px !important;
}
article .fusion-portfolio-content {
padding: 20px 20px !important;
}
.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line {
width: 20px !important;
}
.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(1),
.fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(3) {
margin-left: 4px;
}
.fusion-main-menu>ul>li>a {
line-height: 1.8 !important;
}
body.home p, .introduction-section p, .portfolio-section p {
font-size: 18px;
}
.smart-city-section:before,
.introduction-section:before {
width: 50vw;
height: 50vw;
left: -10%;
top: 5%;
}
.introduction-section:before {
top: -10%;
}
.infography-section:after {
width: 40vw;
height: 40vw;
left: calc(100% - 15vw);
}
.smart-city-section {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.city-illustration {
margin-top: 50px;
}
.smart-city-section:after {
right: -20%;
bottom: 45%;
top: inherit;
}
.video-section .fusion-video .video-wrapper,
.video-section .fusion-video .video-shortcode,
.video-intern-section .fusion-video .video-wrapper,
.video-intern-section .fusion-video .video-shortcode,
.video-section .fusion-video .video-shortcode iframe,
.video-section .fusion-video .video-wrapper iframe,
.video-intern-section .fusion-video .video-wrapper iframe,
.video-intern-section .fusion-video .video-shortcode iframe{
border-radius: 20px;
}
.video-section .fusion-video,
.video-intern-section .fusion-video{
width: 100% !important;
}
.video-section .fusion-video:after,
.video-intern-section .fusion-video:after{
width: 200px;
height: 200px;
right: -100px;
bottom: -100px;
}
.video-section .fusion-video:before,
.video-intern-section .fusion-video:before{
width: 200px;
height: 200px;
left: -100px;
top: -100px;
}
.category-page .avada-page-titlebar-wrapper {
width: 85vw;
height: 85vw;
float: none;
position: relative;
top: 80px;
margin: 0px auto 180px auto;
}
.category-page .fusion-page-title-bar {
display: flex;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
}
.category-page .avada-page-titlebar-wrapper .fusion-page-title-captions {
padding: 0px 0px;
}
.category-page .fusion-page-title-bar .fusion-page-title-row h1 {
font-size: 55px;
}
.avada-has-breadcrumb-mobile-hidden.fusion-body .fusion-page-title-bar .fusion-breadcrumbs {
display: block !important;
}
.introduction-section {
padding-bottom: 100px !important;
}
.portfolio-section {
margin-top: 0px !important;
padding-bottom: 0px !important;
}
.avada_portfolio-template-default .avada-page-titlebar-wrapper {
width: 200vw;
margin-left: -50vw;
margin-bottom: 80px;
}
.avada_portfolio-template-default .fusion-page-title-bar {
margin-left: 50vw;
padding-top: 100px !important;
padding-bottom: 50px !important;
}
body .fusion-page-title-captions h3,
body .fusion-page-title-bar h3 {
font-size: 16px !important;
margin: 0 auto 20px auto;
color: #000;
}
.fusion-page-title-bar .fusion-page-title-row h1 {
font-size: 8vw !important;
}
.video-section {
margin-top: 100px !important;
padding-bottom: 100px !important;
}
.fusion-body .fusion-page-title-bar h1 {
margin-bottom: 10px !important;
}
}