@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

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

.page-id-2 .large-4 .blurb.callout { 
 height: 200px !important;
 }

/*********************
GENERAL STYLES
*********************/
.apra-page section{ /* APRA page & sub page */
	padding: 2rem 0;
	}
.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;	
	/*
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: none;
   margin:0;
   padding:0;*/
}
/*********************
LINKS
*********************/
.article-header a{color: 000 !important;}



/*********************
BORDERS
*********************/
.list-border-light{
	border-top: 1px solid #f1f1f1;
	padding: 15px 0;
	}
.archive-list-border{
	border-top: 1px solid #f1f1f1;
	margin: 15px 0;
	padding: 15px 0;	
}
.list-border{
	border-bottom: 1px solid #ddd;
	margin: 15px 0;
	padding: 15px 0;	
}
.list-border:first-of-type{
	border-top: 1px solid #ddd;	
	padding-top: 30px;
}

/*********************
PADDINGS
*********************/
s-padding{}
m-padding{}
l-padding{}

/*********************
PANELS
*********************/

/*********************
BUTTON STYLES
*********************/
.button{

	}
.button,
a.button.black,
button.button.black{
	background-color: #000;
	color: #fff;	
	text-transform: uppercase;
	font-size: 0.75rem;
	padding: 15px;	
/*	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px; */
}
.button:hover,
a.button.black:hover,
button.button.black:hover{
	background-color: rgba(0,0,0,0.7);
}

a.button.light-green{
	background-color: rgba(176,210,54,1);
	color: #fff;	
	text-transform: uppercase;
	font-size: 0.75rem;
	padding: 15px;	
}
a.button.light-green:hover{
	background-color: rgba(176,210,54,0.7);
}

a.button.expanded{
		margin-top: 0.25rem;
	font-size: 1rem !important;
	margin-bottom: 0 !important;
	}

@media only screen and (max-width: 40em) { 
	.button.center-on-mobile{
		margin: 20px auto 40px;
		display: block;
		width: fit-content;
	}
}
/*********************
FONT
*********************/
@font-face {
	font-family: 'Gotham Narrow Book';  
	src: url('../../fonts/Gotham Narrow Book.otf');  
	font-weight: normal;  
}
@font-face {
	font-family: 'Gotham Narrow Book Italic';  
	src: url('../../fonts/Gotham Narrow Book Italic.otf');  
	font-weight: normal;  
}
@font-face {
	font-family: 'Gotham Narrow Medium';  
	src: url('../../fonts/Gotham Narrow Medium.otf');  
	font-weight: normal;  
}
@font-face {
	font-family: 'Gotham Narrow Black';  
	src: url('../../fonts/Gotham Narrow Black.otf');  
	font-weight: normal;  
}

/*
@font-face {
    font-family: 'edo-webfont';
    src: url('../../fonts/edo-webfont.eot?#iefix') format('embedded-opentype'), 
         url('../../fonts/edo-webfont.woff') format('woff'), 
         url('../../fonts/edo-webfont.ttf')  format('truetype'),
         url('../../fonts/edo-webfont.svg#svgFontName') format('svg');
    }
*/

.font-medium{ font-family: Gotham Narrow Medium, sans-serif !important;}

body, p, h1, h2, h3, h4, h5{
	font-family: Gotham Narrow Book, sans-serif !important;
	}

h6{
	font-family: Gotham Narrow Medium, sans-serif !important;	
}

/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
  
a.white{color: #fff; }

a.read-more{
	font-size: 0.75rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #222;
	}
a.read-more:hover{
	color: #b0d236;
	}

.menu > li > a,
a.button{
	-webkit-transition: all 0.5s, color 0.5s;
  	-moz-transition: all 0.5s, color 0.5s;
  	-o-transition: all 0.5s, color 0.5s;
  	transition: all 0.5s, color 0.5s;	
}

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }
  
h5, h6{
	margin-bottom: 0;
	}
  
h5.color-lilac{
	text-transform: uppercase;
	font-size: 1.125rem;
	font-family: Gotham Narrow Medium, sans-serif !important;
	}
