/*========= mobile optimization ========== */

@media screen and (max-width:1310px){
	img {
		max-width:100%;
		max-height:100%;
		height:auto;
	}
}



@media screen and (max-width:1023px){
	
	/*======= home introduction ===========*/
	
	.w-1024{
		width:100%!important;
	}
	.subpage-title{
		padding:70px 0px 40px 20px!important;
	}
	.subpage-content{
		padding:0px 20px 70px 20px!important;
	}
	.subpage-content img.size-full {
		width:100% !important;
		height:auto !important;
	}
	.home-introduction .row{
		flex-direction: column;
		
	}
	
	.intro-1{
		align-items:center;
		
	}

	.intro-text-1{
		height:591px;
		width:550px;
		margin-left:auto;
		margin-right:auto;
		
	}
	.intro-img-1{
		width:409px;
       height:187px
	}
	
	.intro-2{
		margin-top:70px;
		flex:none;
		
	}
	
	.intro-text-2{
		height:526px;
		width:387px;
		margin-left:auto!important;
		margin-right:auto!important;
		left:90px;
	}
	
	.intro-img-2{
	    margin-left:-89px;
		text-align:center!important;
		
		
		
		
	}
	
	.home-quote .quote{
		font-size:20px;
		margin-top:7px;
		width:400px!important;
		
	}
	
	.quote-name{
		font-size:15px;
	}
	
	.home-quote #quote-portrait img{
		width:121px;
		height:166px;
	}
	.home-quote #quote-png img{
		width:22px;
		height:17px;
		
	}
	.home-qiuote #quote-png{
		right:27px;
	}
	
	
	
	
}

@media screen and (max-width:1200px){
	
	/*=========== People Process Techonology ===============*/
	
	.w-1024{
		width:100%!important;
		
	}
	.subpage-title{
		padding:70px 0px 40px 20px!important
	}
	.subpage-content{
		padding:0px 20px 70px 20px!important;
	}
	.title-aspects{
		text-align:center;
	}
	.btn-container{
		width:500px!important;
	
		
	}
	
	.btn-space{
		margin-left:0px!important;
	}
	.btn-space-first{
		margin-left:8px!important;
	}
	.btn-space-last{
		margin-left:0px!important;
		
	}
	.img-explanation{
		width: 537px!important;
       height: 460px!important;
		margin-left:auto!important;
		margin-right:auto!important;
		
	}
	.core-goal{
		font-size:16px!important;
	}
	
}

@media screen and (max-width:990px){
	.img-explanation{
		width: 423px!important;
       height: 364px!important;
		margin-left:-7px!important;
		
	}
	
	.core-goal{
		font-size:15px!important;
		margin-left:-80px!important;
	}
}


@media screen and (max-width:768px){
	.w-1024{
		width:100%!important;
	}
	
	.subpage-title{
		padding:70px 0px 40px 20px!important
	}
	.subpage-content{
		padding:0px 20px 70px 20px!important;
	}
	.subpage-content .alignleft, .subpage-content .alignright {
		width:100%;
		float:none;
		height:auto !important;
	}
	.navbar-brand img{
		width:280px;
	}
	
	/*=========== People Process Techonology ===============*/
	
	.img-explanation{
		width: 423px!important;
       height: 364px!important;
		margin-left:-70px!important;
		
	}
	
	.core-goal{
		font-size:15px!important;
		margin-left:-80px!important;
	}
	
	
}


	@media screen and (max-width:685px){
	.w-1024{
		width:100%!important;
	}
		.subpage-title{
		padding:70px 0px 40px 20px!important;
	}
	.subpage-content{
		padding:0px 20px 70px 20px!important;
	}
	/*=========== People Process Techonology ===============*/
	
	.img-explanation{
		
		width: 338px!important;
       height: 291px!important;
		margin-left:auto!important;
		margin-right:auto!important;
		
		
	}
		.four-aspects .flex-row{
			flex-direction:column!important;
		}
	
	.core-goal{
		font-size:16px!important;
		margin-top:30px;
		margin-left:auto!important;
		margin-right:auto!important;
	}
		.four-aspects{
			height:1100px!important;
		}
}


