/*
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
*/

@font-face {
  font-family: 'SpaceGrotesk';
  font-style: normal;
  font-weight: 300; /* Light */
  font-display: swap;
  src: url('fonts/SpaceGrotesk-Light.woff2') format('woff2');
  unicode-range: U+000-5FF;
}

@font-face {
  font-family: 'SpaceGrotesk';
  font-style: normal;
  font-weight: 400; /* Regular */
  font-display: swap;
  src: url('fonts/SpaceGrotesk-Regular.woff2') format('woff2');
  unicode-range: U+000-5FF;
}

@font-face {
  font-family: 'SpaceGrotesk';
  font-style: normal;
  font-weight: 500; /* Medium */
  font-display: swap;
  src: url('fonts/SpaceGrotesk-Medium.woff2') format('woff2');
  unicode-range: U+000-5FF;
}

@font-face {
  font-family: 'SpaceGrotesk';
  font-style: normal;
  font-weight: 600; /* SemiBold */
  font-display: swap;
  src: url('fonts/SpaceGrotesk-SemiBold.woff2') format('woff2');
  unicode-range: U+000-5FF;
}

@font-face {
  font-family: 'SpaceGrotesk';
  font-style: normal;
  font-weight: 700; /* Bold */
  font-display: swap;
  src: url('fonts/SpaceGrotesk-Bold.woff2') format('woff2');
  unicode-range: U+000-5FF;
}


@font-face {
  font-family: 'Inter Light';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/Inter_18pt-Light.woff2) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Inter SemiBold';
  font-style: normal;
  font-weight: 600;
  src: url(fonts/Inter_18pt-SemiBold.woff2) format('woff2');
  font-display: swap;
}


/* LAYOUT */
.frame-border {margin:0px 9px 0px 9px!important;}
.full-radius {border-radius: 150px;}
.top-radius {border-top-left-radius: 150px; border-top-right-radius: 150px; margin:0px 4px 0px 4px!important;}

.top-radius .uncell {border-top-left-radius: 150px; border-top-right-radius: 150px; margin:0px 9px 6px 9px!important;}
.bottom-radius {border-bottom-left-radius: 150px; border-bottom-right-radius: 150px; margin:0px 4px 0px 4px!important;}
.bottom-radius-header {border-bottom-left-radius: 150px; border-bottom-right-radius: 150px; margin:0px 9px 0px 9px!important;}
.radius1 {border-radius: 40px; margin:0px 9px 6px 9px!important; box-shadow: 10px 10px 30px rgb(0 0 0 / 0.3);}
.radius2 .single-block-padding {border-radius: 40px; margin:0px 9px 6px 9px!important; box-shadow: 10px 10px 30px rgb(0 0 0 / 0.3);}
.radius-small img {border-radius:10px;}
.body-border-shadow {box-shadow: 0px 0px 0px rgba(0, 0, 0, 0)!important;}
.row .uncont.col-custom-width {border:0px;}
.news-padding{padding: 18px 0 0 0;}
.t-entry p.text-small {line-height:1.1!important;}

.offset-image-01 {margin-top:-70px!important;}

.justify {text-align: justify!important;}
.news-justify {text-align: left!important;}

