/*!
Theme Name: Custom Theme
Author: Adnan Arshad
Author URI: http://#.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: custom-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800|Rubik:400,500,700&display=swap');

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	height: 100%;
}

body{    background: url(images/body-bg.jpg) no-repeat;
	margin: 0;
	height: 100%;
	background-position: center right;
	background-size: 100%; font-family: 'Open Sans', sans-serif;}
.rubik{font-family: 'Rubik', sans-serif;}

.font-weight-light{font-weight:300 !important;}
.font-weight-regular{font-weight:400 !important;}
.font-weight-medium{font-weight:500 !important;}
.font-weight-semibold{font-weight:600 !important;}
.font-weight-bold{font-weight:700 !important;}
.font-weight-extrabold{font-weight:800 !important;}

/*==========================================================
			General theme setting
============================================================*/
.scrollbar {margin-left: 0px;
	float: left;
	height: 55vh;
	overflow-y: scroll;
	margin-bottom: 0px;
}
#scrollbar-style::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 10px rgba(225,255,255,0.1);background-color: #0f0f0f;}
#scrollbar-style::-webkit-scrollbar {width: 7px;background-color: #0f0f0f;}
#scrollbar-style::-webkit-scrollbar-thumb {background-color: #dfc912;}
a{ transition: 0.2s linear;}
a:hover, a.text-primary:focus, a.text-primary:hover{text-decoration: none !important; transition: 0.2s linear; color:#f4f4b0 !important;    }
.top-0{top:0 !important;}
.bottom-0{bottom:0 !important;}
.left-0{left:0 !important;}
.bottom-0{bottom:0 !important;}

.text-primary{color:#010067 !important;}
.text-secondary{color:#c81b1e !important;}
.bg-primary{background-color:#010067 !important;}
.bg-secondary{background-color:#c81b1e !important;}
.bg-transparent{background: transparent !important;}
.btn{outline: none !important;}
.btn:focus, button:focus, input {outline: none; box-shadow: none !important;}
.btn-primary, .btn-secondary, .btn-outline-primary{padding:8px 1.8rem; font-size: 20px;  font-family: 'Rubik', sans-serif; font-weight: bold; border-radius: 10px !important; text-transform: capitalize;}
.btn-primary{background-color: #010067 !important; border: 1px solid #010067 !important;}
.btn-secondary{background-color: #c81b1e !important; border: 1px solid #c81b1e !important;}
.btn-white{background-color: transparent !important; border: 1px solid #fff !important;}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .btn-primary:hover, .btn-outline-primary:hover  {background-color: #c81b1e !important; color: #fff !important;border: 1px solid #c81b1e !important;}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .btn-secondary:hover  {background-color: #010067 !important;color: #fff !important;border: 1px solid #010067 !important;}
.btn-outline-primary {color: #fff!important;border-color: #fff!important; padding:12px 40px !important;}
/*.btn-outline-secondary {color: #14bbab!important;border-color: #14bbab!important;}*/
/*.btn-rounded {border-radius: 25px;}*/

.border-bottom-light{border-bottom: 1px solid rgba(255,225,255,0.4);}
.pt-6, .py-6{padding-top:5%!important;}
.pb-6, .py-6{padding-bottom:5%!important;}
.pl-6, .px-6{padding-left:3.75rem!important;}
.pr-6, .px-6{padding-right:3.75rem!important;}

.page-id-9 .entry-header{display: none;}
#sidebar{position: fixed;background-color : #010067;height: 100%;width: 25%;overflow: hidden;z-index: 9999;}
#content{height: 100%}
#front-page p{font-size: 1.8vw !important;}
html {
	margin-top: 0px !important;
}
/*.page-id-9 .front-page{position:fixed !important;}*/
.entry-header, header>.page-title{display: none;}
.site-content{background-size: cover !important;background-position: top center !important;}
#menu-menu-1 .nav-link{padding: .9rem 3rem;    border-bottom: 1px solid rgba(255,255,255,0.12);
	color: #fff; font-family: 'Rubik', sans-serif; font-weight: 500;    text-transform: capitalize;}
#menu-menu-1  .active>.nav-link, #menu-menu-1  .nav-link.active, #menu-menu-1  .nav-link.show, #menu-menu-1 .show>.nav-link{background: #c81b1e; color: #fff;}
#menu-menu-1 .nav-link:focus, #menu-menu-1 .nav-link:hover {
	color: #fff !important;
	background: #c81b1e;
}
.logo-bg{background: #ebebeb;}
.f-height{height: 40vh;}

.event-box{position: relative;
	background: #fff;
	padding: 25px 15px;
	margin-top: 80px;box-shadow: 0px 0px 21px rgba(0,0,0,0.1);}
.post-thumbnail {    display: inline-flex;
	width: 100% !important;
	margin-top: -70px; height: 220px;}
.post-thumbnail img{max-width: 100%; height: auto; width: 100%;}
.navigation {text-align: right;
	margin-top: 2%;}
.wp-paginate .current {
	color: #c81b1e!important;
	background: transparent !important;border: none !important;
	padding: 0px 5px !important; margin-right: 0px !important;
}
.wp-paginate a {
	background: transparent !important;
	border: none !important;
	color: #343a40 !important;
	padding: 4px 5px !important;
}
ol.wp-paginate li{    line-height: 20px !important;}
ol.wp-paginate li:after{content: '-'; width: 5px;}
ol.wp-paginate li:last-child:after, ol.wp-paginate li:nth-last-child(2):after{content: ''; width: 0px;}

.emaillist form{display: flex !important;}
.spinner-image{display:none !important;}
.es-field-wrap label{ font-size:0px; margin-bottom:0px !important; width: 100%;}

.es-field-wrap input {
	font-size: 16px !important;
	width: 100%;
	color: #1c1c1c;
	outline: none;
	padding: 10px 15px;
	border: 1px solid #e3e3e3;
	border-radius: 2px;
}


.es-field-wrap, .emaillist {width: 70%; margin-bottom: 0px;}
.es_subscription_form_submit{    padding: 10px 15px;
	border-radius: 0px 2px 2px 0px;
	background: #c81b1e;
	color: #fff;
	 font-weight: 700;
	border: none;}
.es-field-wrap input{display: block !important;}

#spinner-image{display: none !important;}
	/*========================================================
                Social Icons
    =========================================================*/
.social-media li a{    width: 30px;height: 30px;text-align: center;line-height: 30px;padding: 0 !important;background: rgba(255, 255, 255, 0.22);display: block;border-radius: 4px;}
.social-media li a i{font-size: 20px !important; color:#010067;}
.social-media li a:hover, .social-media li a:hover i {font-size: 20px !important; color:#fff; background: #c81b1e;}

/*======================================================*/

/*========================================================
			Media Query for mobile
=========================================================*/

@media only screen and (min-width: 320px) and (max-width: 576px) {
	h1, h2, .font-large{font-size: 6vw !important;}
	h3, h4{font-size: 95% !important;}
	h5, h6{font-size: 99% !important;}
	.pl-5, .px-5 {padding-left: 1rem!important;}
	.pr-6, .px-6 {padding-right: 1rem!important;}
	html {height: auto !important;}
	body {height: 100%;font-size: 14px !important;}
	 .navbar-dark .navbar-brand {margin-left: 1rem !important;width: 40%;}
	.navbar-dark  button{margin-right: 1rem !important;}
	.social-media li a {width: 28px;height: 28px;line-height: 28px;}
	.social-media li a i{font-size: 80% !important;}
	/*.h-sm-auto{    height: unset !important;}*/
	.page-id-9 .front-page {position: relative !important;}
	#sidebar{width: 100%;   position: relative;}
	.wpcf7-form .form-control {margin-bottom: 20px !important;}
	.wpcf7-form .form-group {margin-bottom: 0rem;}
	#been-said .content-box {margin: 20px 0px !important;padding: 10px 20px !important;}
	/*.navbar-brand img{width: 60%;}*/
	.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;}
	#been-said .post-heading {padding: 10px !important;}
	.past-border{padding: 10px  0px 0px 0px !important;}
	.past-border, .bg-past{width: 100% !important; height: 100% !important;}
	.bg-past{display: block; margin-top:10px; }
	.tb-none {
		display: none!important;
	}
}
/*========================================================*/

/*========================================================
			Media Query for table
=========================================================*/

@media only screen and (min-width: 577px) and (max-width: 767px) {
	html {height: auto !important;}
	body {height: 100%;font-size: 14px !important;}
	.tb-none {
		display: none!important;
	}
	.tb-block{display: block!important;}
	.site-header{height: auto !important;}

	.page-id-9 .front-page {position: relative !important;}
	#sidebar{width: 100%;   position: relative;}
	.navbar-dark .navbar-brand {margin-left: 1rem !important; width: 40%;
		display: block !important;}
	.navbar-dark button {
		margin-right: 1rem !important;
	}

}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.vc_col-sm-2 {
		width: 100% !important;
	}
	.pl-5, .px-5, .pl-6, .px-6 {
		padding-left: 1.8rem!important;
	}
	.pr-5, .px-5, .pr-6, .px-6 {
		padding-right: 1.8rem!important;
	}
	#menu-menu-1 li a {
		padding: 0rem 1rem !important; font-size: 14px !important;}
	#menu-menu-1 li a{border-left: 15px solid transparent;}
	#menu-menu-1 li:nth-child(1) .active, #menu-menu-1 .active a, #menu-menu-1 li:nth-child(1) a:hover{border-left:15px solid #fff; }
	#menu-menu-1 li:nth-child(2) .active, #menu-menu-1 .active a, #menu-menu-1 li:nth-child(2) a:hover{border-left:15px solid #0d8e4b; }
	#menu-menu-1 li:nth-child(3) .active, #menu-menu-1 .active a, #menu-menu-1 li:nth-child(3) a:hover{border-left:15px solid #d90200;}
	#menu-menu-1 li:nth-child(4) .active, #menu-menu-1 .active a, #menu-menu-1 li:nth-child(4) a:hover{border-left:15px solid #dfc913;}
	#menu-menu-1 li:nth-child(5) .active, #menu-menu-1 .active a, #menu-menu-1 li:nth-child(5) a:hover{border-left:15px solid #e25e2e;}
	#menu-menu-1 li:nth-child(6) .active, #menu-menu-1 .active a, #menu-menu-1 li:nth-child(6) a:hover{border-left:15px solid #0e90ff;}
	#menu-menu-1 li:nth-child(7) .active, #menu-menu-1 .active a, #menu-menu-1 li:nth-child(7) a:hover{border-left:15px solid #4df1cc;}
	.social-media li a {
		width: 25px !important;
		height: 25px !important;
		line-height: 25px !important;}
	.social-media li a i {
		font-size: 16px !important;
	}
	.partner, .lender{font-size: 14px !important;}
	.f-height{height: 55vh;}
}

@media only screen and (min-width: 1681px) and (max-width: 1920px){
	body, p{font-size:18px !important;}
	/*.partner{width: 590px !important; height: 50px !important;}*/
	/*.lender{width: 725px!important; height: 50px !important;}*/
}
@media only screen and (min-width: 1921px)  {
	body, p{font-size:20px !important;}
	/*.partner{width: 590px !important; height: 50px !important;}*/
	/*.lender{width: 725px!important; height: 50px !important;}*/

}
/*========================================================*/

/*.partner{width: 479px; height: 43px;}*/
/*.lender{width: 585px; height: 43px;}*/


.letter-space{letter-spacing: 3px;}

.past-text{border: 2px solid #e55e29;}

/*.vc-hoverbox-wrapper, .vc-hoverbox-wrapper * {*/
	/*box-sizing: initial !important;*/
/*}*/

.front-btn{padding: 5px 2.9rem !important;
	font-size: 17px !important; border-width: 2px !important;}