/*********************
PAGINATION
*********************/
.pagination .current{
	background: #000;
	}
/*********************
HEADER STYLES
********************
.header{
	background-color: #fff;
	}
*/

.header ul.off-canvas-list li {
  list-style: none; }
  
.logo img{ max-width: 150px; }



/*********************
TOP BAR
*********************/
.bg-dark-green.first-top-bar{
	padding: 0.25rem 0.5rem;
}
.first-top-bar a{
	font-size: 0.75rem;	
	text-transform: uppercase;	
}

/*********************
NAVIGATION STYLES
*********************/
/*.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }*/
  .off-canvas-list ul li a {
    border-bottom: 0px; }
/*  .off-canvas-list ul .dropdown {
    margin-left: 20px; }
*/

/* *** TOP BAR / NAV / HEADER *** */
.top-bar ul{ background: transparent; }
.top-bar li a, .top-bar ul li::before {display: inline;}
/*#menu-main-menu-1 li::after, #menu-apra-menu-1 li::after{ content: "/"; }
#menu-main-menu-1 li:last-of-type::after, #menu-apra-menu-1 li:last-of-type::after{ content: ""; }*/
.top-bar-right{margin-left: auto;}

.full-screen-menu .hide-menu-item{display: none !important;}

/* *** FULL SCREEN NAVIGATION *** */
/*.full-screen-menu .menu .active>a {background: transparent;} */
.menu > li > a{
	font-family: Gotham Narrow Medium, sans-serif;
	font-size: 0.875rem;
	text-transform: uppercase; 
	color: #000;
	} 
.menu.second > li > a,
#menu-apra-menu-1 li::after{
	color: #fff !important;
	font-size: 1rem; /* 1.15 */
	} 
.menu > li > a:hover{ 
	color: #b0d236 !important;   
	}
	
/* APRA & APRA sub page*/
.header-apra{
	position: absolute;
	z-index: 30;
	border-bottom: none;
	width: 100%;
	}
.header-apra .full-screen-menu{
	margin: 0.5rem auto;
	}



/* END APRA */

/*********************
DROPDOWN SUB MENU  
*********************/
.is-dropdown-submenu{
	background-color: #fff !important;
	padding-top: 5px;
	padding-bottom: 5px;	
	}
.is-dropdown-submenu li{
	display: inline-flex !important;
	}
.is-dropdown-submenu li a{
	text-transform: capitalize !important;	
	width: 100%;
	}


/*********************
MOBILE MENU  
*********************/
.hamburger{
	padding: 10px 15px;
    background: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    right: 0;
	z-index: 10000;
}
.off-canvas{background: #fff; }
.off-canvas .menu>li>a{
    color: #333 !important;
    text-transform: uppercase;
	font-family: Gotham Narrow Medium, sans-serif;
    font-size: 0.875rem;
	border-bottom: 1px solid #f1f1f1;
	padding: 1rem;
}
.menu .active>a{
	background: transparent; 
	color: #b0d236 !important;
}
.off-canvas .menu>li>a:hover{
    color: #b0d236 !important;
}
.is-accordion-submenu-parent>a:after{
	/*border-color: #fff transparent transparent;
*/}



/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
  padding: 1rem; }							/* Before: 1rem 0rem; */

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; 
  font-size: 0.875rem;
  }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: e;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
PAGE / POST STYLES
*********************/
article{
	padding: 0 2rem 1rem 0;
	margin: 2rem 0;
	border-right: 2px solid #f1f1f1;
	}

article .list-of-x .columns{
	margin-top: 0.25rem;
	margin-bottom: 1rem;
	}


/*********************
IMAGE GALLERY STYLES
*********************/

/*********************
IMAGE
*********************/
.attribution{
	position: absolute;
    bottom: 10px;
    right: 20px;
	}
.attribution a{
	color: #b0d236;
}
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }
	
/*********************
SIDEBARS FAC / APRA
*********************/
.sidebar{
	padding-left: 2rem;
	}
.sidebar .row{
	clear: both;
	overflow: auto;
	padding: 2rem 0 2.5rem;
	border-bottom: 2px solid #f1f1f1;
	}
