/*=========GENERAL=========*/

html{
	margin:0;
	height:100%;
}

body{
	background-attachment: fixed !important;
	background-color:transparent !important;
	background-image:url('/wp-content/uploads/2016/09/background-image.jpg') !important;
	background-size:cover;
	background-repeat:no-repeat;
	overflow:auto;
	margin:0;
	height:100%;
}

#main{
	background-color:transparent !important;
}

/* ========== HEADER ========= */


div.fusion-secondary-header .fusion-row {
    max-width: 1200px !important;
}

.fusion-header-v2 .fusion-secondary-header{
	border-top:0;
}

.fusion-secondary-header .fusion-secondary-menu a {
    color: #fff;
	transition: all linear 0.25s;
}

.fusion-secondary-header .fusion-secondary-menu a:hover {
	color: #009f5e;
}

.fusion-secondary-header .fusion-secondary-menu > ul > li > a {
    height: 45px;
    line-height: 45px;
}

/* ========== FOOTER ========= */

.fusion-copyright-content {
    border-top: 1px solid #ffffff;
}

.fusion-copyright-notice{
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
}

footer a:hover{
	color:#ffffff !important;
	text-decoration:underline;
}

/* ========== CONTENT ========== */

h1.title-heading-center {
    text-transform: uppercase;
    border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 0px 0 7px 0 !important;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}

p{
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
}

a.fusion-button {
    background-color: rgba(12,154,92,0.85) !important;
	text-align: left;
	font-weight:300;
	text-transform: none;
}

a.fusion-button:hover{
	background-color: rgba(0,135,80,0.85) !important;
}

a.fusion-button.bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

a.fusion-button.dark-green {
    background: rgba(10,111,67,0.85) !important;
}

a.fusion-button.dark-green:hover {
    background: rgba(0,69,43,0.85) !important;
}

#landing-page-intro .research-education {
    position: absolute;
    bottom: 60px;
    left: 0;
}

#landing-page-intro .fusion-column-wrapper {
	position: relative;
}

/* ========= 404 + SEARCH ========= */

.error404 .fusion-header {
	display: none;
}

.error-page div.fusion-column.fusion-error-page-useful-links {
	margin-bottom: 40px;
}

.error-page div.fusion-column.fusion-error-page-search {
	width: 100%;
}

div#post-404page div.fusion-title h2.title-heading-left, .search div.fusion-title h2.title-heading-left {
    color: #fff;
}

div#post-404page .post-content h3, .search .post-content h3{
    color: #fff;
}

div#post-404page div.fusion-title, .search div.fusion-title{
	border-bottom:1px solid #ffffff;
}

.error-page div.fusion-column{
	max-width:800px;
	margin:0 auto ;
}

.error404 .searchform:not(.fusion-search-form-classic) .fusion-search-button {
	bottom: 5px;
}

.error404 .searchform:not(.fusion-search-form-classic) .fusion-search-form-content .fusion-search-button input[type=submit] {
	border-bottom: 0;
}

.error404 .searchform .fusion-search-form-content .fusion-search-field input.s {
	font-size: 14px;
}

.searchform .search-table .search-field input {
    color: #ffffff;
	border-color: #fff !important;
}

.searchform .search-table .search-field input::-webkit-input-placeholder {
    color: #ffffff;
}

.searchform .search-table .search-field input::-moz-placeholder {
    color: #ffffff;
}

.searchform .search-table .search-field input:-ms-input-placeholder {  
    color: #ffffff;
}

.searchform .search-table .search-button input[type="submit"] {
    border-color: #ffffff;
	color:#ffffff;
}

/* ========== SEACRH - WITH RESULTS ========= */

body.search-results #posts-container {
    background-color: rgba(255,255,255,0.75);
}

body.search-results .search-page-search-form-bottom h2, body.search-results .search-page-search-form-bottom p{
	color:#ffffff;
}

