/*
Theme Name: OnePress Child
Theme URI: https://www.famethemes.com/themes/onepress/
Author: FameThemes
Author URI: http://www.famethemes.com
Description: OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : https://demos.famethemes.com/onepress)
Version: 2.2.0
Template:     onepress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onepress
*/

@font-face {
    font-family: 'Montserrat'; 
    src: url(fonts/Montserrat-Italic-VariableFont_wght.ttf);
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat'; 
    src: url(fonts/Montserrat-VariableFont_wght.ttf);
}

body {
	font-family: "Montserrat", serif;
}

h2 strong {
	font-size: 63px;
}

h3 {
	font-size: 37px;
}

.breadcrumbs{
  display: none;
}
.no-sidebar .entry-content > .alignfull{
max-width: 100vw;
max-width: calc(var(--vw, 1vw) * 100);
width: 100vw;
width: calc(var(--vw, 1vw) * 100);
transform: translateX(-50%);
left: 50%;
position: relative;
}
.kt-inner-column-height-full.kt-tab-layout-inherit:not(.kt-row-layout-row)>.wp-block-kadence-column>.kt-inside-inner-col, .kt-inner-column-height-full.kt-tab-layout-row>.wp-block-kadence-column>.kt-inside-inner-col{
  height: 100% !important;
}
.no-sidebar .entry-content > .alignfull{
  transform: unset;
  width: 100%;
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50%;
  margin-left: -50vw;
}
#page{
  overflow-x: hidden;
}
.onepress-menu a{
  letter-spacing: 0;
  text-transform: none;
}
#primary{
	padding-top: 0; padding-bottom: 0;
}
.entry-content{
	margin-bottom: 0;
}
.no-sidebar .entry-content > .alignfull{
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content{
  padding-right: 0;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
  padding-left: 0;
}
#masthead{
  padding: 15px 0
}
.site-branding .no-logo-img.has-desc, .site-branding .has-logo-img, .site-header{
  line-height: unset;
}
#masthead > .container{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#masthead > .container > div{
  flex: 1;
}
#masthead > .container > div.site-branding{
  max-width: 300px;
  float: none;
}
.header-right-wrapper{
  text-align: right;
}
.onepress-menu{
  float: none;
  text-align: right;
  display: inline-block;
}
.onepress-menu ul, .onepress-menu li{
  text-align: left
}
.onepress-menu > li{
  float: none;
  display: inline-block;
}

