/*
Theme Name: Custom WordPress Theme Child
Theme URI: https://github.com/loemkhorn/my-theme-child
Description: A child theme for Custom WordPress Theme. Add your custom CSS and overrides here without modifying the parent theme.
Author: Development Team
Author URI: https://example.com
Template: koupreyc
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
Text Domain: koupreyc-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ============================================================
   Child theme custom styles go below this line.
   The parent theme's styles are loaded automatically.
   ============================================================ */

/* elements */
:root{
	--primary-color: #ef4a24;
	--secondary-color: #07212E;
}
.page-playbook .widget-title,
.page-about .widget-title,
.page-blogs .widget-title{
	color: #fff !important;
}
.img_border img{
	filter:
    drop-shadow(3px 0 0 #fff)
    drop-shadow(-3px 0 0 #fff)
    drop-shadow(0 3px 0 #fff)
    drop-shadow(0 -3px 0 #fff)
    drop-shadow(3px 3px 0 #fff)
    drop-shadow(-3px -3px 0 #fff)
    drop-shadow(3px -3px 0 #fff)
    drop-shadow(-3px 3px 0 #fff);
}

/* header */
header nav.primary-navigation{
	background: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 50px !important;
  padding: 0 30px !important;
}
.main-menu a{
	padding: 10px 0 !important;
	line-height: 2 !important;
}
.site-header.is-scrolled {
  box-shadow: none !important;
  border: 0 !important;
}

.site-header.is-scrolled{
	box-shadow: none !important;
	background: none !important;
}
header .container{
	transition: padding .45s cubic-bezier(.4,0,.2,1);
}
.header-main{
    position: relative;
    overflow: hidden;
    z-index: 1;
	transition: padding .45s cubic-bezier(.4,0,.2,1);
}
.menu-toggle {
  border-radius: 50%;
  background: #fff;
}
.site-header.is-transparent:not(.is-scrolled) .menu-toggle .hamburger-bar {
  background-color: var(--secondary) !important;
}
.hamburger-bar {
  width: 15px;
  height: 1px;
}
header::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--primary);
    transform: translateY(-100%);
    transition: transform .4s ease;
    z-index: -1;
}

.site-header.is-scrolled::before{
    transform: translateY(0);
}
.site-header.is-scrolled .header-main{
    padding: 0 20px; 
}
.site-header.is-scrolled .mt-header-btn{
	background: var(--secondary);
}
header.site-header.is-scrolled nav.primary-navigation {
  background: none !important;
  backdrop-filter: none !important;
  border: none !important;
}

/*
.site-header.is-scrolled .site-logo-link img,
.site-header.is-scrolled .mt-header-btn{
	display:none;
}
*/
/* single post */
.ce-post-header {
	padding: 200px 0 0 0;
  text-align: center;
	margin-bottom: 40px;
}
.ce-post-title {
  font-size: clamp(33px,3.5vw,55px);
  color: #fff;
  line-height: 1.1;
  font-size: 65px;
  font-weight: 600;
  text-transform: uppercase;
}

.ce-post-meta {
  justify-content: center;
	color: #fff;
	font-size: 16px;
}
.ce-post-cat{
	color: #fff;
	font-size: 16px;
}
.ce-post-featured {
  margin-bottom: 10px;
  background: none;
}
.ce-post-content {
  padding: 30px;
  border-radius: 30px;
	font-size: 18px;
	background: #fff;
}
.ce-post-featured img{
	margin: 0 0 15px 0;
	display: block;
}



.home .cp-portfolio-grid .container{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* related project */
.single-our-project .ce-related-heading {
  color: var(--secondary);
}

/* footer */
footer{
	padding: 0;
	position: relative;
}
.footer-line {
  width: 100%;
  left: 0;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 20px;
  z-index: 9;
}
.footer-wrap {
  display: flex;
  gap: 200px;
	position: relative;
	top: -40px;
}
.widget-title {
  margin-bottom: 70px;
  letter-spacing: 0;
  height: 30px;
  position: relative;
  display: flex;
  align-items: end;
	font-weight: 600;
}
.column-contact .widget-title{
	font-size: 35px;
}
footer .column-contact{
  width: 50%;
}

footer .column-office {
  width:30%;
  padding-right: 6%;
}

footer .column-social {
  width: 20%;
}
.style-6 li a {
	padding: 0 !important;
}
.style-6 {
  gap: 0 !important;
}
.style-6 li a:hover span { color: #ffffff !important; }
.column-contact .custom-contact-widget {
  gap: 2px;
}

/* related post */
.ce-related-heading {
  font-size: 50px;
  color: #fff;
  margin: 0 0 60px;
  text-transform: uppercase;
}
.ce-related-posts {
  border-top: 1px dashed #ebebeb29;
}

/* labtop */
@media (max-width: 1440px) {
	.ce-post-title {
	  font-size: 55px;
	  padding: 0 40px;
	}
	
}
/* ipad 12 13 */
@media (max-width: 1060px) {
	.footer-wrap {
	  gap: 50px;
	}
	
	.widget-title{
		font-size: 20px
	}
	.column-contact .widget-title {
	  font-size: 28px;
	}
	footer .column.column-contact {
		width: 30%;
	  }
	footer .column-office {
	  width: 34%;
	}
	
	.ce-post-header {
	  padding: 130px 0 0 0;
	}
	.ce-post-title {
		font-size: 40px;
	  }
	.ce-related-heading {
	  font-size: 40px;
	  margin: 0 0 40px;
	}
	.ce-related-style-2 .ce-related-grid{
		gap: 15px;
	}
}
@media (max-width: 768px) {
	.mobile-relative{
	position: relative !important;
	}
}




@media (max-width: 879.89px){
	footer .column-office {
	  padding-right: 0;
	}
}
/* mobile */
.mobile-menu-drawer.position-bottom .mobile-menu-inner {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
.mobile-menu-list > li {
  border-bottom: 0;
}
.mobile-menu-list a {
  	padding: 5px 0;
  	font-size: 24px;
	text-transform: uppercase;
}
 .mobile-menu-header {
    margin-bottom: 0;
  }
.mobile-menu-socials {
  gap: 10px;
}
.mobile-menu-close {
  position: absolute;
  right: 15px;
  top: 15px;
}
.mobile-menu-inner{
	padding-top: 55px;
}
@media (max-width: 768px) {
	.site-header.is-scrolled .container{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.site-header.is-scrolled .header-main::before{
		border-bottom-left-radius: 25px;
  		border-bottom-right-radius: 25px;
	}
	.footer-line{
		display: none;
	}
	.footer-wrap {
	  top: 0;
	flex-direction: column;
		gap: 10px;
		padding: 40px 0;
	}
	.widget-title {
	  color: #fff;
	  margin-bottom: 15px;
	}
	.column-contact .custom-contact-widget {
	  margin-bottom: 0;
	}
	.column-contact .widget-title{
		font-size: 22px;
	}
	
	.social-icons-wrapper.style-6 {
		flex-wrap: wrap;
		flex-direction: row;
	}
	.social-icons-wrapper.style-6 li{
		width: 40%;
	}
	.ce-post-header {
	  padding: 90px 0 0 0;
	}
	.ce-post-title {
		font-size: 24px;
		padding: 0;
	  }
	.ce-post-content {
	  padding: 15px;
	  border-radius: 20px;
	  font-size: 16px;
	}
	.ce-related-posts{
		padding-bottom: 40px;
	}
	.ce-related-heading {
	  	font-size: 30px;
		margin: 0 0 40px;
	}
	.mt-btt {
	  width: 35px !important;
	  height: 35px !important;
	}
	.mt-btt-icon svg{
		width: 10px;
  		height: 10px;
	}
}

/* small mobile */
@media (max-width: 440px) {
	
	.mobile-overflow{
		overflow: hidden !important;
	}
}