/*
Theme Name:     Story Child
Author:         Pexeto
Author URI:     http://pexetothemes.com
Template:       thestory
*/

@import url("../thestory/style.css");
body, h1, h2, h3, h4, h5, h6{
	font-family: 'Poppins', sans-serif;
	color: #000;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 300;
}
#logo-container img {
    width: 200px;
}
.header-wrapper{
	background-color: #fff;
}
.nav-menu ul .current-menu-item a, .nav-menu li:hover a, .nav-menu .current-menu-parent a, .nav-menu .current-menu-ancestor a, .nav-menu ul li a{
	color: #000;
	font-size: 16px;
	text-transform: capitalize;
}
#content-container .section-boxed {
    margin: 0px auto;
}
#header{
	padding-top: 0px;
}
.navigation-container {
    padding-top: 20px;
}
.custbtn a {
    border-radius: 10px !important;
    padding: 10px 40px !important;
}
.mas1 .vc_column-inner{
	background-size: 100% !important;
    transition: all .80s ease;
	overflow: hidden;
    padding: 0 !important;
}
.mas1 .vc_column-inner:hover{
	transition: all .99s ease;
    background-size: 120% !important;
}	
.mas2 .vc_column-inner{
	background-size: 100% !important;
    transition: all .80s ease;
	overflow: hidden;
    padding: 0 !important;
}
.mas2 .vc_column-inner:hover{
	transition: all .99s ease;
    background-size: 120% !important;
}
.mas3 .vc_column-inner{
	background-size: 100% !important;
    transition: all .80s ease;
	overflow: hidden;
    padding: 0 !important;
}
.mas3 .vc_column-inner:hover{
	transition: all .99s ease;
    background-size: 120% !important;
}
.mas4 .vc_column-inner{
	background-size: 100% !important;
    transition: all .80s ease;
	overflow: hidden;
    padding: 0 !important;
}
.mas4 .vc_column-inner:hover{
	transition: all .99s ease;
    background-size: 120% !important;
}
.whitetxt p, .whitetxt a, .whitetxt{
	color: #fff;
}
.mas1 .wpb_text_column, .mas2 .wpb_text_column, .mas3 .wpb_text_column, .mas4 .wpb_text_column{
	margin: 0px;
}
.mas1 h3, .mas2 h3, .mas3 h3, .mas4 h3{
	padding: 50px 0;
	background: rgba(17,15,18,0.4);
}
.paddtxt p{
	padding: 0 200px;
}
.footer-widgets {
    margin-top: 0px;
    padding-bottom: 0px;
}
span.copyrights{
	display: block;
    width: 100%;
	font-size: 12px;
}
.addr-line{
	text-align: right;
    width: 100%;
	color: #F7F7F9;
}
.right-res {
    width: 50%;
    float: left;
}
.webdesign-ftr {
    width: 50%;
    float: right;
    text-align: right;
}
.footer-last {
    display: block;
    padding-top: 10px;
	color: #fff;
}
.footer-bottom{
	padding-top: 0px;
}
#footer, .footer-bottom{
	background-color: #060304;
}
.paddhelp p{
	padding: 0 100px;
}
#header .section-header{
	padding-bottom: 10px;
}
.mob-nav-btn{
	background: url(/wp-content/uploads/2023/04/mobile-icon.svg) no-repeat;
}
.mob-nav-btn{
	font-size: 0px;
	height: 20px;
}
.mobile-nav {
	margin-top: 12px;
}
.nav-menu ul li a:hover{
	color: #000;
}
.nav-menu ul .sub-menu li a{
	color: #fff;
}
.nav-menu ul {
    margin-top: 22px;
}
.fixed-header-scroll #header{
	background: rgba(255, 255, 255, 0.95);
}
.fixed-header-scroll #logo-container img {
    max-height: 55px;
}
#text-13 img{
	width: 200px;
}
.header-wrapper #header{
	background: #fff;
}
.fixed-header-scroll #logo-container img {
    width: 200px;
}
.fixed-header-scroll #logo-container img {
    max-height: 100px;
}
a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-flat{
	border-radius: 10px !important;
    padding: 10px 40px !important;
    background-color: #460751;
}
@media only screen and (min-width: 320px) and (max-width: 767px) { 
	#logo-container a img{
		width: 130px;
	}
	#header .section-header {
		padding-bottom: 0;
		padding-top: 6px;
	}
	.mas1.wpb_column.vc_column_container, .mas2.wpb_column.vc_column_container, .mas3.wpb_column.vc_column_container, .mas4.wpb_column.vc_column_container{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.mas1 h3, .mas2 h3, .mas3 h3, .mas4 h3 {
		padding: 35px 0;
	}
	.paddtxt p {
		padding: 0 20px;
	}
	.paddhelp p {
		padding: 0 20px;
	}
	.addr-line {
    	text-align: left;
	}	
	.right-res {
		width: 100%;
		text-align: left;
	}
	.webdesign-ftr {
		width: 100%;
		float: left;
		text-align: left;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1000px) { 
	#header .section-header {
		padding-bottom: 0;
		padding-top: 6px;
	}
}	
@media only screen and (min-width: 768px) and (max-width: 1024px) { 
	.paddtxt p {
		padding: 0 50px;
	}
	.paddhelp p {
		padding: 0 50px;
	}
	#logo-container a img{
		width: 130px;
	}
}