.sidebar .row div{
	margin: 15px 0;
	}
.sidebar .row:last-of-type{
	border-bottom: none;
	}
	
.sidebar h6{
	text-transform: uppercase;
	}
.sidebar p,
.sidebar{
	font-size: 0.875rem;
	}
.sidebar img{
	max-width: 35%;
	padding: 10px 0 10px 5%;
	}
.sidebar ul{
	list-style-type: none;
	margin-left: 0;
}
.sidebar li{
	border-left: 2px solid #b0d236;
    padding: 0 10px;
    margin: 0.75rem 0;
    line-height: 1;
	}
	
	
	
.sidebar-list h6{
	margin-top: 1.25rem;
	margin-bottom: 0.25rem;
	font-family: Gotham Narrow Book, sans-serif !important;
	font-size: 0.875rem;
	text-transform: uppercase;
	}
	
/*********************
VIDEOS
*********************/
.youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 0;
	border: 1px solid #000;
}
    
.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}
    
.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}
    
.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}
    
.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("//i.imgur.com/TxzC70f.png") no-repeat;
    cursor: pointer;
}
/*********************
ACCORDION STYLES
*********************/
.accordion{background: transparent !important;}
.accordion-item{margin-bottom: 0.25rem;}
.accordion-title {
    padding: 1.5rem 1rem;
	color: #000;
    font-size: 1rem;
	line-height: 1.3;
	font-weight: bolder;
}
.purple.accordion-title {
	padding: 1rem;
	background-color: #723e5b;
	color: #fff;
}
.purple.accordion-title:focus, .purple.accordion-title:hover {
    background-color: #6b3955;
	color: #fff;
}
.purple.accordion-content{
	background: #fff;
	border: none;
}
/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-bottom: 1rem;
  padding: 1em; 
  background-color: #fff;
  border-top: 5px solid #b0d236;
  }
.footer .widgets div{
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding-right: 1rem;
	color: #000;
	}
.footer h2{
	font-family: Gotham Narrow Medium, sans-serif !important;
	font-size: 1.25rem;
	text-transform: uppercase;
	}
.footer .widgets .textwidget{
	font-size: 0.875rem;
	color: rgba(0,0,0,0.8);
	}
	
.footer a{color: #000;}
.footer a:hover{color: #b0d236;}

/*********************
SOCIAL MEDIA ICONS
*********************/
.smi {
  font-size: 46px;
  line-height: 46px;
  color: rgba(176,210,54,0.8);
  text-shadow: 1px 2px 4px #FFF,0 0 0 #000,1px 2px 4px #FFF;
  margin-right: 0.5rem; 
  transition: all 0.7s ease 0s;
}
.smi:hover {
  text-shadow: 1px 6px 8px #FFF,0 0 0 #000,1px 6px 8px #FFF;
  }
		

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }
  
 /*********************
COOKIE
*********************/ 
#cookie-notice .button{
	background-color: #b0d236 !important;
	margin: 5px 10px;
	padding: 8px 15px;
	}
#cookie-notice .button:hover{
	background-color: #c3db6e !important;
}	
a#cn-accept-cookie{
	font-weight: bold;
	}
  
/*********************
NEWSLETTER
*********************/
#mc_embed_signup{
	clear:left; 
	width:100%;
	}
#mc_embed_signup input.email{
	height: 43px !important;
	width: 75% !important;
	padding: 14px 2% !important;
	border: none !important;
	line-height: 1rem;

	}
#mc_embed_signup .button{
	height: 43px !important;
	text-transform: uppercase;	
	letter-spacing: 0.1em !important;
	background-color: #000 !important;
/*	background-color: transparent !important;
	border: 2px solid #fff !important;
*/	}
#mc_embed_signup .button:hover{
	background-color: #ddd;
	}
  
/*********************
ALIGN
*********************/ 
/*.v-align-inner-div{
    display: flex !important;              /* establish flex container */
  /*  flex-direction: column !important;     /* stack flex items vertically */
   /* justify-content: center !important;    /* center items vertically, in this case */
   /* align-items: center !important;        /* center items horizontally, in this case */
   /* height: auto;
	min-height:100vh;       
 }/*
 #apra.v-align-inner-div{
	 height: 100vh;
	 }*/
	 
