/*

Theme Name: ADEA Theme

Theme URI: http://adea.coma.au

Author: Shibani rani S

Author URI: http://shibani.me

Description: Theme of ADEA Diabetes Research Foundation website.

Version: 1.0

Tags: ADEA, Diabetes

*/





/*-----------------------------

------ TABLE OF CONTENT -------

-------------------------------



1. Global Styles



	01.Home page styles

	-------------------



1. Header styles

2. Menu styles

3. Banner styles

4. Service styles

5. Video And Partner styles 

6. Footer styles



	02.About diabetes page styles

	-----------------------------



-------------------------------

-----------------------------*/





/** ====== Global Styles ====== **/



body {

  font-family: 'Roboto', sans-serif;

  font-family: "proxima-nova",sans-serif;

  font-size: 18px;

  line-height: 24px;

  color: #2b0025;

}

img {

  max-width: 100%;

}

a,

a:hover,

a:active,

a:focus {

  text-decoration: none;

  outline: none;

  border: none;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0;

  padding: 0;

}

ul, li {

    margin: 0;

    padding: 0;

}



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



   **** Home Page CSS ****

			 

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





/** ====== 2. Header styles ====== **/



#header{

	padding-top:20px;

	padding-bottom: 40px;

}



#header .container{

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	position: relative;

	height: 150px;

}



.adea_logo{

	flex: 1 0 auto;

	width: 260px;

}



.adea_logo img{

	width: 260px;

	height: auto;

}



.tick{

	flex: 0 0 100px;

	text-align: right;

	height: 100%;

}



.tick a{

	display: inline-block;

	height: 100%;

	width: 100px;

	background-image: url(img/acnc_tick.svg);

	background-size: contain;

	background-position: center center;

	background-repeat: no-repeat;

	vertical-align: top;

}



.tick a span{

	display: block;

	height: 0;

	width: 0;

	overflow: hidden;

}



#header div.subscribe{

	flex: 1 1 auto;

	height: 100%;

	display: flex;

	flex-direction: column;

	align-items: flex-end;

	justify-content: center;

}



#header div.subscribe form{

	width: 250px;

	margin: 10px;

	padding: 0;

}



#header div.subscribe form >div{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-direction: normal;

	-webkit-box-orient: horizontal;

	-webkit-flex-direction: row;

	-moz-flex-direction: row;

	-ms-flex-direction: row;

	flex-direction: row;

	-webkit-flex-wrap: nowrap;

	-moz-flex-wrap: nowrap;

	-ms-flex-wrap: none;

	flex-wrap: nowrap;

}



#header div.subscribe input.email{

	display: inline-block;

	width: 60%;

	margin-bottom: 0;

	border-top-right-radius: 0;

	border-bottom-right-radius: 0;

	margin-right: 0;

}



#header div.subscribe .clear{

	width: 40%;

	display: inline-block;

}



#header div.subscribe input.button{

	background-color: #753c6f;

	width: 100%;

	margin-bottom: 0;

	border-top-left-radius: 0;

	border-bottom-left-radius: 0;

}



#header div.subscribe .promo{

	display: block;

	background-color: #753c6f;

	border-radius: 4px;

	color: #FFFFFF;

	cursor: pointer;

	font-size: 15px;

	height: 32px;

	line-height: 32px;

	padding: 0;

	width: 250px;

	text-align: center;

	margin: 10px 10px 0px 0;

}



/** ====== 3. Menu styles ====== **/



.navbar-default {

	background-color: #ffffff;

	border-color: transparent;

	min-height: 0;

}



.navbar-default .navbar-nav > li > a {

  color: #61185a;

  font-family: "Roboto",sans-serif;

  font-family: "proxima-nova",sans-serif;

  font-size: 24px;

  font-weight: 400;

  padding: 0 18px;

  text-transform: initial;

}



.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {

  background-color: transparent;

  color: #753c6f;

}



