/*
Theme Name: Soladvance Theme
Theme URI: https://soladvance.pt
Template: oceanwp
Author: Soladvance
Version: 1.1.1708359626
Updated: 2024-02-19 16:20:26

*/

/* ###  GENERAL  ### */

html {
	height: 100vh;
	margin: 0;
	overflow: hidden;
}

body {
	height:100vh;
	overflow: auto;
	scroll-snap-type: y mandatory;
}

form textarea {
    min-height: 100px;
}

/* ###  GENERAL (END)  ### */


/* ###  HEADER  ### */

#site-header {
    position: sticky;
    top: 0;
    width: auto;
}

.dropdown-menu .sub-menu {
    border: none;
}

.dropdown-menu ul li.menu-item {
    border: none;
}

.navigation .megamenu li ul.sub-menu {
    border: none;
}

.navigation>ul>li>ul.megamenu.sub-menu>li {
    border: none;
}

#searchform-dropdown.show {
    bottom: auto;
}

/*
.dropdown-menu .sub-menu {
    border: none;
}

.dropdown-menu ul li.menu-item {
    border: none;
}
*/

#menu-main-menu .sub-menu a {
    color: #555;
}

#menu-main-menu .sub-menu a:hover {
    background-color: #b9d300;
    color: #fff;
}

ul.megamenu.sub-menu::before {
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    bottom: -50%;
    left: 0;
    background-image: url(https://new.soladvance.pt/wp-content/uploads/2024/02/space-structure-alternative.png);
    rotate: 180deg;
    opacity: .8;
}

.navigation>ul>li>ul.megamenu.sub-menu>li {
    border: none;
}

.navigation .megamenu li ul.sub-menu {
    border: none;
}

#menu-main-menu .megamenu li.servicos a:hover {
    background-color: transparent;
    color: #555;
}

#menu-main-menu .megamenu li.servicos {
	padding-left:10px;
}

/*
#menu-main-menu .megamenu li.servicos li {
	margin-left:-10px;
}
*/

#menu-main-menu .megamenu li.servicos li a:hover {
    background-color: #b9d300;
    color: #fff;
}

#menu-main-menu .megamenu li.servicos::before {
 	content: ' ';
	display: block;
	position: absolute;
	width: 30px;
	height: 20px;
    background-repeat: no-repeat;
    background-position: right center;
	background-size:contain;
	top:7px;
	left:-6px;
}

#menu-main-menu .megamenu li.servicos.software::before {
	background-image: url(https://new.soladvance.pt/wp-content/uploads/2024/01/menu-icon-software.svg);
}

#menu-main-menu .megamenu li.servicos.infraestrutura::before {
	background-image: url(https://new.soladvance.pt/wp-content/uploads/2024/01/menu-icon-infraestrutura.svg);
}

#menu-main-menu .megamenu li.servicos.cloud::before {
	background-image: url(https://new.soladvance.pt/wp-content/uploads/2024/01/menu-icon-cloud.svg);
}

#menu-main-menu .megamenu li.servicos.web::before {
	background-image: url(https://new.soladvance.pt/wp-content/uploads/2024/01/menu-icon-web.svg);
}

#menu-main-menu .megamenu li.servicos.rgpd::before {
	background-image: url(https://new.soladvance.pt/wp-content/uploads/2024/01/menu-icon-rgpd.svg);
}

#menu-main-menu .megamenu li.servicos.it-management::before {
	background-image: url(https://new.soladvance.pt/wp-content/uploads/2024/01/menu-icon-it-management.svg);
}

#menu-main-menu li.suporte {
    background-image: linear-gradient(#b9d300, #9DB400);
    height: 40px;
    width: 150px;
    border-radius: 7px;
    top: 17px;
}

#menu-main-menu li.suporte:hover {
    background: #b9d300;
}

#menu-main-menu li.suporte a {
    color: #fff;
    line-height: 2.3em !important;
    font-size: 1.3em;
}

#menu-main-menu li.suporte a:hover {
    color: #fff !important;
}

