/* 
 Theme Name:     Codefive Divi Child
 Author:         Codefive
 Author URI:     http://www.codefive.pt 
 Template:       Divi
 Version:        2.0 
*/ 

/* == HEADER == */
.et-fixed-header {
    background-color: rgb(255 255 255 / 90%) !important;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.et-fixed-header #logo { /* trocar logo quando em scroll */
    content: url(/wp-content/uploads/2024/04/logo-horiz-cubik.png);
	height: 40px;
}

@media (max-width: 980px) { /* menu mobile e tablet */	
	#logo {
    	content: url(*/wp-content/uploads/2024/04/logo-horiz-cubik.png);
		max-width: 140px !important;
	}
}

/* == BLURB == */
/* Horizontal */
.cubik-blurb-horiz h3 { padding-bottom: 0px !important; }
.cubik-blurb-horiz .et_pb_blurb_container { vertical-align: middle; padding-left: 20px !important; }

/* == FORM == */
.cubik-form .et_contact_bottom_container { float: left !important; padding: 0 0 0 3% !important; margin-top: 0.5%; }
.cubik-form button { margin: 0% !important; }

@media only screen and (max-width: 980px) {
	.cubik-form button, .cubik-form .et_contact_bottom_container { width: 100% !important }
}

.cubik-form .input[type="checkbox"]:checked+label i:before {
    content: "";
    background-image: url(https://code5software.pt/cubik/wp-content/uploads/2024/04/cubik-check.png);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* == FOOTER == */
.cubik-footer::before {
    content: "";
	height: 6px;
    width: 100%;
    display: block;
	/*     background: linear-gradient(#156fff, #0C4DAA); */
    background: linear-gradient(-45deg, #0C4DAA, #156FFF, #65A0FC, #156FFF, #0C4DAA);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	box-shadow: 1px 1px 20px #156fff;
}

@keyframes gradient {
	0%   { background-position: 0% 50%; }
	50%  { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

/* == COOKIES == */
.cc-window { background: linear-gradient(160deg, #0c4daa, #156fff); font-family: inherit; }
.cc-window .cc-message a { color: #fff; text-decoration: underline; }
.cc-close { display: none !important; }

a.cc-btn.cc-allow {
    padding: 14px 40px;
    background: #fff;
    color: #0c4daa;
    text-transform: uppercase;
    border-radius: 2px;
    letter-spacing: 0.1em;
    font-size: 14px;
    border: none;
    font-weight: 700;
    box-shadow: 0px 6px 10px #0000001a;
}

@media (max-width: 980px) {
	.cc-window { flex-direction: column !important; gap: 20px; }
	.cc-compliance { width: 100% !important; flex-direction: column; gap: 14px; }
	.cc-btn { width: 100% !important; }
	.cc-allow { order: -1; }
}