.wp-block-columns{
  margin-bottom: 0;
}
p:empty{
  display: none;
}
#back-to-top{
  position: fixed;
  bottom: 0;
  right: 10px;
  background: gray;
  padding: 5px 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  border: 0;
}
.tab-slider .kt-tabs-title-list{
  display: none !important;
}
.tab-slider .kt-tabs-content-wrap .wp-block-kadence-tab{
  padding: 0 !important;
  outline: none !important;
  border: 0 !important
}
.tab-slider .kt-tabs-content-wrap .ab-block-container{
  position: relative;
}
.tab-slider .kt-tabs-content-wrap .ab-block-container:before{
  content: '';
  padding-bottom: 30%;
  display: block;
  position: relative;
}
.tab-slider .kt-tabs-content-wrap .ab-block-container .ab-container-content{
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 100%;
  z-index: 20
}
.thumbnail.square, .thumbnail.rectangular{
  position: relative;
}
.thumbnail.square:before, .thumbnail.rectangular:before{
  content: '';
  padding-bottom: 100%;
  position: relative;
  display: block;
}
.thumbnail.rectangular:before{
  padding-bottom: 56%;
}
.thumbnail.square img, .thumbnail.rectangular img{
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  height: 100%; width: 100%; object-fit: cover;
}
#page .pagination{
  display: block;
  margin: 20px 0;
}
#page .pagination .page-numbers{
  padding: 3px 12px 5px;
  border: 1px solid;
  margin-right: 5px;
  border-radius: 2px;
  text-decoration: none !important
}
#page .pagination .page-numbers.current, #page .pagination .page-numbers:hover{
  background: #ddd;
  text-decoration: none;
}
#page .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), #page .gform_wrapper select, #page .gform_wrapper textarea{
  width: 100%;
  padding: 10px;
  border: 1px solid #707070 !important;
  line-height: unset;
  box-shadow: none;
  background: #fff;
  min-height: unset;
  outline: none;
}
#page .gform_wrapper .gform_footer{
  margin-top: 20px;
}
.kb-blocks-bg-video-container .fluid-width-video-wrapper{
  padding-top: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.transparent-text-bg {
	margin-bottom: 0;
	padding: 5px 15px !important;
	display: inline-block;
	text-align: right;
}

.get-connected-btn a {
	text-transform: uppercase;
	border-radius: 10px;
	padding: 2px 15px;
}



  #header-animation {
    font-weight: bold;
	  color: #fff;
	  font-size: 65px;
    max-width: 1140px; /* Set the maximum width for the text container */
    word-wrap: break-word; /* Ensure long words break if needed */
    overflow-wrap: break-word; /* Modern word-breaking behavior */
    white-space: normal; /* Allow text wrapping */
    line-height: 1.5;
	 display: flex;
	   align-items: flex-start;
  }
  #constant {
    margin-right: 10px;
  }
  #dynamic {
    overflow: hidden;
    display: inline-block;
	text-decoration: underline;
	text-decoration-color: #f7548f;
    margin-left: -119px;
    text-indent: 130px;
  }
  #dynamic-wrapper {
    display: inline-block;
    position: relative;
    max-width: calc(100% - 10px); /* Adjust width to avoid pushing beyond "WE" */
    overflow-wrap: break-word; /* Allow word breaking if needed */
  }
.home-banner .wp-block-buttons {
	position: absolute;
	bottom: 33px;
	left: 50%;
	transform: translateX(-50%);
}
.home-banner .kt-inside-inner-col {
	position: unset !important;
}
#text-2 ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
#text-2 ul li {
	list-style: none;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
#text-2 ul li:not(:last-child) {
	border-right: 1px solid #fff;
}

#nav_menu-2 ul, #nav_menu-2 ul li{
  padding: 0;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after{
  background: #5db3d8;
}
#nav-toggle{
  position: relative;
  top: 0;
  display: block;
  width: 50px;
display: none;
}

.onepress-menu{
  top: 0 !important;
  height: 100% !important;
  position: fixed !important;
  bottom: 0;
  right: 0;
  max-width: 400px;
  padding-top: 70px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 0 !important;
  background: #ffffff !important;
}
.onepress-menu.onepress-menu-mobile a{
  color: #fff ;
}
.onepress-menu.onepress-menu-mobile li{
  background: #ffffff;
}
.onepress-menu.onepress-menu-mobile li a{
  padding-left: 0; padding-right: 0;
  text-transform:normal;
}
.onepress-menu ul, .onepress-menu ul li a{
  background: transparent;
}
.onepress-menu a{
  font-size: 20px;
}
.onepress-menu li.current-menu-item > a, .onepress-menu li a:hover{
  color: #0c0c0c !important;
}
.onepress-menu .nav-toggle-subarrow{
  left: unset !important;
  right: 0;
}
.onepress-menu .nav-toggle-subarrow{
  border-left: 0 !important;
}
.onepress-menu.onepress-menu-mobile li{
  border-top: 1px solid #A06443;
}

.onepress-menu.onepress-menu-mobile > li > a, .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow{
  padding: 20px;
}
.onepress-menu{
  transition: right .2s;
  right: -100%;
}
.onepress-menu.onepress-menu-mobile{
  right: 0;
  box-shadow: 2px -5px 9px #a6a6a6
}
.onepress-menu.onepress-menu-mobile ul li a{
  padding: 12px 20px;
}
.onepress-menu{
  transform: none;
  min-width: 20%;
}
#nav-toggle.nav-is-visible {
  position: fixed;
  top: 30px;
  z-index: 10000000;
  right: 30px;
}