.navbar-default .navbar-nav > .current_page_item > a, .navbar-default .navbar-nav > .current_page_item > a:focus, .navbar-default .navbar-nav > .current_page_item > a:hover {

  background-color: transparent;

  color: #753c6f;

}



.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {

  background-color: rgba(51, 0, 77, 0.5);

  color: #fff;

  outline: 0 none;

  text-decoration: none;

}



.dropdown-menu {

  background-clip: padding-box;

  background-color: rgba(51, 0, 77, 0.8);

  border: none; 

  border-radius: 0px;

  box-shadow: none;

  /* border: 1px solid rgba(51, 0, 77, 0.8);

  box-shadow: 0 6px 12px rgba(255, 255, 255, 1);*/

  display: none;

  float: left;

  font-size: 14px;

  left: 0;

  list-style: outside none none;

  margin: 2px 0 0;

  min-width: 160px;

  padding: 0;

  position: absolute;

  text-align: left;

  top: 40px;

  z-index: 1000;

}



.dropdown-menu > li > a {

	/*background: rgba(115, 115, 115, 0.8) none repeat scroll 0 0;*/

	clear: both;

	color: #fff;

	display: block;

	font-size: 20px;

	font-weight: 400;

	line-height: 1.42857;

	margin: 0;

	padding: 8px 10px;

	white-space: nowrap;

}



.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {

  background: rgba(115, 115, 115, 0.75) none repeat scroll 0 0;

  color: #fff;

  text-decoration: none;

}



.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {

  background-color: transparent;

  color: #61185a;

}



.dropdown-menu li:first-child::before {

	border-bottom: 10px solid rgba(51, 0, 77, 0.8);

	border-left: 10px solid transparent;

	border-right: 10px solid transparent;

	content: "";

	height: 0;

	left: 20px;

	position: absolute;

	top: -10px;

	width: 0;

	z-index: -9;

}



.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {

    margin-left: -15px;

    margin-right: -15px;

}



/** ====== 4. Banner styles ====== **/



#banner{

	padding: 15px 0;

}



.carousel-indicators .active {

	background-color: #753c6f;

}



.carousel-inner > .item {

	border: 5px solid rgba(51, 0, 77, 0.1);

}



/** ====== Introduciton styles ====== **/



#intro .content{

	padding: 30px 20px;

	background-color: #753c6f;

	color: white;

	border-radius: 10px;

}



/** ====== 5. Service styles ====== **/



#service{

	padding: 15px 0;

}



#service .call-to-action img{

	border-radius: 10px;

	position: relative;

}



#service .call-to-action >div{

	position: relative;

}



#service .call-to-action .call-to-action-text{

	background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;

	padding: 20px 0;

	position: absolute;

	text-align: center;

	top: 60%;

	width: 100%;

}



#service .call-to-action .call-to-action-text a{

	color: #fff;

	font-size: 30px;

}



/** ====== 6. Video And Partner styles ====== **/



#video_and_partner{

	padding: 15px 0;

}



.partner{

	background: #fff none repeat scroll 0 0;

	border: 1px solid #ddd;

	border-radius: 10px;

	position: relative;

}



.partner_serial li {

    padding: 20px 0;

    text-align: center;

    list-style: none;

}



.partner_serial li.partner_text{

	padding-bottom: 30px;

}



.partner_serial li.partner_text a{

	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;

	color: #fff;

	font-size: 30px;

	padding: 20px 0;

	text-align: center;

	width: 100%;

	display: block;

}



.social_bar {

    margin-top: 50px;

}



.social_bar a {

	padding: 0 4px;

}



.social_bar img{

	transition: 1s ease-in-out; 

}



.social_bar img:hover {

	transform: rotateZ(360deg);

}



/** ====== 7. Footer styles ====== **/



#footer .container{

	padding-top: 30px;

	display: flex;

	flex-direction: row;

}



#footer .footer_social{

	flex: 0 0 60%;

	text-align: left;

}



