/*

Theme Name: Oppa

Theme URI: 

Author: Oppa

Author URI: 

Description:

Version: 1.0

Tags: 

Text Domain:

*/

/**********************************************

*

* General Styles

*

**********************************************/

@media (min-width:1200px){

    .container{width:1030px !important;}

}

body,p{

    font-family: 'Open Sans', sans-serif !important;

    color: #454545;

}

h1,h2,h3,h4,h5,h6{

    font-family: 'Open Sans', sans-serif !important;

    text-transform: uppercase;

}

p{

    font-size: 14px;

    line-height: 22px;

}

/**********************************************

*

* Header

*

**********************************************/#logo .logo{    max-width: 260px;}

.home #header{

    min-height: 590px;

    /*background: url('images/campuscamerasept.jpg') no-repeat;	

    background-position: 0 -250px;

    background-size: cover;

    background-attachment: fixed; */

}

#header{

    min-height: 210px;

    background: url('images/inner-header.jpg') no-repeat;

    background-size: cover;

    background: #1c236a;

}

.header-top{	background: #1c236a;}

.header-top .top-nav{

    background: #1c236a;

    min-height: 35px;

    font-size: 13px;

    color: #9ca1da;

    padding-bottom: 8px;

    padding-top: 8px;

}

.top-text {

    padding: 0 10px;

}

.top-text a{

    color: #9ca1da;

}

.top-text a:hover,

.top-text a:focus{

    color: #9ca1da;

    text-decoration: underline;

}

.top-text i{

    padding-right: 5px;

}

.mail-link{

    margin-right: 15px;

}

.home .navbar.navbar-default.oppa-navbar {

	margin-bottom: 0;

    z-index: 99;

}

.navbar.navbar-default.oppa-navbar{

    background: #fff;

    border: 0 none;	border-radius: 0;

    min-height: 80px;	

}.navbar.navbar-default.oppa-navbar{    

min-height: 115px;	

/*-webkit-box-shadow: 0px 3px 5px rgba(100,100,100,1);       

-moz-box-shadow: 0px 3px 5px rgba(100,100,100,1);            

box-shadow: 0px 3px 5px rgba(100,100,100,1);*/

  border-bottom: 2px solid #ad1f23;

}

#navbar{

    background: #fff;

    min-height: 80px;

}

#logo{

    margin-left: 2px;

    margin-top: 5px;

}

#menu-main-navigation li{

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

    background-position: 0px 29px;

}

#menu-main-navigation li.home-menu {

    background: none;

}

#menu-main-navigation li a{

    color: #666666;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 700;

    padding: 30px 20px;

    padding-right: 8px;

}#menu-main-navigation{      padding-top: 24px;}

#menu-main-navigation li a:hover,

#menu-main-navigation li a:focus{

    color: #000;

}

.home #navbar{

    

}

.home .owl-pagination{

    display: none;

}

.owl-theme .owl-controls .owl-buttons div{

    opacity: 1 !important;

    margin: 0 !important;

    border-radius: 0 !important;

}

.home .owl-buttons div{

    height: 80px  !important;

    width: 40px  !important;

    color: transparent  !important;

}

.home .owl-next,.home .owl-next:hover{

    position: absolute;

    background: url('images/next.png') no-repeat !important;

    top: 198px  !important;

    right: 0 !important;

    color: transparent !important;

}

.home .owl-prev,.home .owl-prev:hover{

    position: absolute;

    top: 198px  !important;

    left: 0 !important;

    background: url('images/prev.png') no-repeat !important;

    color: transparent !important;

}

.page-title{

    font-size: 22px;

    margin: 0;

    padding: 0;

    color: #fff;

}

.page-title a,

.page-title a:hover ,

.page-title a:focus  {

color: #fff;

text-decoration:none;

}

.breadcrumbs,

.breadcrumbs a,

.breadcrumbs a:hover,

.breadcrumbs a:focus{

    color: #fff;

    font-style: italic;

}

.text-container{

    position: absolute;

	top: 26%;

}

/**********************************************

*

* Text Slider

*

**********************************************/

/*.text-slider{

    margin-left: 30px;

    margin-top: 13%;

}*/

