/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* MAIN NAV STYLES */
header#masthead #menu-item-0 {transform:scale(0);opacity:0;pointer-events:none;transition:opacity 0.5;}
/*header#masthead.is_stuck #menu-item-0 {opacity:1;pointer-events:all;transform:scale(1);opacity:1;}*/


/* TEXT STYLES */
.textShadow {text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);}
.extraShadow {1px 1px 2px rgba(0, 0, 0, 0.5), 0px 0px 50px #9b2d5a;}
.btn.btn-accent {background:#ff4792!important;border-color:#ff4792!important;color:#fff!important;}
.btn.btn-accent:hover {background:#d53f7c!important;border-color:#d53f7c!important;color:#fff!important;}
.wpcf7 .wpcf7-submit:disabled {cursor:not-allowed;background:#ccc!important;border-color:#ccc!important;}
.wpcf7 .wpcf7-mail-sent-ok, .wpcf7 .wpcf7-validation-errors, .wpcf7 span.wpcf7-not-valid-tip {margin: 5px 0px 0px 0px;}
.uncode_text_column p a:hover {text-decoration:underline;}

span.formInfo {font-size: small;font-weight: 300;}
input::placeholder, textarea::placeholder, select::placeholder {color: #ccc;opacity: 1;}
input,textarea,select {font-weight:300;}

/* HOME PAGE HEADER */
.headerColumn .background-inner {background-repeat: no-repeat;background-position: left 100% !important;background-size: contain !important;}
.headerContents {width:100vw;height:100vh;margin:0px;padding:0px;position:absolute;top:0px;left:0px;overflow:hidden;animation:showHeader 1s forwards ease-in-out;}
@keyframes showHeader {from {transform:translateY(10%) scale(0.9);opacity:0.8;} to {transform:translateY(0%) scale(1);opacity:1;}}


.headerContents * {
  background-position:center center;background-repeat:no-repeat;background-size:contain;display:block;
  position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);
} 
.headerContents .mainlogo {
    width:50%;height:50vh;top:unset;bottom:15%;
    background-image: url(https://sampojakotivideot.fi/wp-content/uploads/2025/02/sampo-ja-kotivideot-logo.png);
}
.headerContents .katri {
	width:20vw;height:100%;bottom:0px;left:20%;top:unset;background-position:bottom center;
    transform: rotate(-3deg);transform-origin: bottom;background-position: bottom center;
	background-image:url(https://sampojakotivideot.fi/wp-content/uploads/2025/02/katri-helena-scaled.webp);
}
.headerContents .toripolliisi {
    width: 66vw;height: 100%;bottom: 0%;right: -5%;left: unset;top: unset;
    transform: rotate(3deg);transform-origin: bottom;background-position: bottom center;
    background-image: url(https://sampojakotivideot.fi/wp-content/uploads/2025/02/toripoliisi-scaled.webp);
}
.headerContents .sampo {
	width:33%;max-width:600px;min-width:500px;height:100%;bottom:0px;left:50%;background-position:bottom center;
	background-image:url(https://sampojakotivideot.fi/wp-content/uploads/2025/02/sampo-ja-kotivideot_sampo.webp);
}
.headerContents .star-logo {
    width: 10%;
    height: 100px;
    bottom: unset;
    right: unset;
    transform: none;
    left: 36px;
    top: 36px;
    background-image: url(https://sampojakotivideot.fi/wp-content/uploads/2025/03/TakeTwo_logo_Black_transparent-white.png);
    transition: 0.2s;
    z-index: 5;
}
.headerContents .star-logo:hover {transform:scale(1.1);}
.headerContents .iconset {position:absolute;top:0;left:0;width:100%;height:100%;list-style:none;margin:0;padding:0;transform: none;}
.headerContents .iconset li {width:7vw;height:7vw;margin:0;padding:0;position:absolute;}

.headerContents .iconset li::after {
	content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: contain;background-repeat: no-repeat;background-position: center;
	animation-name: headerIcons;animation-duration: 3s;animation-iteration-count: infinite;animation-direction: alternate;
}
.headerContents .iconset li:nth-child(2n)::after {animation-duration: 5.5s;animation-delay: 0.5s;}
.headerContents .iconset li:nth-child(3n)::after {animation-duration: 6.5s;animation-delay: 1s;}

.headerContents .iconset .x1 {top:60%;left:10%;}
.headerContents .iconset .x {top:25%;left:15%;}
.headerContents .iconset .star {top:40%;left:20%;}
.headerContents .iconset .tape {top:10%;left:55%;}
.headerContents .iconset .smiley {top:40%;right:10%;left:unset;}
.headerContents .iconset .peace-sign {top:15%;right:60%;left:unset;}
.headerContents .iconset .heart {top:15%;right:20%;left:unset;}
.headerContents .iconset .et {top:80%;right:25%;left:unset;}
.headerContents .iconset .alien {top:60%;right:15%;left:unset;}

.headerContents .iconset .x1::after {background-image: url(https://sampojakotivideot.fi/wp-content/uploads/2025/02/X-1.png);}
.headerContents .iconset .x::after {background-image: url(https://sampojakotivideot.fi/wp-content/uploads/2025/02/X.png);}
.headerContents .iconset .star::after {background-image: url(https://sampojakotivideot.fi/wp-content/uploads/2025/02/star.png);}
.headerContents .iconset .tape::after {background-image: url(https://sampojakotivideot.fi/wp-content/uploads/2025/02/tape.png);}
.headerContents .iconset .smiley::after {background-image: url(https://sampojakotivideot.fi/wp-content/uploads/2025/02/smiley.png);}
.headerContents .iconset .peace-sign::after {background-image: url(https://sampojakotivideot.fi/wp-content/uploads/2025/02/peace-sign.png);}
.headerContents .iconset .heart::after {background-image: url(https://sampojakotivideot.fi/wp-content/uploads/2025/02/heart.png);}
.headerContents .iconset .et::after {background-image: url(https://sampojakotivideot.fi/wp-content/uploads/2025/02/unnamed-file.png);}
.headerContents .iconset .alien::after {background-image: url(https://sampojakotivideot.fi/wp-content/uploads/2025/02/alien.png);}

@media (max-width: 959px) {
	header#masthead div#logo-container-mobile {opacity:0;pointer-events:none;transition:0.5s;}
	/*header#masthead.is_stuck div#logo-container-mobile {opacity:1;pointer-events:all;}*/
	.headerContents .mainlogo {width:100%;}
	.headerContents .katri {width:80%;left:-15%;transform:rotate(-5deg);}
	.headerContents .toripolliisi {width:200%;right:-80%;}
	.headerContents .sampo {width:150%;}
	.headerContents .star-logo {width:33%;height:100px;left:50%;transform:translateX(-50%);}
	.headerContents .iconset li {width:15vw;height:15vw;}
	.headerContents .iconset .x1 {top:60%;left:10%;}
	.headerContents .iconset .x {top:25%;left:15%;}
	.headerContents .iconset .star {top:40%;left:20%;}
	.headerContents .iconset .tape {top:20%;left:55%;}
	.headerContents .iconset .smiley {top:55%;right:-5%;left:unset;}
	.headerContents .iconset .peace-sign {top:15%;right:60%;left:unset;}
	.headerContents .iconset .heart {top:15%;right:0%;left:unset;}
	.headerContents .iconset .et {top:25%;right:-5%;left:unset;}
	.headerContents .iconset .alien {top:60%;right:15%;left:unset;}
}

@keyframes headerIcons {0% {transform: rotate(0deg) scale(1);} 33% {transform: rotate(-10deg) scale(1.05);} 66% {transform: rotate(0deg) scale(1);} 100% {transform: rotate(10deg) scale(0.95);}}

.grecaptcha-badge {display: none !important;}

/* cookiebot */
p.t-entry-readmore.btn-container .btn-flat,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: #ff4792!important;
    border-color: #ff4792!important;
    color: #ffffff!important;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5)!important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, 
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton, #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
    background-color: transparent!important;
    border-color: #ff4792!important;
    color: #333!important;
}
#CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {background-color: #ff4792!important;}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a,
#CookiebotWidget .CookiebotWidget-consent-details button,
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:after {color: #ff4792!important;}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-color: transparent!important;
    border-bottom: 1px solid #ff4792!important;
    color: #ff4792!important;
}
#CybotCookiebotDialog form input[type=checkbox][disabled]:checked+.CybotCookiebotDialogBodyLevelButtonSlider {background-color: #D6D6D6!important;pointer-events: none;}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {fill: #ff4792!important;}
#CybotCookiebotDialog a:hover:after, #CybotCookiebotDialog a:hover:before, #CybotCookiebotDialog button:hover:after, #CybotCookiebotDialog button:hover:before {border-color: #ff4792!important;}

/* CF7 POPUP RESPONSES */
/* CONTENT BLOCK LIGHTBOX STYLES */
.popupElm {
  width:100vw;height:100vh;
  margin:0px;padding:0px;
  position:fixed;top:0px;left:0px;
  opacity:1;
  display:none;
  z-index: 1;
}

.popupElm.sending,.popupElm.error,.popupElm.success {display:block;}

.popupElm .popupContent:before {
	opacity:0;pointer-events:none;transition:0.2s;
	width:150px;height:150px;content:'';
	position:absolute;top:50%;left:50%;
	transform:translate(-50%, -50%);
	animation:rotateElm 2s linear infinite;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	background-image:url(https://sampojakotivideot.fi/wp-content/uploads/2025/02/loading.png);
}
@keyframes rotateElm {from {transform:translate(-50%, -50%) rotate(0deg);} to {transform:translate(-50%, -50%) rotate(360deg);}}

.popupElm.sending .popupContent:before {opacity:1;}

.popupElm .popupContent {
    width:100%;height:100%;
    position:fixed;top:0px;left:0px;
    z-index: 3;
}

.popupElm .popupContent .contentHolder {
    position: absolute;
    top:50%;left:50%;
    transform: translate(-50%, -50%);
    margin: 9px;
    display: block;
    padding: 36px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto;
    width: auto !important;
    max-height: 50vh!important;
    z-index: 3;
    border-radius: 8px;
    color:#fff;
	text-shadow:0px 0px 5px #000;
    background:transparent;
    text-align:center;
}

.popupElm.sending .popupContent .contentHolder,
.popupElm.error .popupContent .contentHolder,
.popupElm.success .popupContent .contentHolder {
	animation:appearContents 0.2s forwards ease-in-out;
}
@keyframes appearContents {
	0% {transform:translate(-50%, -50%) scale(0.5);opacity:0;} 
	80% {transform:translate(-50%, -50%) scale(1.1);opacity:1;}
	100% {transform:translate(-50%, -50%) scale(1);}
}

.popupElm .block-bg-overlay {
  width:100%;height:100%;
  position:fixed;top:0px;left:0px;
  background:rgba(0,0,0,0.5);
  margin:0px;padding:0px;pointer-events:all;
  transition:0.5s;z-index:1;
}
.popupElm.error .popupContent .contentHolder .close,
.popupElm.success .popupContent .contentHolder .close {
    position: absolute;
    top: -36px;
    right: -18px;
    padding: 9px;
    aspect-ratio: 1 / 1;
    font-weight: 400;
    transition: 0.2s;
    margin: 0px !important;
}
.popupElm.error .popupContent .contentHolder .close:after,
.popupElm.success .popupContent .contentHolder .close:after {
    content:'\e117';font-family:'uncodeicon'!important;pointer-events:none;
}
.popupElm .popupContent .contentHolder .close:hover {transform:scale(1.1);cursor:pointer;}

.popupElm.error .block-bg-overlay:hover
.popupElm.success .block-bg-overlay:hover {
  background:rgba(0,0,0,0.7);cursor:pointer;transition:1.5s;
}
h3.cf7-status {margin: 0px !important;}

.wpcf7-response-output {
    background: #ff4792;
    padding: 18px !important;
    font-size: large !important;
    text-align: center;
    border: none !important;
    color: #fff !important;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
}

@media (min-width: 569px) {
}

@media (max-width: 1499px) {
	.main-container .row-container .single-h-padding {padding-left: 9px;padding-right: 9px;}
}

@media (max-width: 569px) {
	.single-block-padding {padding: 18px;}
}