@media screen and (max-width:615px){
	
	.w-1024{
		width:100%!important;
	}
	
	.subpage-title{
		padding:70px 0px 40px 20px!important;
	}
	.subpage-content{
		padding:0px 30px 70px 30px!important;
	}
	.home-quote{
		padding:15px;
	}
	.home-quote .quote{
		font-size:15px;
		margin-top:0px;
		width:300px!important;
		
		
	}
	
	.quote-name{
		font-size:13px;
	}
	
	.home-quote #quote-portrait img{
		width:85px;
		height:116px;
	}
	.home-quote #quote-png img{
		width:22px;
		height:17px;
		
	}
	.home-quote #quote-png{
		right:27px;
	}
	
	
	
	.home-introduction{
		height:1700px;
	}
	
	.intro-1{
		align-items:center;
		
	}

	.intro-text-1{
		height:730px!important;
		width:385px!important;
		margin-left:auto;
		margin-right:auto;
		
	}
	.intro-img-1{
		width:286px!important;
       height:131px!important;
	}
	
	.intro-2{
		margin-top:70px;
		flex:none;
		
	}
	
	.intro-text-2{
		height:550px;
		width:350px;
		margin-left:auto!important;
		margin-right:auto!important;
		left:7px;
		padding-left:15px;
	}
	
	.intro-img-2{
	    margin-left:auto!important;
		margin-right:auto!important;
		padding-left:15px;
		
		
			
	}
	.intro-img-2 img{
	   width:385px!important;
		
	
	
	
	}
	
	.subpage-title{
		font-size:50px!important;
	}

	
	
	
}

	@media screen and (max-width:518px){
		
		#comma {
			display:none;
		}
		.break{
			display:block!important;
		}
		.home-quote .quote{
			font-size:12px;
			width:200px!important;
			margin-bottom:1px;
		}
		
		.quote-name{
			font-size:10px;
		}
		
		.w-1024{
		width:100%!important;
	}
		.subpage-title{
		padding:70px 0px; 40px 30px!important;
		font-size:35px!important;
	}
	.subpage-content{
		padding:0px 20px 70px 20px!important;
		
	}
		
		.navbar-brand img{
			width:200px!important;
			
		}
		
		.intro-text-1{
		height:730px!important;
		width:300px!important;
		margin-left:auto;
		margin-right:auto;
		font-size:16px!important;
		
	}
		.intro-img-1{
		width:228px!important;
       height:104px!important;
	}
		.intro-img-2 img{
	   width:300px!important;
}
		
		.intro-text-2{
			font-size:16px!important;
			width:270px!important;
			height:630px!important;
			
		}
		
		.btn-container{
			width:300px!important;
		}
		.btn-group{
			display:flex;
		flex-direction:column;
			align-items:center;
			
	}
		.four-aspects .btn-space{
			margin-right:0px!important;
		}
		.four-aspects {
			height:1200px!important;
		}
		.title-aspects {
			font-size:40px!important;
		}
		
		.aspects-dropdown-menu{
			width:233px;
		}

		.wpcf7-form input[type="text"], input[type="email"],textarea, select{
		width:100% !important;
	}
		.page-template-who-we-work-with .subpage-content img {
			width:50%;
		}
}

.navbar-toggler {
	margin-right:20px !important;
}

/*========================mobile optimization end ===============================*/	



/*==========general css===============*/


.break{
	display:none;
	content="<br>"
}


.container-fluid{
	padding-left:0px;
	padding-right:0px;
}

.home .widget{
	list-style-type:none;
}

body{
	font-family: 'Ubuntu', sans-serif!important;
	overflow-x:hidden;
	color:#5f7279;
}

.tintblue{
	color:#DAE3EE;
}

.lightblue{
	color:#007DAD!important;
}
.darkblue{
	color:#242B5A!important;
}
.subpage-content ul li{
    list-style-type:none;
	text-indent:-10px;

	
}

.subpage-content ul li:before {
    content:"\25E5";
    display:inline-block;
    transform: rotate(45deg);
    font-size:10px;
    position:relative;
    top:5px;
    padding-right:10px;
    color:#007DAD; 
	
    
}

body h3, body h4{
	color:#007DAD;
}

body h1, body h2 {
	color:#242B5A;
}