/* Used in header */	 
.v-align{
	display: flex !important;               /* establish flex container */
    align-items: center !important;   		/* vertically center flex items */
}


.middle > * {
  vertical-align: middle;
  display: block;
}
  
/*********************
MIXED
*********************/ 
.rotate2-right{
    /* Rotate div */
    -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);
}
/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

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

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }



/****************************************** FF ADDED */


/* *** HOVER EFFECTS *** */
/*Divi Blurb Module hover effects by yatesdesign.com.au*/
.blurb-hover .et_pb_column:hover {
 background: #0f2c41;
}
 
.blurb-hover .et_pb_blurb p {
 zoom: 1;
 filter: alpha(opacity=0);
 opacity: 0;
 -webkit-transition: opacity .2s,-webkit-transform .35s;
 transition: opacity .2s,transform .35s;
 -webkit-transform: translate3d(0,40px,0);
 transform: translate3d(0,40px,0);
}
 
.blurb-hover .et_pb_column:hover p {
 color: #fff;
 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
 zoom: 1;
 filter: alpha(opacity=1);
 opacity: 1;
}
 
.blurb-hover .et_pb_column:hover h6,
.blurb-hover .et_pb_column:hover span {
 color: #dc1d49;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}
 
.blurb-hover .et_pb_blurb h6,
.blurb-hover .et_pb_column:hover span {
 -webkit-transition: -webkit-transform .35s;
 transition: transform .35s;
 -webkit-transform: translate3d(0,40px,0);
 transform: translate3d(0,40px,0);
}
 
.blurb-hover .et_pb_column:hover .et-pb-icon {
 background-color: transparent !important;
 color: #fff !important;
 border-color: #fff !important;
 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}
 
.blurb-hover .et_pb_blurb .et-pb-icon {
 background: transparent !important;
 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
 -webkit-transform: translate3d(0,40px,0);
 transform: translate3d(0,40px,0);
}
 
.blurb-hover .et_pb_column {
 position: relative;
}
 
.blurb-hover .et_pb_button {
 zoom: 1;
 filter: alpha(opacity=0);
 opacity: 0;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
	
	
	
/* *** FONT STYLING *** */
.apra-page h2{
	margin-bottom: 1rem;
	text-transform: uppercase;
	font-size: 2rem;
	}	
	
	
/* *** BACKGROUND COLORS *** */	
.bg-light-green{background-color: #b0d236;}	
.bg-dark-green{background-color: #247138;}	
.bg-lilac{background-color: #723e5b;}	
.bg-white{background-color: #fff;}
.bg-gray{background-color: #f1f1f1;}		
.bg-black{background-color: #000;}	

/* *** BACKGROUND IMAGES *** */	
.bg-fullWidth-img{
	background-size: cover;
   /* background-attachment: fixed;
*/}
.header{    
/*    z-index: 30;
	width: 100%;
	*/
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	}
.header-apra{
	background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
	border-bottom: none;
}
.top-bar {
    background-color: transparent;

}
.rowinner{
	    position: initial;

	}
.apra-intro{position: relative;}
#apra{
   /* background-image: url('http://apra/wp-content/uploads/2017/02/CFAORoberto_Faidutti-1024x682.jpg');
	border-bottom: 10px solid #b0d236;
	height: 100vh;
*/
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
    position: relative;
    overflow: hidden;
	display: flex;
    align-items: center;
	min-height: 80vh;
}
/*.page-id-2 #apra{
	min-height: 100vh;
	}
*/
/*#apra .row div{
	width: 100%;
	max-width: 400px;
}*/

#apra .callout{
	border-radius: 50%;
    width: 330px;
    height: 330px;
    display: flex;
    align-items: center;
	justify-content: center;
}

#apra .callout,
#contact .callout,
#brochure .callout{
	background-color: rgba(255,255,255,0.85);
	margin: 1rem auto;
	padding: 2rem;
	border: none;
	text-align: center;
	overflow: auto;
}
#apra img{
	margin-top: 1rem;
	padding-bottom: 1rem;
	max-width: 200px;
	}
#intro{
	background-image: url('../images/APRA-symbol-900x900px.png');
    background-size: 500px 500px;
    background-repeat: no-repeat;
	background-position: top right;
    position: relative;
    overflow: hidden;
	display: block;
	border-top: 5px solid #b0d236;
	background-color: #f2f3f3;
	border-bottom: #eee;
	}

#publications{
    background-image: url('../images/women-field.jpg');
}
#brochure{
	background-image: url('../images/woman-field-19916346125_48c53872f7_k1920x1080px.jpg');
	background-position: bottom right;
	background-size: cover;
	position: relative;
	}
#brochure .callout{	
	text-align: left;
}
#brochure a.button.expanded{
	font-size: 0.85rem !important;
}
#videos{
   /* background-image: url('../images/Quick-cooking-beans-save-time%2C-fuel-%26-boost-nutrition-by-CIAT.jpg'); 
	background-position: center;
	position: relative;*/
    background-image: url(../images/APRA-symbol-900x900px.png);
    background-size: 500px 500px;
    background-repeat: no-repeat;
    background-position: top right;
    position: relative;
    overflow: hidden;
    display: block;
    background-color: #f2f3f3;
    border-bottom: #eee;	
}
#videos .large-6{
	padding-bottom: 20px;
	}
