/* 
Theme Name:		 Wekala Child
Description:	 Wekala Child is a child theme of Wekala - Digital Agency & Marketing WP, created by ChildTheme-Generator.com
Author:			 Bravis-Themes
Template:		 wekala
Version:		 1.0.0
Text Domain:	 wekala-child
*/


/*
    Add your custom styles here
*/

/*** Logixcel Button ***/
.whatsapp-btn {
	bottom:3%;
	right:2%;
	width: 60px;
	height: 60px;
	padding: 10px;
	border-radius: 50%;
	background: #4dc247;
	z-index: 999;
	animation: scalelAnimation 1s linear infinite alternate;
}
@media (max-width: 767px) {
  .whatsapp-btn {
		bottom:3%;
		right:5%;
	}
}

@keyframes scalelAnimation {
  0%   {transform: scale(1)}
  100% {transform: scale(1.1)}
}

input[type="submit"] {
	background-color: #B50006!important;
	font-family: "Lato", Sans-serif!important;
	font-size: 18px!important;
	font-weight: 600!important;
	fill: #FFFFFF!important;
	color: #FFFFFF!important;
	border-style: none!important;
	border-radius: 0px 0px 15px 0px!important;
	padding: 0 30px!important;
	width: 100%!important;
}

.logixcel-btn {
	background-color: #B50006!important;
	font-family: "Lato", Sans-serif!important;
	font-size: 18px!important;
	font-weight: 600!important;
	fill: #FFFFFF!important;
	color: #FFFFFF!important;
	border-style: none!important;
	border-radius: 15px 0px!important;
	padding: 0 30px!important;
}

.logixcel-form-input {
	border: 1px solid #B50006!important;
	border-right: 0!important;
    border-radius: 15px 0 0 0!important;
    padding: 29px!important;
}

@media (max-width: 1199px) {
  .logixcel-btn {
	  font-size: 12px!important;
	  font-weight: 600!important;
	  fill: #FFFFFF!important;
	  color: #FFFFFF!important;
	  border-style: none!important;
	  border-radius: 0!important;
	  padding: 0 10px!important;
	  line-height: 34px!important;
	}
	
	input[type="submit"] {
		font-size: 18px!important;
		font-weight: 600!important;
		fill: #FFFFFF!important;
		color: #FFFFFF!important;
		border-style: none!important;
		border-radius: 0px 0px 15px 0px!important;
		padding: 0 30px!important;
	}
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
	background-color: #FFCD14!important;
	fill: #0A061E!important;
	color: #0A061E!important;
}

.logixcel-btn:hover,
.logixcel-btn:focus,
.logixcel-btn:active {
	background-color: #FFCD14!important;
	fill: #0A061E!important;
	color: #0A061E!important;
}

/*** Navbar ***/
#ct-header-default {
    background:transparent !important;
	-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.15);
}
#ct-header-default .ct-header-branding .logo-mobile img {
	box-shadow:none !important;
	border-radius:0 !important;
}
#ct-header-default .ct-header-branding {
	margin:20px 15px !important;
	flex-grow:unset !important;
}
@media screen and (max-width: 1199px) {
    #ct-header-default .ct-header-branding, .ct-header-mobile .ct-header-branding {
        margin:5px 15px !important;
    }
	
	#ct-header-default .ct-header-branding .logo-mobile img {
        width: 75% !important;
    }
}
.logixcel-navbar {
	background: rgba(255,255,255,0.5) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
}

/*** Page Title ***/
#pagetitle {
  background-color: unset;
  padding:50px 0!important;
  position: relative;
  overflow: hidden;
  text-align: left;
  padding-top:50px!important;
	margin-top: 101px!important;
}
@media (max-width: 1600px) {
  #pagetitle {
    padding-top: 0!important;
  }
}
@media (max-width: 1199px) {
  #pagetitle {
    padding-top: 0!important;
  }
}
@media (max-width: 991px) {
  #pagetitle {
    padding-top: 0!important;
  }
}
#pagetitle:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#pagetitle.hide-overlay:before {
  background-image: none;
}
#pagetitle .container {
  max-width: 1200px;
}
#pagetitle .page-title {
  color: #0A061E!important;
  font-size: 50px;
  line-height: 1.33333;
  margin-bottom: 0;
  margin-left: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500!important;
  margin-right: auto;
}
@media (max-width: 1900px) {
  #pagetitle .page-title {
    font-size: 35px;
  }
}
#pagetitle .page-title-inner {
  -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
  margin: 0 auto;
}
@media (max-width: 1900px) {
  #pagetitle .page-title-inner {
    display: grid;
    justify-content: center;
    align-items: center;
  }
}
#pagetitle .ptitle-particle {
  position: absolute;
  z-index: -1;
}
#pagetitle .page-title-holder {
  margin-bottom: 0!important;
  padding-right: 0!important;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media (max-width: 1900px) {
  #pagetitle .page-title-holder {
    padding-right: 0!important;
    margin-bottom: 0!important;
    text-align: center;
    max-width: 500px;
  }
}
@media (max-width: 480px) {
  #pagetitle .page-title-holder {
    margin-bottom: 0!important;
  }
}
/*** Page Title ***/
.ct-breadcrumb {
	margin:0!important;
}
/*** Site ***/
body.error404 .site-content {
  padding: 100px 0 100px;
}
@media (max-width: 1900px) {
  body.error404 .site-content {
    padding-top: 150px;
  }
}
@media (max-width: 1600px) {
  body.error404 .site-content {
    padding: 100px 0px 100px;
  }
}
@media (max-width: 480px) {
  body.error404 .site-content {
    padding: 50px 0px 50px;
  }
}
.site-content {
  padding: 50px 0 50px;
}
@media (max-width: 1900px) {
  .site-content {
    padding: 100px 0px;
  }
}
@media (max-width: 991px) {
  .site-content {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .site-content {
    padding-top: 50px 0px;
  }
}

.glass-effect {
	background: rgba(255, 255, 255, 0.3)!important;
	border-radius: 20px 0 !important;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1)!important;
	backdrop-filter: blur(11px)!important;
	-webkit-backdrop-filter: blur(11px)!important;
}
.text-outline {
	text-shadow:
    -1px -1px 0 rgba(255,255,255,0.2),
     1px -1px 0 rgba(255,255,255,0.2),
    -1px  1px 0 rgba(255,255,255,0.2),
     1px  1px 0 rgba(255,255,255,0.2)!important;
}
/* Carousel Control */
.logixcel-carousel-control .slick-arrow,
.logixcel-carousel-control .nav-next,
.logixcel-carousel-control .nav-prev {
	color:#b50006!important;
}
.logixcel-carousel-control .slick-arrow:hover,
.logixcel-carousel-control .slick-arrow:active,
.logixcel-carousel-control .slick-arrow:focus,
.logixcel-carousel-control .nav-next:hover,
.logixcel-carousel-control .nav-next:active,
.logixcel-carousel-control .nav-next:focus,
.logixcel-carousel-control .nav-prev:hover,
.logixcel-carousel-control .nav-prev:active,
.logixcel-carousel-control .nav-prev:focus {
	color:#FFCD14!important;
}