.lvlup-btn {
	border-radius:0;
	text-align:left;
	background-color:#007DAD;
	font-family: 'Ubuntu', sans-serif!important;
	margin-top:auto;
	margin-bottom:auto;
	border:none;
	color:white;
	
}
.wpcf7-submit{
	border-radius:0;
	text-align:left;
	background-color:#007DAD;
	font-family: 'Ubuntu', sans-serif!important;
	margin-top:auto;
	margin-bottom:auto;
	border:none;
	color:white;
	padding:.375rem .75rem;
}

.lvlup-btn:hover, .wpcf7-submit:hover{
	
	background-color:#9fce78!important;
	color:#242B5A;
	border:none;
}

select {
	color:#5f7279 !important;
	font-family: 'Ubuntu', sans-serif!important;
}


/*======navbar=========*/

.lvlup-nav{
	background-color:#ecf0f1;
	
	
}
#main-menu {
		text-transform:capitalize;

}
.w-1024{
	width:1024px;
}


.dropdown:hover > .dropdown-menu{
    display: block;
    margin: 0;
   
}

.lvlup-nav .dropdown-menu.show{
	display:none;
}

#menu-level-up-menu{
	padding:20px;
}
.lvlup-nav .dropdown-item:hover{
	font-weight:600;
	color:#007DAD !important;
}

.lvlup-nav .dropdown-item:active{
    background-color:#e9ecef;
}

.nav-link{
	padding:25px 25px 25px 25px !important;
	
}


.lvlup-nav .nav-link:hover,.lvlup-nav .nav-link:focus{
	background-color:white;
	font-weight:600;
	color:#242B5A !important;
	padding:25px 23px 25px 23px !important;
	
	
}


#menu-item-477 .nav-link:hover, #menu-item-477 .nav-link:focus  {
	padding:25px 24px 25px 24px !important;
}
#menu-item-211 .nav-link:hover, #menu-item-211 .nav-link:focus  {
	padding:25px 23px 25px 22px !important;
}

.lvlup-nav .nav-link:active{
	background-color:white;
	font-weight:600;
	color:#242B5A!important;
	padding:10px;
	
}

.lvlup-nav .dropdown-menu{
	border:none;
	border-radius:0;
	margin-top:50px;
	min-width:300px;
}


.lvlup-nav .dropdown-menu .dropdown-item{
	padding:20px;

	
	
	
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link{
	font-weight:600;
	color:#242B5A!important;
}
/*======hero section=========*/

.home-hero{
	margin-top:15px;
	margin-bottom:15px;
	padding-left:15px;
	padding-right:15px;
}

/*======Klaus Quote=========*/

.home-quote{
	display:flex;
	margin-top:100px;
	margin-bottom:100px;
	
	
}

#quote-png {
	position:relative;
	right:35px;
	
}
.quote-section {
	margin-left:-25px;
}

.home-quote .quote{
  font-style:italic;
	font-weight:300;
	color:#5f7279;
	width:600px;
	
}

.home-quote .quote-name{
	color:#007DAD;
}


/*====introduction======*/




.home-introduction .col{
	height:800px;
}



.intro-1{
	padding-left:15px;
	padding-right:10px;
}

.intro-2{
	padding-left:10px;
	padding-right:15px;
}

.home-introduction .textwidget{
	margin-top:20px!important;
}

.intro-text-1{
	background-color:#DAE3EE;
	padding:30px 30px 120px 30px;
	height:591px;
	font-size:18px;

	
}

.intro-img-1{
	margin-top:-60px;
	width:409px;
    height:187px;
    margin-left:auto;
    margin-right:auto;
}

.intro-img-2 {
	height:591px;
}

.intro-img-2 img{
	
	width:450px;
    /*height:591px!important*/
}