.adea_footer{

	background: white;

	flex: 0 0 40%;

}



.adea_footer p{

	color: #61185a;

	font-size: 18px;

	font-weight: 500;

	line-height: 30px;

	text-align: right;

	padding-top: 30px;

}



.adea_footer a {

    color: #61185a;

}



.adea_footer a:hover {

    color: #999999;

}



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



     **** About Page CSS ****

			 

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



/** ====== 1. S styles ====== **/



.about_sidebar{

	margin-top: 2.5rem;

}



.about_sidebar li{

	background: rgba(114, 114, 114, 0.7) none repeat scroll 0 0;

	background: white;

	border: 1px solid #66686a;

	margin: -1px 0 0;

	padding: 10px;

	text-align: left;

	list-style: none;

}



.about_sidebar li a{

	font-size: 20px;

	font-weight: 300;

	color: #66686a;

}



.about_sidebar ul ul{

	margin: 10px -11px -11px -11px;

}



.about_sidebar ul ul li{

	padding-left: 40px;

}



.post_para h2{

	font-size: 42px;

	color: #61185a;

	margin: 1.5rem 0;

}



.post_para h3 {

  font-size: 26px;

  margin: 1.5rem 0;

}



.post_para h4 {

  font-size: 25px;

  margin: 1.5rem 0;

}



.post_para p{

	margin-bottom: 1em;

}



.post_para ul, .post_para ol{

	margin-bottom: 10px;

	padding: 0;

}



.post_para li{

	margin-left: 40px;

	margin-bottom: 5px;

	list-style-position: outside;

}



/** ====== 2. Social area styles ====== **/



.footer_social {

  padding-bottom: 15px;

  padding-top: 20px;

}



.footer_social a{

	padding: 0 3px;

}





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



    **** Research Grants Page CSS ****

			 

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



/*.research-grants {

	background: #b8b8b8 none repeat scroll 0 0;

	margin-left: 60px;

	margin-top: -20px;

	width: 300px;

}



.research-grants li {

    text-align: center;

    list-style: none;

}



.research-grants li a {

	color: #fff;

	font-size: 16px;

	margin-left: 5px;

}*/



.media-left img{

	max-width: none;

}





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



   **** Governance Page CSS ****

			 

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



.professor_bio {

  padding: 15px 0;

}







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



    **** Contact Page CSS ****

			 

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



#contuct-us {

	padding: 40px 0;

}



.btn.btn-default.connect_button {

	font-size: 20px;

	text-transform: uppercase;

	background: #ddd;

	margin-top: 20px;

}



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



** Assessment Criteria Page CSS **

			 

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



td {

  padding-left: 5px;

}



/** Wordpress CSS Fix **/

/** Osky CSS Fix **/
.service-wrapper {
    display: flex;
    justify-content: space-between;
}

.call-to-action {
    width: 49%;
    padding-right: 1.3rem;
}

.call-to-action:nth-child(4n){
    padding-right: 0rem;
}

#service .call-to-action img {
    border-radius: 10px;
    position: relative;
    max-width: 100%;
}

#service .call-to-action .tile-img {
    height: 230px;
    max-width: 100%;
    position: relative;
	border-radius: 1rem;
	background-repeat:no-repeat; 
	background-size: contain;
	background-position: initial;
}

#service .call-to-action .call-to-action-text {
    padding: 20px 5px;
    min-height: 95px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.research_video {
    margin: 0 16rem;
}

@media only screen and (min-width: 768px){
	div#bs-example-navbar-collapse-1 {
	    display: flex!important;
	    justify-content: center;
	}
}

@media only screen and (max-width: 767px) { 
	.service-wrapper {
		flex-direction: column;
		justify-content: center;
	}
	.call-to-action {
		width: 100%;
		margin-bottom: 2rem;
		padding-right: 0rem;
	}
	#service .call-to-action .tile-img {
		background-size: cover;
	}
}