/*

Theme Name: Studenteer

Author: Market JD

Author URI: http://www.marketjd.com/

Description: Wordpress theme for Studenteer

Version: 1.0

Text Domain: stud

*/





header .logo{

    max-height: 91px;

    width: auto;

	transition: max-height 0.5s ease 0s;

    will-change: transform;

}

.header-nav ul{

	list-style-type: none;

}

.header-nav ul li{

	display:inline-block;

	margin-right: 24px;

}

.header-top ul{

    position: static;

}

.header-nav ul li a{

	color:#fff;

	letter-spacing: 0.063em;

	text-decoration: none;

}

.header-nav .site-nav{

	padding-top: 35px;

}

.header-nav .current-menu-item{

	border-bottom: 1px solid #fff;

}





.header-normal{

	background-image: linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%), url();

    opacity: 1;

	padding-bottom: 38px;

	background-position: center;

    background-size: cover;

	min-height: 85px;

}

.btn{

	background-color: #0544a4;

	color:#fff;

	padding:12px 48px;

	border-radius:0;

}

header .caption .h1{

	font-size: 70px;

	margin-bottom: 8px;

}



header .caption .sub-title{

	font-size: 22px;

	font-weight:bold;

	margin-bottom: 8px;

}

header .caption .btn-involve{

	margin-top: 20px;

	font-weight:bold;

	border:2px solid #0544a4;

}

header .caption .btn-involve:hover{

	color: rgb(84, 131, 253);

	background-color:transparent;

	border-color:rgb(84, 131, 253);

}

header .wrap-caption{

	padding-top: 200px;

}

header .caption{

	padding-left: 32px;

	border-left: 2px solid;

	border-color: rgba(247, 247, 247, 0.5);

	margin-top: 100px;

}

.site-main{

	padding-top:40px;

}

.wrap-content h1{

	border-bottom: 1px solid;

    padding-bottom: 10px;

	text-transform:uppercase;

	font-size: 24px;

}

.wrap-content .single-post .more {

	color:#fff;

	padding: 12px 48px;

	border:2px solid;

	font-weight: bold;

}

.wrap-content .single-post .more:hover {

	background-color: transparent;

	color:#0544a4;

}

.wrap-content .single-post h2 {

	font-size:22px;

	margin-top: 30px;

    margin-bottom: 30px;

}

.wrap-content .single-post{

	padding-bottom: 48px;

}

.wrap-content .single-post .thumbnail {

	width: 223px;

}

.wrap-content .single-post img {

	border-radius: 100%;

}

.wrap-content .post-wrap{

	margin-bottom: 24px;

	min-height: 158px; 

    display: block;

}

.social-sites{

	background-color: #0544a4;

	padding-bottom: 40px;

	padding-top: 40px;

}

.social-sites .social{

	width:50px;

	height:50px;

	background-color:#fff;

	border-radius:100%;

	margin-right: 60px;

	display: block;

	padding-top: 10px;

	text-align: center;

	color: #0544a4;

    text-decoration: none;

}

footer{

	padding-bottom: 31px;

	padding-top: 31px;

	background-color: rgb(22, 22, 22);



}

footer .copy-right ,footer .link a{

	color: #a9a9a9;

}



footer .link{

	text-align: right;

}