.intro-text-2{
	background-image: linear-gradient(to bottom, #242B5A, #007DAD); 
	color:#DAE3EE;
	padding:30px;
	margin-left:100px;
	
	position:relative;
	top:-400px;
	height:526px;
	z-index:9;
	font-size:18px;

	
}


/*======= four aspects ======== */




.arrow {
	content:url("https://www.lvlup.org/wp-content/uploads/2021/03/arrow-green.png");
	position:relative;
	top:5px;
	width:25px;
	height:25px;
	
	
}

.show> .arrow{
    content:url("https://www.lvlup.org/wp-content/uploads/2021/03/arrow-blue.png");
	position:relative;
	top:5px;
	width:25px;
	height:25px;
	
}

.aspects-btn:hover > .arrow{
    content:url("https://www.lvlup.org/wp-content/uploads/2021/03/arrow-blue.png");
	position:relative;
	top:5px;
	width:25px;
	height:25px;
}

.four-aspects{
	background-color:#ecf0f1;
	padding-top:40px;
	padding-bottom:40px;
	
	
}


.aspects-btn{
	border-radius:0;
	width:233px;
	height:60px;
	text-align:left;
	background-color:#007DAD;
	font-family: 'Ubuntu', sans-serif!important;
	margin-top:auto;
	margin-bottom:auto;
	border:none;
	
}



.aspects-btn:hover{
	background-color:#9fce78!important;
	color:#242B5A;
	border:none;
}


.aspects-dropdown-menu{
	border-radius:0;
	padding:15px;
	border:0;
	color:#242B5A;
	box-shadow:1px 0px 50px 1px lightgray;
}

.title-aspects{
	font-size:60px;
	color:#748d95;
	font-weight:300;
	font-family: 'Ubuntu', sans-serif!important;
}

.btn-space{
	margin-left:8px;
	margin-right:10px;
	margin-top:35px;
	margin-bottom:35px;
	
}

.btn-space-first{
	margin-left:0px;
	margin-right:10px;
	margin-top:35px;
	margin-bottom:35px;
	
}

.btn-space-last{
	margin-left:8px;
	margin-right:0px;
	margin-top:35px;
	margin-bottom:35px;
	
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus {
	background-color:#9fce78!important;
	color:#242B5A;
}

.core-goal{

	font-size:20px;
	font-style:italic;
	font-weight:300!important;
	color:#5f7279;
	margin-left:-100px;
	

	
}
.core-goal p{
   
    width:280px;
}

.img-explanation{
	display:flex;
	margin-top:35px;
	width:716px;
	height:614px;
	margin-left:0px;
	margin-right:0px;
	
}

.img-explanation img{
	
	
}


/*========footer==========*/

footer{
background-image: linear-gradient(to bottom, #007DAD, #242B5A); 
	padding-top:40px;
	padding-bottom:40px;
	padding-left:80px;
	padding-right:80px;
}

.footer-logo{
	text-align:center;
	padding-bottom:25px;
}

.footer-info{
	color:white;
	
}

footer a{
    color:white;
	text-decoration:none;
}
footer a:hover {
	color:#9fce78 !important;
	text-decoration:none;
}

.footer-address {
    display:flex;
}

.address{
    position:relative;
    top:2px;
    left:10px;
}
/*========subpage========*/


.subpage-title{
    font-size:60px;
    font-weight:300;
    color:#007DAD;
    padding:70px 0px 40px 0px
}

.subpage-content{
    padding:0px 0px 70px 0px
    
}


.paragraph-space {
    margin-top:50px;
}

.p-list-space{
    margin-top:30px;
    margin-bottom:30px!important;
}
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.page-id-381 .subpage-content img {
	padding: 0 20px 20px 0; /* team page photos */
}
.page-id-303, .page-id-369, .page-id-361, .page-id-353 {
	background:url('https://www.lvlup.org/wp-content/uploads/2021/04/Level-Up-Triangular-Device-no-blue-light-grey-lines.png');
	background-repeat:no-repeat;
	background-position:top 250px center;
	background-size:1000px;
}

/*========partners========*/

.partner-single {
	width:300px; 
	padding:15px; 
	margin: 10px; 
	border:1px solid #5f7279; 
	text-align:center; 
	min-height:600px; 
	display:inline-block; 
	vertical-align:top;
}
.partner-blurb {
	min-height:400px;
}
.partner-single .lvlup-btn {
	width:250px;
	text-align:center;
}



/*======tablepress======*/

#tablepress-1_wrapper td{
	line-height:1.5;
	width:350px;
	

	
}

#tablepress-1_wrapper .row-1 th{
	color:white;
	background-color:#007DAD;
	
}
#tablepress-1_wrapper .row-2 td{
	color:#242B5A;
	background-color:#DAE3EE;
	
}

.error404 .w-1024{
	height:350px;
}

.error-text{
	margin-top:100px;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:50px;
}

.home-btn{
	width:150px;
	text-align:center;
}