#videos .flex-video{
	margin-top: 1rem;	
	margin-bottom: 0;
}
#contact{
	background-image: url('../images/women_19941394411_1920x1080px.jpg');
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
    position: relative;
    overflow: hidden;
	display: flex;
    align-items: center;
	}
/* *** APRA SUB PAGES *** */
.apra-symbol{
	background-image: url('../images/APRA-symbol-900x900px.png');
    background-size: 600px 600px;
    background-repeat: no-repeat;
	background-position: top right;
    position: relative;
    overflow: hidden;
	display: block;
	z-index: 0;
	}

/* *** COLORS *** */
.color-black, .color-black a, a.color-black{color: #000;}	
.color-light-green{color: #b0d236;}	
.color-dark-green{color: #247138;}	
.color-lilac{color: #723e5b;}	
.color-white{color: #fff;}	

/* Colors -> links */
a .color-black.sm-text:hover{color: #723e5b;}

/* *** TEXT *** */
.sm-text{
	font-size: 0.875rem;
	}
.date{
	color: #a1a1a1;
	font-size: 0.75rem; 
	}

/* *** SMALLTEXT *** */
.smallText,
.smallText-white,
.smallText-grey,
.smallText-light-green,
.smallText-dark-green,
.smallText-lilac,
.smallText-black{
	font-weight: bold; 
	font-size: 0.75rem; 
	margin: 0.25rem 0;
	}	
.smallText{text-transform: uppercase;}
.smallText-white{color: #fff; }
.smallText-grey{color: #a1a1a1;}
.smallText-light-green{color: #b0d236; text-transform: uppercase; }	
.smallText-dark-green{color: #247138; text-transform: uppercase; }	
.smallText-lilac{color: #723e5b; text-transform: uppercase; }	
.smallText-black{color: #000; } 

/* Hover */
a.smallText-white:hover{
	color: #b0d236;
	}
a.smallText-light-green:hover,
a.smallText-dark-green:hover,
a.smallText-lilac:hover{
	color: #000;
	}	

/* *** COMPANY LOGOS / SPONSORS */
.company-logo{
    height: 120px !important;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home .company-logo{
	border: 1px solid #ddd;
}
.company-logo img{
	flex-shrink: 0;
    max-width: 100%;
    max-height: 100%;
}

/*********************
COUNTRY PAGE
*********************/
.research-section{background: #eee;}
.research-section img{box-shadow: 5px 0 20px rgb(0 0 0 / 35%);}

/* Medium and up */
@media screen and (min-width: 40em) {
	.pdf-accordion-research{clear: none !important;}
	.pdf-research{float: right;}
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.first-pdf{margin: 0 auto; float: none !important;}
}
/* *** SEARCH *** */





/* *** FAC PAGE *********************************************/

/* *** FAC - FRONT PAGE *** */
.home .columns{
	margin-bottom: 1rem;
	padding-left: 0.5rem; 
	padding-right: 0.5rem;
	}
.home .bottom-links{
	position: absolute;
	bottom: 15px;
	}
.home .about-fac{
	background-image: url('../images/africa-map-grey-500x600px.png');
    background-size: 167px 200px;
    background-repeat: no-repeat;
	background-position: bottom right;
    position: relative;
    overflow: hidden;
	display: block;
	background-color: #fff;
	}
.home .about-fac .callout{
	background-color: transparent;
	}
/* News & blog */
.text-on-image {
    position: relative !important;
}

.bottom-left {
	position: absolute;
    width:100%;
    bottom: 0px;
    left: 0px;
    padding: 8px 16px;
    background-color: rgba(0,0,0,0.5);
}



/* Zoom image */

.zoom {
   /* width: 100%;
    height: 100%; 
*/	overflow: hidden;   
}

.zoom img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.zoom:hover img {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}

/* Overlay image */

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: .5s ease;
  background-color: #000;
  opacity: 0.5;
}

.column:hover .overlay {
  opacity: 0.7;
}


	
	

.box-shadow{
-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1) !important;
	
	}
	
/* Front page -> Featured areas, Partners and publications */
.middle-areas{
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 3rem;
	padding-top: 1rem;
	border-top: 2px solid #723e5b;
	}
.middle-areas:first-of-type{
	}
.middle-areas .column:first-of-type{
	padding-right: 0.5rem;
	padding-bottom: 0.75rem;
	}
.middle-areas .column,
.middle-areas .column:hover{
	padding-left: 0;
	padding-right: 0;
	border: 2px solid #f1f1f1;	
    position:relative;
    float: left;
	}
	
.middle-areas .column h6{	
	width: 90%;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 0.85em;
	text-align:center;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.latest-publications .fi-arrow-right{color: #000;}
ul.post-categories{
	list-style-type: none;
	margin-left: 0;
	display: inline;}
ul.post-categories li{ display: inline; }

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

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

	/* APRA - Africa map width */
	#africa .hotspots-image-container{
		width: 50% !important;		
	}
}

@media screen and (max-width: 768px) {
	/* Mailchimp form */
	#mc_embed_signup input.email{
		width: 100% !important;
		padding-left: 4% !important;
		}
	#mc_embed_signup .button{
		width: auto;	
	}
}

/*@media screen and (min-width: 769px) {
    /* apra logo */
 /*   #apra img{
	max-width: 300px;	
	}
}*/



/* Small screens */
@media only screen { } /* Define mobile styles */

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) { 
section{padding: 3rem 0;}
h2{font-size: 1.75rem;}
.list-border h5{margin-top: 0.5rem;}

article {
    padding-right: 0;
    border-right: none;
}

} 

/* Medium screens */
/* min-width 641px */
@media only screen and (min-width: 40.063em) {

	 } 



@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.home .about-fac{
		background-size: 333px 400px;
	}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Small & Medium screens */
@media only screen and (max-width: 1024px) { 
}
/*  Large screens */
@media only screen and (min-width: 64.063em) { 
/*.page-id-2 .full-screen-menu ul li.houdini{display: none !important;}
*/


} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*  XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */


/* *** PDF SECTION COUNTRIES TEMPLATE *** */

.section {
	padding:60px 0 60px 0;
}

    .section.color-theme {
	padding:60px 0 40px 0;
}


.cpublications .button {
	margin-top:20px;
}


.button {
	margin-top:40px;
	margin-bottom:30px;
	z-index:1;
	position:relative;
}	

.cpublications .desc {
	width:65%;
}

.cpublications .publ, .info-section .publ, .info-section .related_docs .publ
 {
	width:35%;
	padding-left:15px;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	transition:0.3s all ease;
}

.info-section .publ {
	width:100%;
}

.cpublications .cpublication, .info-section .cpublication {
	border:1px solid #ececec;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	box-shadow:5px 0 20px rgba(0,0,0,0.15);
	margin-bottom:20px;
}

.cpublication.covereffect:before {
	content:"";
	background:url(images/3dEffect.png);
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.5;
}

.info-section .cpublication {
	float:right;
	box-shadow:5px 0 20px rgba(0,0,0,0.35);
}

.info-section .inner-content {
 	/*display:flex;
 	flex-direction:row;*/
 	font-weight:400;
}

.info-section .related_docs .inner-content, 
.info-section .related_news .inner-content {
 	display:block;
}

body .info-section p:last-child {
 	margin-bottom:0 !important;
}

/*.info-section .left-side {
	flex:1;
}*/

.info-section .right-side {
	width: auto;
	margin-left:10px;
	margin-top:50px;
}

@media only screen and (max-width: 599px){
	.info-section .right-side {
		float: none !important;
		width: 100%;
		max-width: 260px; 
    	margin: 30px auto 0;
	}
}

.info-section .right-image {
	width:50%;
	margin-left:20px;
	margin-right:-50px;

}


.btn {
	display:inline-block;
	padding:5px 20px 5px 20px;
	border:1px solid #fff;
	margin-right:20px;
	text-transform:uppercase;
	text-align:center;
	font-family:"Montserrat",Helvetica ,Arial, sans-serif;
	letter-spacing:4px;
	font-size:16px;
	margin-bottom:7px;
	position:relative;
}

.info-section .btn {
	min-width: 198px;
}

.btn:after {
	content:"";
	position:absolute;
	width:0;
	height:100%;
	background:#fff;
	left:0;
	top:0;
	z-index:-1;
}

.btn.pub:after {
	background:#111;
}

.btn:hover:after {
	width:100%;
	opacity:1;
	-webkit-transition:0.2s all ease;
	-moz-transition:0.2s all ease;
	-o-transition:0.2s all ease;
	-ms-transition:0.2s all ease;
	transition:0.2s all ease;
}


a.btn:hover {
	color:#fff !important;
}

.btn.pub {
	padding:5px 8px 4px 8px;
	border:1px solid #444;
	margin-right:7px;
	text-transform:uppercase;
	font-family:"Montserrat",Helvetica ,Arial, sans-serif;
	letter-spacing:1px;
	font-size:11px;
	font-weight:400;
	color:#444;
}

a.btn {
	color:inherit;
}

a.more-btn, a.malinky-load-more__button {
	font-family:"Montserrat",Helvetica ,Arial, sans-serif;
	display:block;
	margin-top:20px;
	color:#2A225B;
}

.malinky-load-more {
	text-align:left !important;
}

.malinky-ajax-pagination-loading img {
	width:30px !important;
	height:30px !important;
}

.media {
	font-size:24px;
	font-family:"Montserrat",Helvetica ,Arial, sans-serif;
	font-weight:500;
	margin-bottom:40px;
}

.media .col-4 a {
	color:inherit;
}

.media .col-4 {
	line-height:1.4 !important;
	margin-bottom:30px;
	font-weight:300;
}

.media .col-4:last-child {
	margin-bottom:0px;
}

.media .col-4 .source {
	font-size:0.6em;
	display:block;
	margin-top:15px;
}

.section-image {
	height:475px;
	overflow:hidden;
}

/* *** CALLOUT *** */
.blurb.callout{
	margin-top: 1rem;
	margin-bottom: 1rem;
	}
.blurb.callout,
.panel{
	background-color: rgba(255,255,255,0.9);

}
.blurb.callout:hover{
	background-color: #fff;

}

.callout {
	margin: 0 auto;
	padding: 2rem;
	border: none;
	-webkit-transition: background-color 0.5s ease-out;
  	-moz-transition: background-color 0.5s ease-out;
  	-o-transition: background-color 0.5s ease-out;
  	transition: background-color 0.5s ease-out;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 1s;
}
.callout.medium{
	padding: 1.75rem;	
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* Search bar */

/* {
  box-sizing: border-box;
}*/

.openBtn {
  background: rgba(255,255,255,0.9);
  border: none;
  padding: 10px 15px;
  font-size: 20px;
  cursor: pointer;
}

.openBtn:hover {
  background: #bbb;
}

.SearchOverlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.85);
}

.overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.SearchOverlay .closebtn {
  position: absolute;
  top: 25px;
  right: 40px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.SearchOverlay .closebtn:hover {
  color: #ccc;
}

.SearchOverlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  min-height: 3.5rem;
  background: white;
}

.SearchOverlay input[type=text]:hover {
  background: #f1f1f1;
}

.SearchOverlay button {
  float: left;
  width: 20%;
  min-height: 3.5rem;
  padding: 15px;
  background: #b0d236;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.SearchOverlay button:hover {
  background: #b0d236;
}



/*********************
?
*********************/

.filter-simple .button-group {
	text-align: center;
	margin-bottom: 30px;
}

#apra_publications .filter-simple-button{
	margin: 0 5px;
    padding: 15px 20px;
	border: none; 
	color: #fff; 
	font-size: 1rem; 
	font-weight: bold;
}
.filter-simple-button.gray, 
.button.hollow .filter-simple-button.gray:focus {background-color: #333 !important;}
.filter-simple-button.dark_green, 
.button.hollow .filter-simple-button.dark_green:focus {background-color: #006a5d !important;}
.filter-simple-button.light_green, 
.button.hollow .filter-simple-button.light_green:focus{background-color: #b0d236 !important;}
.filter-simple-button.purple, 
.button.hollow .filter-simple-button.purple:focus{background-color: #723e5b !important;}
.filter-simple-button.black, 
.button.hollow .filter-simple-button.black:focus{background-color: #000 !important;}
#apra_publications .filter-simple-button:hover,
#apra_publications .filter-simple-button:focus{opacity: 0.9;}
#apra_publications .filter-simple-button.is-active{opacity: 1;}

#apra_publications .working-paper .caption-text{border-left: 5px solid #006a5d;}
#apra_publications .policy-briefs  .caption-text{border-left: 5px solid #b0d236;}
#apra_publications .journal-articles .caption-text{border-left: 5px solid #723e5b;}
#apra_publications .other .caption-text{border-left: 5px solid #000;}

#apra_publications .caption-text{
	padding: 10px 15px;
    margin: 10px 0;
    background-color: #f1f1f1;
	transition: 0.3s;
}

#apra_publications .caption-text:hover{
    background-color: #e2e2e2;
}

#apra_publications .caption-text h3{
    font-size: 1.25rem;
	font-weight: bold;
    color: #000;
    margin-bottom: 0;
}

#apra_publications .caption-text h4,
#apra_publications .caption-text h4 a{
	color: #006a5d;
    font-size: 0.85rem;
    margin-bottom: 0;
}

#apra_publications .caption-text h5,
#apra_publications .caption-text h5 a{
    font-size: 0.85rem;
    color: #000;
}


/* APRA COUNTRY PAGES - OBJECTIVES */ 

.objectives {
	padding:5px;
}

.objectives li {
	border: 1px #fff;
	padding: 5px;
}


/* SEARCH AND FILTER PLUGIN */
.searchandfilter{
	background-color: #f1f1f1;
	padding: 20px;
}

.searchandfilter > ul > li {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
}

.searchandfilter ul li li {
    text-align: left;
}

.searchandfilter h4 {
    font-weight: bold;
}

.searchandfilter .sf-input-checkbox{margin-bottom: 0;}



/*********************
APRA COUNTRY PAGE
*********************/

ul.underline_box{
    list-style-type: none;
    margin-left: 0 !important;
}   
.underline_box li{
    font-weight: bold;
    background-color: #fff;
    border-bottom: 3px solid #723e5b;
    padding: 10px 15px;
    margin-top: 10px;
    transition: 0.3s;	
}

#apra:after{
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.09) 100%);
}


/*********************
COVID-19 BANNER
*********************/
#covid19{
	padding: 0 !important; 
	background-color: #000;
}

#covid19 img{
	display: block; 
	max-height: 100px;    
	margin: 0 auto;
}

/*************************
HACK TO INLINE PRINT-O-MATIC PRINT ICON
*************************/
.printomatic {
    display: inline-block;
}