body.search-results .post{
    padding: 30px 30px 10px 30px !important;
}


/* ========= INTEGRITY POLICY ========= */

div#integrity-policy {
    background-color: rgba(255,255,255,0.6) !important;
}

div#integrity-policy h1, div#integrity-policy h4{
	color: #000;
	line-height: 1.4 !important;
}

div#integrity-policy p{
	color: #000;
	font-size: 16px;
	text-shadow: 0 0 0;
}

div#integrity-policy a {
	font-weight: bold;
}

.page-id-61 .fusion-header-wrapper, .page-id-69 .fusion-header-wrapper  {
	position: relative;
}

.page-id-61 .fusion-logo, .page-id-69 .fusion-logo {
	margin: 0;
}

.page-id-61 #main, .page-id-69 #main {
	padding-top: 40px;
	padding-bottom: 80px;
}

/* ========= COOKIES ======== */

.has-cookie-bar div#catapult-cookie-bar {
	background-color: #1a8954;
	color: #fff;
    font-size: 12px;
	line-height: 1.5;
	min-height: 20px;
	padding: 10px 20px 10px;
}

#catapult-cookie-bar a {
	text-decoration: underline;
}

#catapult-cookie-bar button#catapultCookie {
	border-radius: 0;
	background-color: #fff;
}


/* ========== MEDIA QUERIES ========= */

/*---------- Desktop -----------*/

/* Max 1160px */

@media only screen and (max-width : 1160px) {

body{
	font-size:16px !important;
	line-height:26px !important;
}

.fusion-copyright-notice {
    font-size: 14px !important;
}

}

/* Max 1050px */

@media only screen and (max-width : 1050px) {

body.fusion-button_size-xlarge .fusion-button-default-size {
	font-size:16px !important;
}

}

/* Max 1024px */

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

#landing-page-intro .research-education {
    position: relative;
    bottom: auto;
	margin-top:60px;
}

a.fusion-button.bottom {
    position: relative;
    bottom: auto;
}

.image .fusion-column-wrapper {
    background-color: transparent !important;
}

body.fusion-button_size-xlarge .fusion-button-default-size {
	font-size:14px !important;
	padding: 17px 20px;
}

}

/* Max 800px */

@media only screen and (max-width : 800px) {

	.ua-mobile body {
		background-attachment: fixed !important;
	}
	
	#wrapper{
		overflow:auto;
	}
	
	#main{
		padding-top:0 !important;
	}
	
	.post-content h1 {
	    font-size: 50px !important;
	}
	
	.image img{
		width:90%;
		max-width:460px;
		margin-bottom:30px;
	}
	
	.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-mobile-menu-icons{
		display:none !important;
	}
	
	.fusion-header {
	    display: none;
	}
	
	.fusion-mobile-menu-design-modern .fusion-secondary-header {
	    padding-left: 30px !important;
	    padding-right: 30px !important;
	}
	
	.fusion-header-wrapper {
	    position: relative !important;
	}
	
	.error404 div#main, .search div#main {
	    padding-top: 60px !important;
	}
	
	div#integrity-policy .fusion-title {
		margin-bottom: 5px !important;
	}
	
}

/* Max 770px */

@media only screen and (max-width : 770px) {
	
	.fusion-copyright-notice {
	    font-size: 12px !important;
	}
	
}

/* Max 725px */

@media only screen and (max-width : 725px) {
	
	.post-content h1 {
	    font-size: 40px !important;
	}
	
	.image img {
	    width: 90%;
	    max-width: 400px;
	}
	
}

/* Max 668px */

@media only screen and (max-width : 668px) {
	
	.fusion-copyright-notice {
	    font-size: 11px !important;
	}
	
}

/* Max 600px */