@font-face {

  font-family: 'icomoon';

  src:  url('fonts/icomoon.eot?xilcbx');

  src:  url('fonts/icomoon.eot?xilcbx#iefix') format('embedded-opentype'),

    url('fonts/icomoon.ttf?xilcbx') format('truetype'),

    url('fonts/icomoon.woff?xilcbx') format('woff'),

    url('fonts/icomoon.svg?xilcbx#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

  font-display: block;

}



[class^="icon-"], [class*=" icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'icomoon' !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  font-size: 30px;



  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-facebook:before {

  content: "\ea90";

}

.icon-instagram:before {

  content: "\ea92";

}

.icon-twitter:before {

  content: "\ea96";

}

.icon-linkedin2:before {

  content: "\eaca";

}

.fixed{

	position: fixed;

    top: 0;

    width: 100%;

    z-index: 1;

    left: 0;

    right: 0;

    margin: 0 auto;

	transition: background 0.5s ease 0s;

	padding-left: 32px;

}

header .nav{

	max-width:1140px;

	margin:0 auto;

}

.animate-logo{

	transition: max-height 0.5s ease 0s;

    will-change: transform;

    max-height: 60px !important;

    width: auto;

}

.animate-bg{

	 background: black;

}



.mobile-navigation  ul{

	padding-top: 50px;

}

.mobile-nav-switch{

	position: absolute;

    width: 32px;

    height: 38px;

    top: 15px;

    left: 15px;

    border-radius: 0;

    background: url('images/toggle.png') no-repeat;

    background-position: center;

    cursor: pointer;

    display: none;

    z-index: 100;

}

.mobile-navigation li {

    display: block;

}

.mobile-navigation{

    position: absolute;

    z-index: 10000;

    background-color: #2b2b2b;

    border-bottom: 3px solid #0544a4;

    clear: both;

	left: 0;

	display:none;

}

.transition-width{

	width:100%;

	transition: width 5s;

}

.mobile-navigation a {

    color: #fff;

    font-size: 22px;

    text-transform: capitalize;

    margin: 0;

    padding: 8px 10px;

    display: block;

    text-decoration: none;

    border-bottom: 1px solid #4e4e4e;

}

.mobile-navigation a:hover {

    color: rgb(110, 145, 254);

    

}

.show-nav{

	display:block;

}

.btn-close{

	float: right;

    color: #fff;

    font-size: 33px;

    padding-right: 10px;

	padding-left:10px;

	cursor: pointer;

}

.wrap-services{

	padding-top:40px;

}

.message-box {

	padding:85px;

	max-width:65%;

	margin:85px auto 125px auto;

}	

.page-content {

	margin-bottom:55px;

}	

.acf-field-5dbcf0fea72f5 {

	display:none;

}	

.nav-tabs {

      display:none;

  }

.oop-card-header {

	display:block !important;

}

.pagination {

    padding: 11px;

}

.page-numbers {

    border: 1px solid #032860;

    margin-right: 3px;

    padding: 5px 15px;

    font-size: 1.1em;

}	

.page-numbers.current {

    background-color: #0544a4;

	color:  #fff;

}

.pagination a:hover {

    background-color:#045be0;

	color:    #fff;

    text-decoration: none;

}

.wrap-content h2 {

    border-bottom: 1px solid;

    padding-bottom: 10px;

    text-transform: uppercase;

    font-size: 18px;

	font-weight:bold;

}

#opp-title {

    background-color: 

    #f8f8f8;

    padding: 35px;

    margin-top: -41px;

}

#opp-title h1 {

	border-bottom: 0px;

    text-transform: uppercase;

    font-size: 26px;

	font-weight:bold;

	color:#0544a4;

	padding-bottom: 0px;

}

.page-title {

    background-color: 

    #f8f8f8;

    padding: 35px;

    margin-top: -41px;

}
.page-title h1 {

	border-bottom: 0px;

    text-transform: uppercase;

    font-size: 31px;

	font-weight:bold;

	color:#0544a4;

	padding-bottom: 0px;
	text-align:center;

}

.sidebar-item-container {
    background-color: 
#fbfbfb;
padding: 31px;
border: 1px solid
    #e4e4e4;
    margin-bottom: 2em;
}

.sidebar-item-container h3 {
 	font-size: 1.2em;
    font-weight: bold;
}
.sidebar-item-container h4 {
 	font-size: 1.1em;
    font-weight: bold;
	margin-top:27px;
}
.sidebar-item-container p {
	color:#999;
}
.sidebar-item-container span {
	margin-left:11px;
}
.sidebar-item-container p {
    margin-bottom: 3px;
    font-size: 1em;
}	
.sidebar-item-container ul {
    list-style: none;
	padding-left: 0px;
}
.sidebar-item-container li {

    border-bottom: 1px solid #999;

	margin-bottom: 11px;
	
	padding-bottom: 11px;
	font-size: 1.05em;

}
.blog-content {
	margin-top:55px;
}	
.sidebar-item-container li a {

    color:#a2a2a2;
    text-decoration: none;

}
.sidebar-item-container li a:hover {

    color: 

    #6f6f6f;

}
#blog-post-archive-content h2 {
    text-decoration: none;
    border:navajowhite;
	margin: 31px 0px 0px 0px;
	color:   #000;
	font-size: 1.5em;
}
#blog-post-archive-content a:hover {
	text-decoration:none;
}	
.post-info {
    margin-top: -9px;
	font-size: 1.1em;
}
.post-info .by {
    color: #aeaeae;
}
.archive-content {
    color: #888;
}
.btn-blog {
	padding:12px 12px;
}
.post-overview {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 35px;
}