.onepress-menu li ul:before{
  display: none;
}
.onepress-menu > li >ul{
  padding: 0 0px 0 20px !important;
}
#nav-toggle span{
  width: 50px;
}
#nav-toggle span:before, #nav-toggle span:after{
  width: 50px;
}
#nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after{
  background: #5db3d8;
  width: 30px;
}
#nav-toggle.nav-is-visible span:after{
  top: 10px;
}
#nav-toggle.nav-is-visible span:before{
  top: -10px;
}
#masthead .nav-is-visible + .overlay{
  right: 0;
  width: 100%;
  opacity: 0.6;
}
#nav-toggle span:after {
  top: 10px;
}
#nav-toggle span:before {
  top: -10px;
}
.floating-logo img {
	max-width: 60%;
}


#page .custom-parallax video {
	 object-fit: cover;
	transform: translate(-50%, -50%);
	transition: transform 0.1s ease-out;
}


.parallax-container {
	position: relative;
	width: 100%;
	overflow: hidden;	
	padding-bottom: 60%;
}

.parallax-video {

	object-fit: cover;
	transform: translate(-50%, -16%);
	z-index: -1;
	width: 150%;
}

.parallax-container .video-wrapper {
	overflow: hidden;
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.content-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
    max-width: 978px;
}
}

.scroll-container {
  width: 100%;
  height: auto; /* Adjust height based on your content */
  overflow: hidden;
  white-space: nowrap;
  background-color: #f4f4f4;
  padding: 10px;
  border: 1px solid #ddd;
}

.scroll-content {
  display: inline-block;
  transform: translateX(100%); /* Start the content off-screen to the right */
  animation: slideInFromRight 2s ease-out forwards; /* Load from right to left */
}

.last-title #constant {
	display: none;
}
.last-title #dynamic {
	margin-left: 0 !important;
	text-indent: 0 !important;
}

@keyframes slideInFromRight {
  0% {
    transform: translateX(100%); /* Start off-screen on the right */
  }
  100% {
    transform: translateX(0); /* End at the normal position */
  }
}



@media (max-width: 1180px){
  .container{
    width: 100%;
  }
  #content-inside {
    padding: 0 25px;
  }
  .entry-content > .alignfull.gb-block-container:not(.full-width-content) > div > .gb-container-content,
  .entry-content > .alignfull:not(.full-width-content) > div > .kt-row-column-wrap,
  .entry-content > .alignfull:not(.full-width-content) > .kt-row-column-wrap{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  #masthead .overlay{
    position: fixed;
    top: 0; left: 0; bottom: 0;
    background: #000;
    opacity: 0;
    right: -100%;
    transition: opacity .5s;
    z-index: 100;
    width: 0;
  }
	#page .remove-container-padding .gb-container-content {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.header-right-wrapper #nav-toggle {
		height: 24px;
	}

}

@media (max-width: 932px){
	h2 strong {
    	font-size: 50px;
	}
}

@media (max-width: 767px){
	.turnkey-solutions > .kt-row-column-wrap {
		gap: 0;
	}
}

@media (max-width: 600px){
	
  .wp-block-media-text.is-stacked-on-mobile{
    display: block;
  }
  .wp-block-media-text .wp-block-media-text__media{
    margin-bottom: 20px;
  }
  .wp-block-media-text .wp-block-media-text__content{
    padding-left: 0;
    padding-right: 0;
  }
	h2 strong {
		font-size: 29px;
	}
	#header-animation, #dynamic {
		font-size: 29px;
	}
	#dynamic {
		margin-left: -61px;
		text-indent: 63px;
	}
	.testimonials .kt-testimonial-content {
		font-size: 18px !important;
	}
	div[style="height:100px"] {
		height: 50px !important;
	}

	#text-2 ul li:not(:last-child) {
		border: 0;
	}
	#text-2 ul {
		flex-direction: column;
	}
	.home-banner > .kt-row-column-wrap {
		min-height: 400px !important;
	}
	h3 {
		font-size: 22px;
	} 
	h2 strong {
		font-size: 17px;
	}
	.custom-parallax .wp-block-image img {
		max-width: 250px;
	}
	
}