@media only screen and (max-width : 600px) {
	
	.post-content h1 {
	    font-size: 35px !important;
	}
	
	.image img {
	    width: 90%;
	    max-width: 350px;
	}
	
	body {
	    font-size: 14px !important;
	    line-height: 24px !important;
	}
	
	div#integrity-policy h1 {
	    font-size: 40px !important;
	}
	
	div#integrity-policy .fusion-title {
	    margin-bottom: 5px !important;
	}
	
	div#integrity-policy h4 {
	    font-size: 18px !important;
	}
	
}

/* Max 540px */

@media only screen and (max-width : 540px) {
	
    .cookie-bar-bar .ctcc-inner {
      display: block;
      display: block;
      -webkit-align-items: normal;
      align-items: normal;
      -webkit-justify-content: normal;
      justify-content: normal;
      position: relative;
      }
    
      .ctcc-left-side {
      text-align: center;
      width: 100%;
      display: block;
      }
    
      .ctcc-right-side {
      -webkit-flex-shrink: unset;
      flex-shrink: unset;
      width: 100%;
      display: block;
      text-align: center;
      }
    
      .cookie-bar-bar button#catapultCookie {
      margin: 15px auto 10px;
      }
}

/* Max 530px */

@media only screen and (max-width : 530px) {
	
	.post-content h1 {
	    font-size: 28px !important;
		line-height: 54px !important;
	}
	
	.image img {
	    width: 90%;
	    max-width: 300px;
		margin-bottom:15px;
	}
	
	.button-xlarge {
	    font-size: 12px !important;
	}
	
	.fusion-copyright-notice {
	    font-size: 10px !important;
	}
}

/* Max 480px */

@media only screen and (max-width : 480px) {

	div#integrity-policy {
	    padding-left: 30px !important;
	    padding-right: 30px !important;
	    padding-top: 30px !important;
	    padding-bottom: 30px !important;
	}
	
	div#integrity-policy p {
	    font-size: 12px;
	}
	
	div#integrity-policy h1 {
	    font-size: 34px !important;
	}
	
	div#integrity-policy h4 {
	    font-size: 15px !important;
	}

}

/* Max 475px */

@media only screen and (max-width : 475px) {

	.post-content h1 {
	    font-size: 24px !important;
		line-height: 54px !important;
	}
	
	.image img {
	    width: 90%;
	    max-width: 260px;
		margin-bottom:15px;
	}
	
	a.fusion-button{
		font-weight:normal;
	}
	
	.fusion-copyright-notice {
	    font-size: 9px !important;
	}
	
	.fusion-footer-copyright-area{
		padding-left:15px !important;
		padding-right:15px !important;
	}

}

/* Max 440px */

@media only screen and (max-width : 440px) {

	.post-content h1 {
	    font-size: 22px !important;
		line-height: 54px !important;
	}
	
	.fusion-copyright-notice {
	    font-size: 8px !important;
		font-weight:normal;
	}
	
	.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-header{
		padding:0;
	}

}

/* Max 400px */

@media only screen and (max-width : 400px){
	
	body #main {
	    padding-top: 0px !important;
	}
	
	div#integrity-policy {
	    padding-left: 15px !important;
	    padding-right: 15px !important;
	    padding-top: 20px !important;
	    padding-bottom: 20px !important;
	}
	
	div#integrity-policy h1 {
	    font-size: 30px !important;
	}
	
	div#integrity-policy h4 {
	    font-size: 14px !important;
	}
	
}

/* ======== iPAD ======== */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:landscape) { 

	.error404 div#main, .search div#main {
	    padding-top: 20px !important;
	}
	
	.fusion-header-wrapper .fusion-header{
		display:none;
	}

}

/* ========== iPHONE ======== */

@media only screen and (min-device-width : 320px) and (max-device-width : 736px) { 

	html{
		margin:auto;
		height:auto;
	}


}

@media only screen and (max-device-width : 350px) and (orientation:portrait){
	
	.post-content h1{
		font-size: 20px !important;
		line-height: 44px !important;
	}
	
	h1.title-heading-center{
		padding: 0px 0 2px 0 !important;
	}
	
}