#menu-main-menu li.suporte a::after {
	content: ' ';
	display: block;
	position: absolute;
	background-image: url(https://new.soladvance.pt/wp-content/uploads/2024/01/menu-icon-suporte.svg);
	width: 30px;
	height: 30px;
    background-repeat: no-repeat;
    background-position: right center;
	background-size:contain;
	top:5px;
	right:5px;
}

/* ###  HEADER (END)  ### */


/* ###  HOMEPAGE  ### */

#hero {
	scroll-snap-align: start;
	scroll-snap-stop: always;
	display:block;
	height:100vh;
	padding-top:76px;
	margin-top:-76px;
}

.bdt-prime-slider {
    height: calc(100vh - 76px);
}

.bdt-slideshow {
    max-height: calc(100vh - 76px);
}

/* BUSINESS SOLUTIONS */
/* LIGHT FX */
/*#business-solutions .e-con-inner:after,*/#business-solutions .e-con-inner:before {
	content:"";
	position:absolute;
	height:100%;
	background-image:linear-gradient(to right, rgba(255,255,255,0) 30%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 70%);
	z-index:0;
	
}

#business-solutions .e-con-inner:before {
	width:130px;
	top:0;
	right:0%;
	animation:bs-light-right 11s infinite linear;
}

/*
#business-solutions .e-con-inner:after {
	width:100px;
	top:5%;
	left:0%;
	animation:bs-light-left 12s infinite linear;
	rotate:35deg;
}
*/

@keyframes bs-light-right{
	0%{right:0%;opacity:.6;}
	10%{right:50%;opacity:.8;}
	15%{right:100%;opacity:.2;}
	16%, 100%{opacity:0;}
}

/*
@keyframes bs-light-left {
	0%{left:0%;opacity:0;height:0;top:5%}
	1%{height:70%;opacity:.3;top:5%}
	2%{left:50%;opacity:.5;height:100%;top:5%}
	3% {height:100%;opacity:.5;top:5%}
	5%{height:20%;opacity:.2;top:70%;}
	6%{opacity:0;}
	7%{left:100%;opacity:0;height:0;}
	7.5%, 100%{opacity:0;}
}
*/
/* LIGHT FX (END) */


#business-solutions {
	scroll-snap-align: start;
	scroll-snap-stop: always;
	display:block;
	height:100vh;
	overflow-x:hidden;
}

#business-solutions p {
    font-size: 2.2em;
    line-height: 1.5em;
    font-weight: 300;
    color: #777;
}

#business-solutions h2 {
    font-size: 4em;
    line-height: 1.3em;
    color: #444;
}

a.business-solution {
    background: rgba(255, 255, 255, 0.7);
}

#business-solutions img {
	width:150px;
}

#business-solutions a.business-solution:hover img {
	filter: brightness(0) saturate(100%) invert(58%) sepia(56%) saturate(1529%) hue-rotate(31deg) brightness(99%) contrast(101%);
}

#business-solutions a.business-solution:hover h3 {
	color:#9DB400;
}

/* BUSINESS SOLUTIONS (END) */

/* WEB ZONE */

#web-zone {
	scroll-snap-align: start;
	scroll-snap-stop: always;
	display:block;
	height:100vh;
	overflow-x:hidden;
}

#web-zone:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.15;
	background-image: url(https://new.soladvance.pt/wp-content/uploads/2024/01/apple-skeleton.png);
    background-repeat: no-repeat;
	background-size: auto 90vh;
    background-position: -300px 50%;
}

/* LIGHT FX */

#web-zone .e-con-inner:before {
	content:"";
	position:absolute;
	height:100%;
	background-image:linear-gradient(to right, rgba(255,255,255,0) 30%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 70%);
	z-index:0;
	width:130px;
	top:0;
	left:0%;
	animation:wz-light-right 10s infinite linear;
}

@keyframes wz-light-right{
	0%{left:0%;opacity:.01;}
	5%{left:50%;opacity:.05;}
	10%{left:70%;opacity:.03;}
	11%, 100%{opacity:0;}
}

/* LIGHT FX (END) */

#web-zone p {
    font-size: 2.2em;
    line-height: 1.5em;
    font-weight: 300;
    color: #efefef;
}

#web-zone h2 {
    font-size: 4em;
    line-height: 1.3em;
    color: #fff;
}