.about-us .row-background {background-color:#ffffff;border-top-left-radius: 150px;border-top-right-radius: 150px;}
.client-logos .row-background {background-color:#ffffff;border-bottom-left-radius: 150px;border-bottom-right-radius: 150px;}
.top-row-content .row-background {background-color:#ffffff;border-top-left-radius: 150px;border-top-right-radius: 150px;}

@media only screen and (max-width: 1500px) {
    .footer-row div.background-inner {margin-left:-20px!important;margin-right:-20px!important;}
    .full-radius {border-radius: 70px;}
    .bottom-radius {border-bottom-left-radius: 70px;border-bottom-right-radius: 70px;}
    .top-radius {border-top-left-radius: 70px; border-top-right-radius: 70px;}
    .about-us .row-background {background-color:#ffffff;border-top-left-radius: 70px;border-top-right-radius: 70px;}
    .client-logos .row-background {background-color:#ffffff;border-bottom-left-radius: 70px;border-bottom-right-radius: 70px;}
    .wide-header div.uncol {margin-left:0px!important; margin-right:0px!important;}

}


.porthole img {border: 30px solid #0f3567;}




/* SHADOWS */
.shadow1 {text-shadow: 0px 0px 25px #000638;}
.shadow2 {text-shadow: 0px 0px 15px #000638;}


/* Expand Effect */
.expand {transition: transform 0.3s ease;}
.expand:hover {transform: scale(1.10);}


/* TEXT */
h3.t-entry-title {margin: 0 0 10px 0!important;}
.tiny p {font-size: 12px!important;}
.tiny p a {color:#fff!important;}


/* HEADER */
.header-wrapper {background-color:#fff;}

.animated-header div.background-inner {
  animation: expandBackground 10s ease-in forwards;
}

@keyframes expandBackground {
  0% {
    transform: scale(1); /* Start at normal size */
  }
  100% {
    transform: scale(1.06); /* Scale up to 106% */
  }
}

/* MENU */
.menu-container {backdrop-filter: blur(6px);}
.client-login-btn {border: solid 2px; padding: 8px 12px 5px 12px; border-radius: 8px;}


/* FOOTER */
.contact-form .nf-field-element input, .footer-form .nf-field-element textarea, textarea {font-size: 13px!important; padding: 6px 9px 6px 9px!important;border: solid 1px #CCCCCC;}
.contact-form .nf-field-container {margin-bottom:15px}
.contact-form input.footer-button {font-size:16px!important;color:#ffffff!important; background-color:#000000!important;padding:14px 40px!important;border-radius:8px!important;border:2px solid #000!important;}
.contact-form input.footer-button:hover {background-color:#ffffff!important;color:#000000!important;border:2px solid #000!important;}


.grecaptcha-badge {display:none!important}
footer {background-color:#fff;}
.site-footer {background-color:#0c243c;}
.footer-form .nf-field-element input, .footer-form .nf-field-element textarea, textarea {font-size: 13px; padding: 6px 9px 6px 9px;border: solid 1px #CCCCCC;}
.footer-form .nf-field-container {margin-bottom:15px}

.footer-form input.footer-button {font-size:16px!important;color:#ffffff!important; background-color:#000000!important;padding:14px 40px!important;border-radius:8px!important;border:2px solid #000!important;}
.footer-form input.footer-button:hover {background-color:#ffffff!important;color:#000000!important;border:2px solid #000!important;}

.nf-after-field .nf-error-msg, .nf-error-msg {font-size:16px!important;}

/* STYLES LIGHT & DARK */
.style-light .uncode_text_column a {color:#0000FF!important;}
.style-dark .uncode_text_column a {color:#6BB3FF!important;}
.style-light .panel {border-color:#8192a5!important}


/* WORLD TIMES */
.worldtime-title {color:#fff;margin-right: 10px; font-weight:600; font-size:15px;}
.worldtime-time {color:#fff; font-size:15px}


/* GET IN TOUCH FLOATING */
.floating {
    display:block;
    position: fixed;
    bottom: -100px; /* Start hidden below the screen */
    left: 60px;
    width: auto;
    background-color: #0c243c;
    color: #ffffff;
    transition: bottom 0.3s ease-in-out;
    z-index:100;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#contact-floating-button .dashicons-email {font-size:19px!important;line-height:1.4!important;}

#contact-floating-button {display:block; padding:18px 25px; color: #ffffff; margin-bottom: 9px;}

@media only screen and (max-width: 960px) {
  .contact-floating-textx {display:none;}
  .floating {left: 18px; right:inherit;}
}


/* MAILCHIMP SUBSCRIBE FORM */
.optionalParent {display:inline-block;}

#mc_embed_signup input.email{
    font-family:"Jost",Arial,Helvetica,Verdana,sans-serif;
    font-size:15px;
    border:2px solid #CCCCCC;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    color:#000;
    background-color:none;
    box-sizing:border-box;
    height:50px;
    padding:10px 20px;
    display:inline-block;
    margin:0;
    width:350px;
    vertical-align:top
}
#mc-embedded-subscribe {
    border-radius: 8px!important;
    color: #fff!important;
    border: 2px solid #000!important;
    background-color: #000!important;
    margin:0px!important;
    height:50px!important;
    padding:10px 20px!important;
    width:250px;
}
#mc-embedded-subscribe:hover {
    color: #000!important;
    background-color: #fff!important;
}



@media only screen and (max-width: 1500px) {
    #mc-embedded-subscribe {width:150px;}
}

@media only screen and (max-width: 1050px) {
    #mc_embed_signup input.email {width:100%;}
    #mc-embedded-subscribe {width:100%;}
    .optionalParent, .optionalParent div {width:100%; margin-top:8px;}
}