.main-heading{

    font-size: 24px;

    line-height: 22px;

    color: #fff;

    background: #1c236a;

    padding: 20px 15px;

    font-weight: 300;

    display: inline-block;

    text-transform: none;

    margin-bottom: 0;

}

p.sub-heading{

    font-size: 16px;

    color: #000;

    background: #fff;

    font-weight: 300;

    display: inline-block;

    font-style: italic;

    padding: 15px 15px;

    margin-left: 60px;

	

}

@supports (-webkit-appearance:none) {

	.text-container a{

		display: inline-table;

	}

}

.text-slider span{

    padding: 15px;  font-size: 16px;  color: #1c236a;  border: 1px solid #1c236a;  background: #fff;

}.text-slider span:hover{	background: #1c236a;	color: #fff;	border: 1px solid #fff;}

.page-content{

    padding: 20px 0px;

    padding-bottom: 0;

}

.post-box {

  border-bottom: 1px solid #e6e6e6;

padding-bottom:10px;

}

.post-box .byline {

  color: #666666;

  font-size: 12px;

}

.post-box h3 {

  text-transform: none;

}

.latest-news p {



}

/**********************************************

*

* Home Page

*

**********************************************/

.section{

    min-height: 100px;

}

.page-content{

    /*border-top: 2px solid #ad1f23;

    padding-top: 40px;*/

    position: relative;

    top: 0px;

    background: #fff;

}

.welcome-content{

    border-top: 2px solid #ad1f23;

    padding-top: 40px;

    margin-bottom: 0px;

    position: relative;

    top: -60px;

    background: #fff;

}

.section-heading{

    font-size: 22px;

    color: #454545;

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

    background-position: center 35px;

    padding-bottom: 15px;

}

.more-btn{

    padding: 12px 15px;

    border: 1px solid #000;

    border-radius: 3px;

    color: #454545;

    display: inline-block;

    font-size: 16px;

    line-height: 24px;

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

    background-position: 19px 16px;

    text-transform: uppercase;

    padding-left: 40px;

    margin-top: 25px;

}

.more-btn:hover,

.more-btn:focus{

    color: #fff;	background: #1c236a;    text-decoration : none;	background: url('images/read-more-hover.png') no-repeat #1c236a;    background-position: 19px 16px;

}

.conference-section{

    border-top: 1px solid #e1dfdf;

    border-bottom: 1px solid #e1dfdf;

    padding: 40px 0 55px;

}

.university{

    color: #1c236a;

    font-weight: 800;

    font-size: 18px;

    line-height: 22px;

    margin-bottom: 5px;

}

.location-details{

    font-size: 16px;

    line-height: 36px;

    font-style: italic;

    font-weight: 700;

    margin: 20px 0;

}

.location-details i{

    color: #1c236a;

    font-size: 26px;

    vertical-align: -4px;

    padding-left: 5px;

}

.location-name{

    padding-right: 20px;

}

.location-date{

    padding-left: 20px;

    border-left: 1px solid #e1dfdf;

    padding-top: 12px;

    padding-bottom: 12px;

}

.blog-section{

    background: #fff;	padding-top: 20px;

}

.title{

    font-size: 22px;

    line-height: 33px;

    border-bottom: 1px solid #e1dfdf;

    padding-top: 10px;

    padding-bottom: 20px;

    margin: 0;

    color: #454545;

}

.latest-news ul{

    padding: 0;

    margin: 0;

    padding-top: 25px;

    list-style: none;

    margin-left: 18px;

    color: #1c236a;

}

.latest-news p {

   padding-bottom: 10px;

    padding-top: 10px;

    border-bottom: 1px dashed #e1dfdf;

color: #666666;

}

.latest-news p a {

color: #666666;

}

.latest-news ul li{

    padding-bottom: 15px;

    padding-top: 15px;

    border-bottom: 1px dashed #e1dfdf;

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

    background-position: 0px 20px;

    padding-left: 20px;

}

.latest-news ul li a{

    font-size: 14p;

    line-height: 14px;

    color: #666666;

    font-style: italic;

}

.latest-news ul li a:hover,

.latest-news ul li a:focus{

    color: #000;

}

.latest-events ul{

    margin: 0;

    padding: 0;

    list-style: none;

    padding-top: 30px;

}

.latest-events ul li{

    margin-bottom: 10px;

}

.latest-events h3{

    margin: 0;

    padding-bottom: 10px;

    font-style: normal;

}

.latest-events h3 a{

    font-size: 18px;

    color: #666666;

    text-transform: uppercase;

}

.latest-events h3 a:hover,

.latest-events h3 a:focus{

    color: #000;

}

.event-img{

    width: 20%;

    padding-top: 8px;

}

.event-excerpt{

    width: 80%;

}

.event-excerpt p,

.event-excerpt{

    font-size: 14px;

    line-height: 22px;

    color: #666666;

    font-style: italic;

}

.bottom-border{

    border-bottom: 2px solid #ad1f23;

    height: 2px;

}

.blog-wrapper{

    background: #fff;

    position: relative;

    top: 25px;	margin-bottom: 70px;

}

.hosted{

    color: gray;

	font-size: 14px;

	text-transform: none;

}

/**********************************************

*

* Footer

*

**********************************************/

.footer-bg{

    background: url('images/footer-bg.jpg') no-repeat;

    background-size: cover; 

    min-height: 235px;

    position: relative;

    top: -30px;

    z-index: -1;

}

.site-footer{

    /*margin-top: -45px;*/	margin-top: 20px;

}

.site-footer .row{

    background: #fff;

}.site-footer .footer-bottom .row{	background: #1c236a;}

.footer-menu ul{

    margin: 0;

    padding: 0;

    list-style: none;

    float: right;

}

.footer-menu ul li{

    float: left;

}

.footer-menu ul li a{

    font-size: 12px;

    text-transform: uppercase;

    padding: 0 10px;

    color: #666666;

}

.footer-menu ul li a:hover,

.footer-menu ul li a:focus{

    color: #1c236a;

}

.menu-main-navigation-container .menu .current-menu-item a{

    color: #1c236a;

}

.footer-wrapper{

    border-top: 2px solid #ad1f23;

    padding-top: 25px;

    padding-bottom: 10px;

}

.footer-bottom{

    background: #1c236a;

    min-height: 60px;

    padding: 18px 0;

    color: #fff;

    font-size: 13px;

}

.social-icons{

    margin: 0;

    padding: 0;

    list-style: none;

    margin-left: 10px;

    float: left;

}

.social-icons li{

    float: left;

}

.social-icons li a{

    color: #999fe1;

    font-size: 18px;

    padding: 5px 10px;

    border: 1px solid #999fe1;

    border-radius: 3px;

    margin-left: 6px;

}

.social-icons li a:hover,

.social-icons li a:focus{

    color: #fff;

}

.copyright{

    padding-top: 5px;

}

/**********************************************

*

* About page template

*

**********************************************/

.membership{

    padding: 0px 10px;

    margin-bottom: 70px;

}

.about-page-titles{

    font-size: 20px;

    line-height: 33px;

    margin: 0;

    padding-bottom: 20px;

}

.membership-row{

    background: white;

    border: 0;

    padding: 12px 10px;

    margin-bottom: 0px auto;

text-align: center;

}

.membership-grid {
    display: flex;
    flex-wrap: wrap;
}

.membership-row {
    display: flex;
    margin-bottom: 30px;
}

.membership-row h3 {
    font-size: 16px;
}

.logo-wrap {
    width: 100%;
    height: 120px; /* controls vertical alignment area */
    display: flex;
    align-items: center;   /* vertical center */
    justify-content: center; /* horizontal center */
}

.logo-wrap img {
    max-height: 40px;
    max-width: 100%;
    width: auto;
}

.pull-left .uni-logo{

    width: 200px !important;

}

.uni-info{

    width: 80%;

    position: relative;

}

.uni-info h3{

    font-size: 20px;

    line-height: 33px;

    margin-top: 0px;

    margin-bottom: 0px;

}

.uni-info a{

    color: #454545;

}

.read-more-btn{

    position: absolute;

    background: #eaeaea;

    color: #898989;

    font-size: 22px;

    right: 26px;

    padding: 38px 14px;

}

.read-more-btn:hover,.read-more-btn:focus{

    background: #1c236a;

    color:  #fff;

}

.officers-section{

    border-top: 1px solid #e1dfdf;

    border-bottom: 1px solid #e1dfdf;

}

.officers-section{

    padding-top: 40px;

}

.officer-slider{

    background: #fff;

    margin-top: 40px;

	  margin-bottom: 50px;

}

.officer-slider h5{

    font-size: 12px;

    line-height: 20px;

    font-weight: bold;

}

.short-bio,.short-bio p{

    font-size: 12px;

    line-height: 20px;

}

.short-bio a{

    color: #1c236a;

}

.short-bio a:hover{

    color: #1c236a;

	text-decoration: underline;

}



.officer-slider.owl-theme .owl-controls .owl-buttons div{

    background: #fff;

    padding: 5px 15px;

    border-radius: 3px !important;

    border: 1px solid #1c236a;

    color: #1c236a;

    font-size: 24px;

    position: absolute;

    

}

.officer-slider .owl-buttons{

    position: absolute;

    top: 0;

    right: 0;

}

.officer-slider .owl-prev,

.officer-slider .owl-next{

    

}

.owl-buttons div:hover{

    background: #1c236a !important;

    color: #fff !important;

}

.officer-slider .owl-next{

    top: -55px;

    right: 12px;

}    

.officer-slider .owl-prev{

    top: -55px;

    right: 65px;

}    

.officer-slider.owl-theme .owl-controls .owl-page span{

    border-radius: 0;

    margin: 5px;

}

.officer-slider.owl-theme .owl-controls .owl-page.active span, .officer-slider.owl-theme .owl-controls.clickable .owl-page:hover span{

    background: #1c236a !important;

}

.about-content{

    padding-top: 35px;

}

.about-content p{

    color: #666666;

    line-height: 24px;

}

.about-content .row{

    background: #fff;

    padding-bottom: 30px;

    /*border-bottom: 2px solid #ad1f23;*/

}

/**********************************************

*

* Contact page template

*

**********************************************/

.contact-content{

    border: 1px solid #e6e6e6;

    padding: 25px;

}

.contact-section h4{

    margin: 0;

    margin-bottom: 25px;

    font-size: 20px;

    line-height: 33px;

}

.wpcf7 .col-md-12,

.wpcf7 .col-md-6,

.wpcf7 .col-md-8{

    padding: 0;

}

.wpcf7 label{

    display: block;

    font-size: 14px;

    color: #666666;

    font-weight: bold;

    text-transform: uppercase;

}

.wpcf7 input[type="text"],

.wpcf7 input[type="email"],

.wpcf7 input[type="tel"],

.wpcf7 textarea{

    width: 95%;

    padding: 10px 5px;

    border-radius: 3px;

    border: 1px solid #e6e6e6;

    margin-bottom: 25px;

}

.wpcf7 textarea{

    width: 98%;

    height: 140px;

}

.wpcf7 input[type="text"]:focus,

.wpcf7 input[type="email"]:focus,

.wpcf7 input[type="tel"]:foucs,

.wpcf7 textarea:focus{

    border: 1px solid #b8b8b8 !important;

    outline: none;

}

.wpcf7 label.inline{

    display: inline;

    float: left;

    padding-right: 22px;

    padding-top: 10px;

}

.wpcf7-quiz-label{

    float: left;

    color: #666666;

    font-weight: bold;

    padding-right: 20px;

    padding-top: 10px;

}

.SecurityQuestion input[type="text"].wpcf7-quiz{

    float: left;

    width: 30%;

}

.wpcf7-submit{

    padding: 6px 25px;

    background: #1c236a;

    font-size: 20px;

    font-weight: 300;

    color: #fff;

    float: right;

    border: 0 none;

    border-radius: 3px;

}

#map-canvas{

    width: 100%;

    height: 300px;

}

div.wpcf7-validation-errors{

    border: 0 none;

    clear: both;

    padding: 0;

    margin: 0;

}

/**********************************************

*

* 404 Page

*

**********************************************/

.not-found h1{

    font-size: 76px;

}

.searchText{

    width: 50%;

    padding: 10px 5px;

    border-radius: 3px;

    border: 1px solid #e6e6e6;

    margin-bottom: 25px;

    display: inline-block;

}

.searchBtn{

    display: block;

    width: auto;

    margin: 0 auto;

    padding: 6px 25px;

    background: #1c236a;

    font-size: 20px;

    font-weight: 300;

    color: #fff;

    border: 0 none;

    border-radius: 3px;

}

img.footer-logo{

    max-width: 120px;

}

/**********************************************

*

* Uni single page

*

**********************************************/

.uni-banner{

    background: url('images/uni-bg.jpg') no-repeat;

	background-size: cover;

	min-height: 260px;

	border-bottom: 3px solid #ad1f23;

	position: relative;

}

.uni-banner .text-container{

    left: 26%;

	top: 35%;

}

.clg-logo{

    position: absolute;

	bottom: -25px;

	left: 33px;

	border: 2px solid #e1dfdf;

}

.clg-logo img {

    width:192px;

    height:192px;
 
    background:#fff;

}

.single-university .default-page-section{

    padding: 40px 0;

	border-bottom: 1px solid #e1dfdf;

}

.single-university .entry-title h3{

    font-size: 20px;

	margin-bottom: 25px;

}

.single-university .officers-section {

    border: 0 none;

    padding-bottom: 40px;

}

.uni-content{

    font-style: italic;

}

.side-contact,

.side-contact p,

.side-contact a,

.side-contact .content{    

	color: #1c236a

}

.side-contact h3{

   color: #333;

}

.side-contact ul{

    padding: 0;

	margin: 0;

	list-style: none;

}

.side-contact ul li{

	border-bottom : 1px solid #ebebeb;

	padding: 15px 0;

}

.side-contact ul li:first-child{

    padding-top: 0;

}

.side-contact ul li i {

    float: left;

    width: 20px;

	padding-top: 3px;

}

.side-contact ul li span{

   width: 92%;

}

.single-university .officers-section .item{

    margin-bottom: 15px;

}

.single-university .searchBtn {

    background: none repeat scroll 0 0 #e6e6e6;

    border: 0 none;

    border-radius: 0 3px 3px 0;

    color: #000;

    display: inline-block;

    font-size: 14px;

    font-weight: 300;

    margin: 0 auto;

    padding: 7px 10px;

    width: auto;

	height: 33px;

	margin: 0 auto 0 -5px;

}

.officers-section form{

    float: right;

}

.officers-section .searchText {

    border-radius: 3px;

    display: inline-block;

    font-size: 14px;

    height: 33px;

    margin-bottom: 25px;

    padding: 5px;

    width: 80%;

}

.owl-item img {

  height: 642px;
}

@media only screen and (min-width: 1024px) {

.owl-item img {
    height: 620px;
    width: 721px !important;
    position: relative;
    right: 28px;
    top: 0;
    left: 50%;
    object-fit: cover;
    padding: 50px 50px 100px 50px;
}
	

}
.conf-table {
    border-collapse: collapse;
    width: 100%;
}

.conf-table th, .conf-table td {
    text-align: left;
    padding: 8px;
}

.conf-table tr:nth-child(even){background-color: #f2f2f2}

.conf-table th {
    background-color: #1c236a;
    color: white;
}

/************************************************ Single page***********************************************/.single .entry-title h1{	color: #454545;    margin: 30px 0 15px;    text-transform: none;	font-size: 34px;	font-weight: bold;}.blog  h2 a{	color: #454545;    text-transform: none;	font-size: 30px;	font-weight: bold;}.post-meta{	margin-bottom: 30px;    margin-top: 0;	color: #454545;}.blog .post-meta{	margin: 15px 0;}

.single section p,.single section  li ,.blog section  p{    font-size: 15px;    line-height: 26px;    margin-bottom: 16px;}

.page-numbers.current {    background: none repeat scroll 0 0 #1c236a;    border: 2px solid #1c236a;    color: #fff;    padding: 5px 10px;}.page-numbers {    border: 2px solid #454545;    color: #454545;    padding: 5px 10px;}.page-numbers:hover,.page-numbers:focus{	background: none repeat scroll 0 0 #1c236a;    border: 2px solid #1c236a;    color: #fff;    padding: 5px 10px;	text-decoration: none; } 

/**********************************************

*

* Responsive

*

**********************************************/

@media (max-width:1200px){

	.uni-logo img{

	   max-width: 100%;

	}

	.uni-logo{

	    margin-right: 2%;

	}

}

@media (max-width:991px){

	#logo .logo {

		max-width: 200px;

	}

	#menu-main-navigation li a {

		font-size: 12px;

		padding: 14px 0 14px 12px;

    }

	.navbar.navbar-default.oppa-navbar {

		height: 100%;

		min-height: 82px;

	}

	#menu-main-navigation li{

	    background: none;

	}

}



@media (max-width:990px){	.clg-logo img{	    max-width: 70%;	}	.clg-logo{	    border:0 none;	}

	.home .owl-prev, .home .owl-prev:hover,

	.home .owl-next, .home .owl-next:hover{

	    top: 25% !important;

	}

	.text-container {

		left: 15%;

	}

	.main-heading{

		font-size: 16px;

		line-height: 22px;

	}

	p.sub-heading{

	    font-size: 14px;

	}	.side-contact ul li span {		width: 88%;	}

}

	

@media (max-width:767px){	.side-contact ul li span {		width: 92%;	}	.clg-logo img{	    max-width: 50%;	}	.clg-logo{	    border:0 none;		left: 10px;	}

	.oppa-navbar .navbar-toggle{

	    border: 0 none;

		 margin-top: 20px;

	}

	.oppa-navbar .navbar-toggle .icon-bar {

		border-radius: 1px;

		display: block;

		height: 4px;

		margin-bottom: 8px;

		width: 36px;

	}

	.navbar-default .navbar-toggle .icon-bar {

		background-color: #1c236a !important;

	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{

	    background-color: transparent !important;

	}

	.top-text {

		padding: 0;

	}

	.header-top .top-nav {

		color: #9ca1da;

		font-size: 11px;

	}

	img.footer-logo {

		margin: 0 auto;

	}	

	.footer-menu ul{

		float: none;

		text-align: center;

	}

	.footer-menu ul li {

		display: inline;

		float: none;

	}

	.copyright {

		text-align: center;

		margin-bottom: 20px;

	}

	.social-block .pull-right{

	    float: none !important;

		text-align: center;

	}

	.social-block .pull-left{

	    float: none !important;

		text-align: center;

	}

	.social-icons{

		margin: 25px 0 0;

	}

	.social-icons,.social-icons li {

	 float: none;

	}

	.social-icons li{

	     display: inline-block;

	}

	.contact-content {

		margin-bottom: 50px;

	}

	.home .owl-prev, .home .owl-prev:hover,

	.home .owl-next, .home .owl-next:hover{

	    top: 25% !important;

	}

	.text-container {

		left: 15%;

	}

	.main-heading{

		font-size: 16px;

		line-height: 22px;

	}

	p.sub-heading{

	    font-size: 14px;

	}

}

@media (max-width:640px){

	.uni-logo {

		margin-right: 0;

		text-align: center;

		width: 100%;

	}	.uni-logo img {		margin: 0 auto;		max-width: 50%;		text-align: center;	}

	.uni-info {

		position: relative;

		text-align: center;

		width: 100%;

	}

	.text-slider .owl-item img{

		height: 320px;

	}	.page-template-member-directory .page-content h4{	     font-size: 16px;			line-height: 26px;	}

}

@media (max-width:481px){

    .location-name,.location-date{

	    display: block;

		border: 0 none;

		padding-left: 0;

		padding-right: 0;

	}

	p.sub-heading {

		font-size: 11px;

		margin-left: 15px;

		padding: 10px;

	}

	.main-heading {

		font-size: 14px;

		line-height: 14px;

		padding: 15px;

	}

	.text-slider span{

		padding: 10px;

	}	.top-text {		display: block;		padding: 5px 0;		width: 100%;	}	.text-container span{	    display: none;	}	

}