#web-zone .web-solution img {
    width: auto;
    max-height: 30px;
}

#web-zone h3 {
    font-size: .85em;
    font-weight: 500;
}

/* WEB ZONE (END) */

/* PARTNERS AREA */

#partners-area {
	scroll-snap-align: start;
	scroll-snap-stop: always;
	display:block;
	height:100vh;
	overflow-x:hidden;
}

/*
#partners-area .e-con-inner:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(https://new.soladvance.pt/wp-content/uploads/2024/01/space-structure.png);
    background-repeat: no-repeat;
    background-position: bottom center;
	opacity:.4;
}
*/

/* LIGHT FX */

#partners-area .e-con-inner:before {
	content:"";
	position:absolute;
	height:130px;
	background-image:linear-gradient(to bottom, rgba(255,255,255,0) 30%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 70%);
	z-index:0;
	width:100%;
	top:0;
	left:0%;
	animation:pa-light-bottom 10s infinite linear;
}

@keyframes pa-light-bottom{
	0%{top:0%;opacity:.01;}
	5%{top:50%;opacity:.1;}
	10%{top:70%;opacity:.03;}
	11%, 100%{opacity:0;}
}

/* LIGHT FX (END) */

#partners-area p {
    font-size: 2.2em;
    line-height: 1.5em;
    font-weight: 300;
    color: #777;
}

#partners-area h2 {
    font-size: 4em;
    line-height: 1.3em;
    color: #444;
}

#partners-area img {
    max-width: 200px;
    width: 100%;
    max-height: 70px;
    height: 100%;
	filter: brightness(0) saturate(100%) invert(24%) sepia(6%) saturate(19%) hue-rotate(336deg) brightness(100%) contrast(90%);
	opacity:.8;
}

#partners-area .partner:hover img {
	filter: none;
	opacity:1;
}

/* PARTNERS AREA (END) */

/* ###  HOMEPAGE (END)  ### */


/* ###  FOOTER  ### */

.home footer {
	scroll-snap-align: start;
	scroll-snap-stop: always;
	display:block;
	height:auto;
	overflow:hidden;
}

footer #footer-widgets::before {
 	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 25px;
	width: 100%;
	height: 100%;
	background-image: url(https://new.soladvance.pt/wp-content/uploads/2024/01/space-origami-transparency.png);
    background-repeat: no-repeat;
    background-position: bottom center;
	opacity:.4;
	rotate:180deg;
}

.footer-widgets-inner.container {
    z-index: 666;
    position: relative;
}

footer img {
    max-width: 200px;
}

div#ocean_social-2 {
    text-align: center;
}

footer span.stupid-law {
    font-size: .7em;
    line-height: .5em;
    display: block;
}

footer ul#menu-footer-info {
	margin-top:2em !important;
}

footer #menu-footer-info li {
	padding:0;
    border: 0 !important;
}

footer #menu-footer-info li::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    padding-right: 1em;
    font-weight: 900;
    color: #666;
	font-size:.5em;
}


/* FOOTER BOTTOM */
div#footer-bottom-inner {
    position: relative;
}

#footer #footer-bottom-menu li::before {
    content: 'by';
    margin-right: 3px;
    font-family: inherit;
    padding: inherit;
    font-weight: inherit;
}

#footer-bottom-menu li a {
    font-weight: 600;
}
/* FOOTER BOTTOM (END) */

/* ###  FOOTER (END)  ### */


/* ###  BACK TO TOP  ### */

.back-to-top {
    position: fixed;
    bottom: 20px !important;
    right: 20px;
    z-index:666;
    width:40px;
    height:40px;
	line-height:40px;
    text-align:center;
    background:green;
    background-size:cover;
    transition: all 1s;
	color:#fff !important;
	background-color: rgba(117,134,0,0.6);
}

.hide {
    opacity:0;
    bottom:-250px;
}

.show {
    bottom:20px;
    opacity:1;
}

.back-to-top:hover {
    background-color: #b9d300;
    text-decoration:none;
}

/* ###  BACK TO TOP (END)  ### */


/* ###  RECAPTCHA  ### */

.grecaptcha-badge {
    display:none;
}

/* ###  RECAPTCHA (END)  ### */