/*
Theme Name: MatchstickX Motion
Theme URI: https://www.linkedin.com/in/subhadip-maity-846864130/
Author: Subhadip Maity
Author URI: https://www.linkedin.com/in/subhadip-maity-846864130/
Version: 2.1
Description: A custom WordPress theme developed for MatchstickX Motion.
*/
/**01-11-2025 **/
#navbarSupportedContent {
    position: relative;
}
#navbarSupportedContent ul.sub-menu {
    position: absolute;
    background: #ffffffeb;
	box-shadow: 0 0 10px 2px #00000066;
    padding: 10px 15px;
    border-radius: 0 0 5px 5px;
    display: none;
}
#navbarSupportedContent li:hover ul.sub-menu{
	display:block;
}
#navbarSupportedContent ul.sub-menu li {
    border-bottom: 1px solid #ccc;
    width: 188px;
}
#navbarSupportedContent ul.sub-menu li:last-child{
	border-bottom:none;
}
#navbarSupportedContent ul li.menu-item-has-children a::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
#navbarSupportedContent ul li.menu-item-has-children ul.sub-menu li a::after {
	opacity:0;
}
.page-template-about-template header, .page-template-services-template header, .page-template-work-template header, .page-template-contact-template header{
	 background: #ffffffde;
	 position: relative;
	 
}
.page-template-about-template .logo, .page-template-services-template .logo, .page-template-work-template .logo, .page-template-contact-template .logo{
    width: 5%;
}
.servicePageImg {
    position: relative;
}
.servicePageImg:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: var(--themeColorYellow);
    bottom: -20px;
    right: -20px;
    z-index: -1;
}
.servicePage .row.flex-row-reverse .servicePageImg:before{
	 bottom: -20px;
    left: -20px;
}
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 450px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
    background-color: var(--themeColorYellow);
    color: black;
	 padding:10px;
}

.flip-card-back {
  background-color: var(--themeColorYellow);
  color:var(--blackColor);
  transform: rotateY(180deg);
 
}
.flip-card-front p{
	font-size:12px;
	line-height:18px;
}
.trailer-vid iframe{
	width:100%;
	height:100%;
	
}
.trailer-vid {
    height: 400px;
	margin-bottom: 20px;
}
.workCard {
    margin: 10px 0;
}
.contact-info-card i {
    font-size: 2rem;
    background: var(--themeColor);
    color: var(--whiteColor);
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    border-radius: 50%;
    margin-bottom: 1.5rem;
}
.map-area iframe{
	width:100%;
	display:block;
}
.trailer-img {
    height: 400px;
}
.trailer-img img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.trailer-text h3 {
    font-size: 1.5rem;
}
.page-numbers {
    display: flex;
    justify-content: center;
}
.page-numbers li{
	margin:0 5px;
	line-height:40px;
	
}
.page-numbers li span.current {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--themeColor);
    border-radius: 50%;
    color: #fff;
}
.page-numbers li a:hover, .page-numbers li a:focus{
	color:var(--themeColor);
}
.service_img {
    height: 500px !important;
}

body.blog {
    margin: 2rem 0 0;
}
body.single-post{
	margin: 6rem 0 0;
}
.blog .main-content h1.site_title, .single-post .blog_title_detail_lt h1.site_title, .blog_list_content h5 a {
    color: var(--themeColor) !important;
}
.btnhome, .blog_list_content a.btn_blog{
	    background-color: var(--themeColor) !important;
    border: 1px solid  var(--themeColor) !important;
}
.blog_list_content a.btn_blog:hover, .blog_list_content a.btn_blog:focus{
	background-color: transparent !important;
    color: var(--themeColor) !important;
}
.blog_list_wrap .pagination span.current{
	width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: var(--themeColor) !important;
    border-radius: 50%;
    color: #fff !important;
	padding: 0;
    text-align: center;
}
.blog_list_wrap .pagination a:hover{
	color:var(--themeColor) !important;
}
.blog_list_wrap .pagination span, .blog_list_wrap .pagination a{
	 background-color: transparent !important;
	 border: none !important;
	 color: black !important;
}
.blog_list_wrap .pagination, .single-post .pagination{
	margin-bottom:2rem;
}
.blog_detail_img {
    border: 2px solid var(--themeColor) !important;
}
.blog_detail_page h2, .privacy-policy .main-content h2, .page-id-2 .main-content h2 {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    color: var(--blackColor);
    margin-bottom: 0.75rem;
    font-weight: 500;
    text-transform: capitalize;
}
.privacy-policy, .page-id-2 {
    margin-top: 9rem;
}
.page-template-general-inner-template .main-content p a {
    color: var(--themeColor) !important;
}
.page404-main-section img {
    width: 35%;
}
.page404-main-section h1 {
    font-size: 2rem;
    font-weight: 800;
    color: #01305a;
}
.page404-main-section a.btnhome:hover, .page404-main-section a.btnhome:focus{
	background: transparent !important;
	color:var(--themeColor) !important;
}
/**end 01-11-2025 **/
@media (max-width:1025px) {
	.error__main__content {
    min-height: 60vh;
}
}
@media (max-width:991px) {
	#navbarSupportedContent ul.sub-menu {
		position: relative;
		box-shadow: none;
		padding: 10px 15px 0;
	}
	#navbarSupportedContent ul.sub-menu li{
		width: 100%;
	}
	.flip-card{
		 height: 500px;
	}
	.trailer-img {
    height: 400px;
}
	.trailer-vid {
    height: 400px;
	}
	.contact-info-card {
    margin-bottom: 2rem;
}
.servicePageText{
	text-align:center;
	margin-bottom: 4rem;
	
}
body.blog, body.single-post, .privacy-policy , .page-id-2{
    margin: 0;
}
.privacy-policy .general-inner-page, .page-id-2 .general-inner-page{
    padding-top: 2rem;
}
.error__main__content {
    min-height: auto;
}
}
@media (max-width: 800px) {
    .service_img {
        height: auto !important;
    }
}
@media (max-width: 480px) {
	.flip-card {
        height: 300px;
    }
	.trailer-img {
    height: 200px;
}
	.trailer-vid {
    height: 200px;
	}
	.page-template-about-template .logo, .page-template-services-template .logo, .page-template-work-template .logo, .page-template-contact-template .logo {
    width: 15%;
}
.servicePageText{
	margin-bottom: 2rem;
}
}