.hreq {



    background-color:#2c7efa;

	display: inline-block;	

	border-radius: 5px;	

	padding: 3px;	

	color:	#fff;



}

.org-opp {

	padding:25px 0px;

	margin-bottom:11px;

	border-bottom:1px solid #ccc;

}	

.p-middle {

	position: relative;

	float: left;	

	top: 50%;	

	transform: translate(-55px, -50%);	

	font-weight: bold;    
	font-size: 1.5em;
    margin-left: 11px;

}

#map_canvas {

    margin-top: -41px;

	height:55vh;

}

.search-box {

    background-color: 

    #f8f8f8;

    margin-top: 25px;

    padding: 21px;

    border-radius: 5px;

}

.result h2 {



    border: 



    navajowhite;

    margin-bottom: -3px;

    font-variant: up;

    text-transform: inherit;



}

.result {



    margin-bottom: 35px;

    border-bottom: 1px solid    #ccc;

    padding-bottom: 35px;



}

.result span {



    color:#6d6d6d;

    margin-left: 3px;

    margin-right: 21px;



}

.fa, .far, .fas {



    color:     #3bb2d6;



}

.rearch-results {

	margin-top:55px;

}	

.search-item-a {

    text-decoration: none !important;

    color: 

    #000;

}

#slocation, #skeyw {

	height:49px;

}	

.goal {

    margin-bottom: 55px;

    background-color: 

    #f8f8f8;

    padding: 31px 0px;

    border-radius: 5px;

}

.goal-data {

    margin-top: 11px;

}

.goal-name h2 {

    border: 

    navajowhite;

    margin-bottom: 9px;

}

.x-el.x-el-span.c1-1.c1-2.c1-8g.c1-b.c1-6a.x-d-ux {

    font-size: 1.1em;

}

.sorting {

    margin-top: 11px;

}

.sort-head {

    font-weight: bold;

    font-size: 0.8em;

}

.sort {

    background-color: 

#3bb2d6;

padding: 3px;

border-radius: 5px;

color:

    #fff;

}

.active-sort {

    background-color: 

    #ccc;

}

.sorting a {

    text-decoration: none;

}

  @media(min-width:768px) {
	
      .nav-tabs {

          display: flex;

      }



      .card {

          border: none;

      }



      .card .card-header {

          display:none;

      }  



      .card .collapse{

          display:block;

      }

  }



  @media(max-width:767px){
	.p-middle {
		transform: translate(0px, 0%);
	}
      .tab-pane {

          display: block !important;

          opacity: 1;

      }

	  .fade:not(.show) {

	  	opacity:1;

	  }	

		

  }

@media (max-width: 991px){

	.mobile-nav-switch {

		display: block;

	}

	.header-nav{

		display:none;

	}

	header .logo-link{

		margin:0 auto;

	}

	

	header .caption .h1 {

		font-size: 48px;

	}

	.social-sites .social{

		padding-top:10px;

		margin-right: 20px;

		width: 40px;

    	height: 40px;

	}

	[class^="icon-"], [class*=" icon-"] {

	  font-size: 18px;

	}	

	

	.wrap-services {

		padding-top: 30px;

	}

	

	header .caption {

		margin-top: 0;

	}



}



@media (max-width: 767px){

	header .logo{

    	max-height: 50px !important;

	}

	.mobile-nav-switch{

		top: 5px;

	}

	header .caption .h1 {

		font-size: 32px;

	}

	header .caption {

		border:none;

		margin-top: 0;

	}

	.wrap-content .post-wrap{

		min-height: auto; 

	}

	footer .copy-right, footer .link{

		text-align: center;

	}

	footer .link{

		margin-top: 24px;

	}

	.social-sites .social{

		margin-right: 10px;

		width: 30px;

    	height: 30px;

		padding-top:4px;

	}

	header .wrap-caption{

		padding-top: 200px;

	}

	.header-top{

		min-height: auto;

	}

	header .wrap-caption {

		padding-top: 100px;

	}

}