/*
	Theme Name: SACPA - MEMBERS
	Author: Innermedia
	Author URI: https://www.innermedia.co.uk
	Theme URI: http://www.innermedia.co.uk

*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: 'Lato', sans-serif;
	font-size:17px;
	color:#787878;
	line-height:1.6;
}

.siteWrap {
	position:relative;
	overflow:hidden;
	width:100%;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height:auto;
}
a {
	color:#4b294a;
	text-decoration:none;
}
a:hover {
	color:#9a9868;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
}
h1,
h2 {
	font-family: bodoni-urw, serif;
	font-weight: 300;
	font-style: normal;
	text-transform:lowercase;
	line-height:1.1;
}
p {
	margin:0 0 1.4em;
}
h1{
	font-size:3em;
	color:#4b294a;
	margin:35px 0 20px;
}
h2{
	font-size:2.5em;
	color:#4b294a;
	margin:45px 0 10px;
}
h3 {
	font-size:1.4em;
	color:#4b294a;
	margin:0.5em 0 0.2em;
	font-weight:700;
	line-height:1.1;
}
h4 {
	font-size:1.3em;
	color:#4b294a;
	margin:0.5em 0 0.2em;
	font-weight:700;
	line-height:1.1;
}
@media (min-width:992px){
	h1{
	font-size:5em;
}
	h2{
		font-size:3.5em;
	}
	h3 {
		font-size:1.6em;
	}
	h4 {
		font-size:1.5em;
	}
}
@media (min-width:1200px){
	h1.homeHeader{
		font-size:6em;
	}
}
.link-block > a,
.button {
	display:inline-block;
	text-transform:uppercase;
	background:transparent;
	color:#9a9868;
	line-height:1.4;
	padding:10px 45px;
	border-radius:25px;
	border:solid 2px #9a9868;
	font-weight:700;
}
.link-block > a:hover,
.button:hover {
	background:#4b294a;
	border-color:#4b294a;
	color:#fff;
	text-decoration:none;
}
.link-block.attachment > a,
.link-block.weblink > a{
	max-width:460px;
	width:100%;
	padding-right:60px;
	position:relative;
}
.link-block.attachment > a:after,
.link-block.weblink > a:after{
	content:'';
	display:block;
	position:absolute;
	width:35px;
	height:25px;
	right:25px;
	top:50%;
	transform:translateY(-50%);
	background-repeat:no-repeat;
	background-position:center;
	transition:300ms;
}
.link-block.attachment > a:after{
	background-image:url(img/download.png);
	
}
.link-block.weblink > a:after{
	background-image:url(img/linkicon.png);	
}
.link-block.attachment > a:hover:after,
.link-block.weblink > a:hover:after{
	opacity:0;
}
/*Text Item*/
.textItem {
	position:relative;
}
.textItem .textContainer {
	padding-top:45px;
	padding-bottom:105px;
}

.textItem h2{
	font-size:3em;
}
@media (min-width:992px){
	.textItem h2 {
			font-size:5em;
	}
}
.backgroundText {
	font-family: bodoni-urw, serif;
    font-weight: 300;
    font-style: normal;
    text-transform: lowercase;
	opacity:0.5;
	line-height:0.7;
	vertical-align:bottom;
	color:#ececec;
	font-size:20vw;
	display:block;
		position:absolute;
		bottom:0;
		right:0;
		z-index:-1;
}

.textItem.imageText {
	background-color:#f4f4f4;
}
.imgtextImage {
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}


@media (min-width:768px){
	.imageText  .imgtextImage {
		position:absolute;
		top:0;
		height:100%;
		width:calc(50vw - 24px);
	}
	.imageText.position-Right .imgtextImage {
		left:15px;
	}
	.imageText.position-Left .imgtextImage {		
		right:15px;
	}
	.imgtextImage img{
		visibility:hidden;
	}
	.textItem .textContainer {
		padding-top:45px;
	}
}
@media (min-width:992px){
	.backgroundText {
		font-size:14vw;
		
	}	
	.imageText .imgtextImage {
		width:calc(50vw - 264px);
	}
	.textItem .textContainer {
		padding-top:45px;
	}
	
	.scrollaction .backgroundText {
		transform:translateX(100%);
		transition:400ms;
	}
	.scrollaction.active .backgroundText {
		transform:translateX(0%);
	}
}
@media (min-width:1200px){
	.imageText .imgtextImage {
		width:calc(50vw - 310px);
	}
	.textItem .textContainer {
		padding-top:105px;
	}
	.textItem.hometext .textContainer {
		padding-top:50px;
	}
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.well {
	padding:20px 30px;
	background:#f4f4f4;
}
form.search {
	width:100%;
	border:solid 3px #9a9868;
	position:relative;
	margin:10px 0;
	background:#fff;
	color:#000;
	font-size:16px;
	padding-right:40px;
}
form.search .search-input {
	width:100%;
	border:0;
	padding:5px 10px;
}
form.search .search-input::-webkit-input-placeholder { /* Edge */
  color: #b5b5b5;
}

form.search .search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b5b5b5;
}

form.search .search-input::placeholder {
  color: #b5b5b5;
}
form.search .search-input:focus,
form.search .search-submit:focus {
	outline:0;
}
form.search .search-submit {
	position:absolute;
	right:0;
	top:0;	
	font-size:0;
	border:none;
	height:100%;
	width:40px;
	background:transparent;
}
form.search .search-submit:before{
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size:20px;
	color:#000;
}


/*------------------------------------*\
    HEADER
\*------------------------------------*/
header.header {
	background:#4b294a;
	color:#fff;
	position:relative;
}
header.header a{
	color:#fff;	
}
header.header a:hover{	
	color:#9a9868
}
.header .logo {
	padding:40px 0 25px;
	text-align:center;
}
.header .headerGroup {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+70&0.65+0,0.45+35,0+70 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.45) 35%, rgba(0,0,0,0) 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.45) 35%,rgba(0,0,0,0) 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.45) 35%,rgba(0,0,0,0) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.headerTop {
	position:absolute;
	left:0;
	top:0;
	z-index:120;
	width:100%;
}
.headRight {
	padding:5px 0;
}
.headerSocials {
	display:inline-block;
	margin:0 5px;
	font-size:20px;
}
.headRight .headerSocials {
	display:none;
}
.headerSocials a{
	margin: 4px;
}
.button.portalsButton{
	border-color:#fff;
	padding:4px 35px;
	margin:0px 10px;
	display:inline-block;
}
.headRight .button.portalsButton{
	display:none;		
}
.button.portalsButton:hover{
	background:#fff;
	color:#9a9868;
	border-color:#9a9868;
}
.headRight .topSearch{
	font-size:20px;
	margin-left:10px;
	display:inline-block;
	display:none;
}
.topSearch .searchOpen {
	cursor:pointer;
}
.topSearch .searchOpenclose {
	position:absolute;
	top:100%;
	right:0;
	width:320px;
	display:none;
}

@media (min-width:768px){
	
	.headRight .button.portalsButton{
		display:inline-block;
	}
}

@media (min-width:992px){
	.headRight .topSearch{
		display:inline-block;
	}
	.headRight .headerSocials {
		display:inline-block;
	}
}

/*BANNER*/
#hero.banner {
	width:100%;
	position:relative;
	background:#000;
	height:380px;
}
#hero.banner.homeBanner {
	height:100vh;
	min-height:660px
}
#hero.banner:before {
	content:'';
	display:block;
	width:100%;
	padding-top:39.21%;
}
#hero.banner.homeBanner:before {
	padding-top:46.05%;
}
#hero.banner .cycle-slideshow{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
#hero.banner .slide {
	width:100%;
	height:100%;
}

#hero.banner .slide .slideImage{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0.9;
}
#hero.banner .slide .slideImage img{
	visibility:hidden;
}
#hero.banner .slide .slideText {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	color:#fff;
	bottom:10%;
}
#hero.banner .slide .slideTop {
	max-width:700px;
	font-size:40px;
	line-height:1.2;
	font-weight:700;
	margin-bottom:20px;
}
#hero.banner .slide .slideBottom {
	max-width:700px;
	font-size:17px;
}
#hero.banner .cycle-pager {
	position:absolute;
	z-index:110;
	width:3px;
	height:210px;
	max-height:90%;
	right:5%;
	top:50%;
	transform:translateY(-50%);
}
#hero.banner .cycle-pager:before {
	content:'';
	display:block;
	width:1px;
	left:1px;
	top:-1px;
	bottom:-1px;
	height:auto;
	position:absolute;
	background-color:#fff;
}
#hero.banner .cycle-pager span{
	width:3px;
	display:block;
	min-height:40px;
	position:relative;
}
#hero.banner .cycle-pager span.cycle-pager-active{
	background:#fff;
}
.subBanner {
	background:#B36EAF;
	position:relative;
	text-transform:uppercase;
	font-size:14px;
}
.subBanner:before {
    content: '';
    display: block;
    position: absolute;
    lefT: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.07) 30%, rgba(0,0,0,0) 70%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.07) 30%,rgba(0,0,0,0) 70%);
    background: linear-gradient(to right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.07) 30%,rgba(0,0,0,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=1 );
}
.subBanner a{
	display:block;
	text-align:center;
	color:#fff;
	border-right:solid 1px rgba(255,255,255,0.6);
	line-height:1.5;
	padding:5px;
}
.subBanner .col {
	padding:14px 0;
}
.subBanner .col:last-child > a{
	border-right:0;
}
.subBanner a:hover{
	color:#000;
	text-decoration:none;
	
}
@media (min-width:768px){
	#hero.banner {
		height:500px;
	}
	.subBanner .col {
		padding:23px 0;		
	}
}
@media (min-width:992px){
	
}
@media (min-width:1200px){
	#hero.banner,
	#hero.banner.homeBanner	{
		height:auto;
	}
	.subBanner {
		font-size:17px;
	}
}
/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/
/*General Main Menu style*/
.menu-header {
	font-size:17px;
	line-height:1.4;
}
.menu-header {
	text-transform:uppercase;	
}
.menu-header .sub-menu{
	text-transform:initial;	
}
.menu-header a {
	padding:15px 10px;
	display:block;
}
.menu-header .sub-menu a {
	padding:10px 10px;
	color:#fff;
}
.menu-header .sub-menu {
	background:rgba(0,0,0,0.45);
}
.menu-toggle {
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	margin:0 5px;
}
.menu-toggle span {
    vertical-align:middle;
  }
  .menu-toggle .menuIcon{
      position:relative;
      display:block;
      height:35px;
      width:35px;
      vertical-align:middle;
  }
  .menu-toggle .menuIcon span,
  .menu-toggle .menuIcon span:before,
  .menu-toggle .menuIcon span:after  {
    width:35px;
    position:absolute;
    content:'';
    height:4px;
    left:0px;
    top:12px;
    background:#4b294a;
    -ms-transition:300ms all linear;
    -moz-transition:300ms all linear;
    -webkit-transition:300ms all linear;
    transition:300ms all linear;
  }	
	.headRight .menu-toggle .menuIcon span,
	.headRight .menu-toggle .menuIcon span:before,
	.headRight  .menu-toggle .menuIcon span:after  {
		background:#fff;	  
	  }
    .menu-toggle .menuIcon span:before {
    top:10px;
    left:0;
  }
  .menu-toggle .menuIcon  span:after {
    top:-10px;
    left:0;
  }
  .menu-toggle.open .menuIcon span,
  .menu-toggle.permaclose .menuIcon span  {
    background:transparent;
  }
  .menu-toggle.open .menuIcon span:before,
  .menu-toggle.permaclose .menuIcon span:before{
      -ms-transform: translateY(-10px) rotate(45deg);
      -moz-transform: translateY(-10px) rotate(45deg);
      -webkit-transform: translateY(-10px) rotate(45deg);
      transform: translateY(-10px) rotate(45deg);
      background:#4b294a;
  }
  .menu-toggle.open .menuIcon span:after,
  .menu-toggle.permaclose .menuIcon span:after{
      -ms-transform: translateY(10px) rotate(-45deg);
      -moz-transform: translateY(10px) rotate(-45deg);
      -webkit-transform: translateY(10px) rotate(-45deg);
      transform: translateY(10px) rotate(-45deg);
      background:#4b294a;
  }
	.headRight .menu-toggle.open .menuIcon span:before,
	.headRight .menu-toggle.open .menuIcon span:after {
		background:#fff;
	}
/*Desktop Menu*/
.nav ul {
	list-style:none;
	padding:0;
	margin:0;
}

nav.nav li {
	display:inline-block;
	position:relative;
}
nav.nav li:hover {	
	background:rgba(0,0,0,0.45);
}
nav.nav a:hover {	
	color:#fff;
}

nav.nav li a:hover {	
	text-decoration:none;
}
nav.nav .sub-menu{
	position:absolute;
	top:100%;
	left:0;
	width:250px;
	display:none;	
	z-index:101;
}
nav.nav .sub-menu li{
	display:block;
}

nav.nav li:hover > .sub-menu{
	display:block;
}
nav.nav .sub-menu li:hover {
	background:rgba(255,255,255,0.45);
}

.desktopNav {
	display:none;
}	
@media (min-width:992px){
	.desktopNav {
		display:block;
	}	
	.menu-toggle {
		display:none;
	}
}

.mobileNav {
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	width:280px;
	background:#fff;
	border-left:1px solid #000;
	transform:translateX(280px);
	transition:400ms;
}
body.menuopen .mobileNav {
	transform:translateX(0px);
}

nav.mobileNav .menuheaderWrap {
	position:absolute;
	top:0;
	bottom:105px;
	width:100%;
	left:0;
	overflow-Y:scroll;
	padding:40px 0;
}
nav.mobileNav ul {
	list-style:none;
	padding:0;
	margin:0;
}
nav.mobileNav .menu {
	margin:10px 0;
}
nav.mobileNav .menu a{
	color:#000;
	padding:10px 10px;
}
nav.mobileNav li{
	position:relative;
}
nav.mobileNav li.menu-item-has-children > a {
	margin-right:40px;
}
nav.mobileNav li.menu-item-has-children > .arrow {
	width:40px;
	background:#000;
	color:#fff;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}
nav.mobileNav li.menu-item-has-children > .arrow:before {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color:#fff;
	position:absolute;
	top:10px;
	right:14px;
	transition:300ms;
	transform-origin:50% 50%;
}
nav.mobileNav li.menu-item-has-children.open > .arrow:before {
	transform:rotate(90deg);
}
nav.mobileNav .sub-menu {
	position:relative;
	z-index:2;
	background:#8C8C8C;
	display:none;
}
nav.mobileNav li.open > .sub-menu {
	display:block;
}
nav.mobileNav .sub-menu a {	
	padding-left:20px;
	color:#fff;
}
nav.mobileNav .menu a:hover,
nav.mobileNav .menu a:focus{
	background:#9a9868;
	color:#fff;
	text-decoration:none;
}

.mobileNav .mobNavBottom{
	background:#fcfcfc;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:105px;
	text-align:center;    
	height: 135px;
    padding-top: 5px;
}
.mobNavBottom .headerSocials {
	height:40px;
	padding-top:10px;
	text-align:center;
	display:block;
}
.mobNavBottom .button.portalsButton {
	background: #fff;
    color: #9a9868;
    border-color: #9a9868;
}
.mobNavBottom .button.portalsButton:hover {
    background: #9a9868;
    color: #fff;
    border-color: #9a9868;
}
.mobNavBottom .headerSocials a {
	color:#000;
}
@media (max-width:991.9999px){
	body.menuopen {
		overflow:hidden;
		margin-right:17px;
	}	
}
@media (min-width:992px){
	.mobileNav {
		display:none;
	}	
	
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footerBlocks {
	margin-top:40px;
}
/* footer */
footer.footer {
	background:#4f4f4f;
	color:#fff;
	padding:40px 0;
}
footer.footer .container{
	position:relative;
}
footer.footer a{
	color:#fff;
}
footer.footer a:hover{	
	color:#9a9868
}
footer.footer h3{
	color:#fff;
	font-size:1em;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
	margin:1em 0 1.2em;
}
footer.footer .footerLogo {
	display:none;
}
.footerSocials {
	font-size:24px;
	text-align:center;
}
.footerSocials a{
	display:inline-block;
	padding:5px;
}
.footerSpec {
	color:#b5b5b5;
}
footer.footer .footerSpec p {
	margin:0px;
}
footer.footer .footerSpec a{
	color:#b5b5b5;
}
footer.footer .footerSpec a:hover{	
	color:#9a9868
}
footer.footer .ftmenu {
	list-style:none;
	padding:0;
	margin:0;
}
footer.footer .ftmenu li{
	display:inline-block;
}
footer.footer .ftmenu li:before{
	content:' | ';
	display:inline;
}
footer.footer .ftmenu li:first-child:before{
	display:none;
}
@media (min-width:992px){
	footer.footer {
		padding:90px 0;		
	}
	footer.footer .footerLogo {
		margin:40px 0;
		display:block;
	}
	.footerSocials {
		position:absolute;
		right:0;
		bottom:0;
		width:40px;
	}
	footer.footer .footerSpec {
		padding-right:40px;
	}
}
@media (min-width:1200px){
	footer.footer .footerLogo {
		margin:80px 0 90px;
	}
	footer.footer .footerSpec {
		padding-right:60px
	}
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
#main {
	padding-bottom:40px;
}
.breadcrumbWrap {
	font-size: 17px;
    padding: 14px 0 20px;
    border-bottom: solid 1px #d4d4d4;
    line-height: 3.25em;
    max-height: 90px;
}
.breadcrumbs {
	line-height:1.4em;
	color:#b9b6b6;
	display:inline-block;
	vertical-align:bottom;
}
.breadcrumbs span {
	color:#9a9868;
}
.breadcrumbs > span{
	margin:0 10px;	
}
.breadcrumbs > span:first-child{
	margin-left:0;
}
.breadcrumbs a,
.breadcrumbs a span{
	color:#b9b6b6;
}


/*Sidebar*/
@media (min-width:768px){
	.sidebar {
		margin-right:15px;
	}
}
.sub-navigation {
	background:#4b294a;
	color:#fff;
	padding-top:90px;
	padding-bottom:90px;
}
.sub-navigation ul {
	padding:0;
	margin:0;
	list-style:none;
}
.sub-navigation .menu {
	position:relative;
	padding:60px 0;
}
.sub-navigation .menu:before,
.sub-navigation .menu:after {
	content:'';
	display:block;
	position:absolute;
	background-color:#927e92;
	height:1px;
	width:auto;
	left:40px;
	right:40px;
}
.sub-navigation .menu:before {	
	top:0;
}
.sub-navigation .menu:after {
	bottom:0;
}
.sub-navigation .menu li{
	
}
.sub-navigation .menu li a {
	display:block;
	padding:20px 40px;
	line-height:1.3;
	text-transform:uppercase;
}

.sub-navigation .menu li.current-menu-item > a,
.sub-navigation .menu li a:hover  {
	background:#fff;
	color:#4b294a;
	text-decoration:none;
}

.sub-navigation a{
	color:#fff;
}

.sidebarLinks {
	background:#fff;
	position:relative;
	padding:90px 0;
	
}
.sidebarLinks > ul{
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
}
.sidebarLinkBg {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0.2;
	position:absolute;
	top:0;
	lefT:0;
	righT:0;
	bottom:0;
}
.sidebarLinks a{
    display: block;
    padding: 20px 40px;
    line-height: 1.3;
    text-transform: uppercase;
	color:#4b294a;
}
.sidebarLinks a:hover{
	background:#4b294a;
	color:#fff;
	text-decoration:none;
}

.widgetitem {
	margin:30px 0;
}
.widgetitem:not(.widget_search){
	padding:10px 0;
	border-bottom:solid 1px #d4d4d4
}
.widgetitem h3 {
	margin-top:10px;
}
.widgetitem ul {
	list-style:none;
	padding:0px;
	padding-left:10px;
	margin:0;
}
/*Icon Blocks*/
.iconBlockWrap {
	background:#4b294a;
	color:#fff;
	padding:50px 0;
	position:relative;
}
.iconBlockWrap:before {
	content:'';
	display:block;
	position:absolute;
	lefT:0;
	top:0;
	width:100%;
	height:100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+70&0.15+0,0.07+30,0+70 */
background: -moz-linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.07) 30%, rgba(0,0,0,0) 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.07) 30%,rgba(0,0,0,0) 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.07) 30%,rgba(0,0,0,0) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.iconBlockWrap .container{
	position:relative;
}
.iconBlockWrap {
	text-align:center;
}
.iconBlockWrap a{
	color:#fff;
}
.iconBlockWrap a:hover {
	text-decoration:none;
}
.iconBlockWrap .item{	
	display:inline;
}

.iconBlockWrap .icon{	
	max-width:165px;
	width:100%;
	height:auto;
	text-align:center;
	background-color:rgba(0,0,0,0.15);
	transition:300ms all;
	border-radius:50%;
	margin:15px auto;
	position:relative;
	display:inline-block;
}
.iconBlockWrap .icon:before{	
	content:'';
	display:block;
	padding-top:100%;
	width:100%;
	position:relative;
}
.iconBlockWrap .iconBlockText {
	font-weight:700;
	
}

.iconBlockWrap .icon img{	
	vertical-align:middle;
	max-height:42%;
	width:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.iconBlockWrap a:hover .icon {	
	background-color:rgba(0,0,0,0.5);
}
.iconBlockWrap .button{
	margin:10px 0 30px;
	border-color:#fff;
	color:#fff;
}
.iconBlockWrap .iconBlockDetails {
	line-height:1.4;
	height:4.2em;
	width:100%;
	overflow:hidden;
}
.iconBlockWrap.homeicons {
	background-color:#9a9868;
}
@media (max-width:767.9999px){
.iconBlockWrap.homeicons .iconBlockDetails,
.iconBlockWrap.homeicons .button{
	display:none;
}
}
@media (min-width:992px){
	.iconBlockWrap .iconBlockText {
		font-size:30px;		
	}
}
/*Callout*/
.calloutItem {
	position:relative;
	background:#000;
	color:#fff;
	padding:90px 0;
}
.calloutItem .calloutImg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0.45;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;	
}
.calloutItem .calloutText {
	text-align:center;
	position:relative;
}
.calloutItem .calloutTitle{
    font-size: 3.5em;
    color: #fff;
    margin: 45px 0 10px;
	font-family: bodoni-urw, serif;
    font-weight: 300;
    font-style: normal;
    text-transform: lowercase;
}
.calloutItem a.button{
	background:#4b294a;
	border-color:#4b294a;
	color:#fff;
}
.calloutItem a.button:hover{
	background:#fff;
	color:#4b294a;
}

/*POIs*/
.sectorPOIs {
	padding-left:0;
	padding-right:0;
}
.no-js .poisCarousel.owl-carousel {
	display:flex;
}
.sectorPOIs .owl-carousel .owl-item .col {
	padding:0 0;
}
.sectorPOIs .col {
	display:flex;
}
.sectorPOIs .poi{
	display:block;
	width:100%;
	color:#fff;
	background:#000;
	position:relative;
	overflow:hidden;
}
.sectorPOIs .poi:hover{
	text-decoration:none;
}
.sectorPOIs .poi .poiTxt{
	position:relative;
	padding:30px 15px;
	font-size:20px;
	line-height:1.3;
	font-weight:700;
	width:100%;
	max-width:320px;
}

.sectorPOIs .poi .poiBG{
	opacity:0.8;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	transition:300ms;
}
.sectorPOIs .poi:hover .poiBG{
	opacity:0.6;
}
.sectorPOIs .owl-dots {
	height:10px;
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
	background:#fff;
	display:flex;
}
.sectorPOIs .owl-dots .owl-dot{
	display:flex;
	flex:1;
	height:10px;
	border-left:1px solid #ccc;
}
.sectorPOIs .owl-dots .owl-dot:first-child{
	border-left:none
}
.sectorPOIs .owl-dots .owl-dot.active{
	background:#4b294a;	
}
@media (min-width:360px){
	.sectorPOIs .poi:before {
		content:'';
		display:block;
		position:relative;
		width:100%;
		padding-top:100%;
	}
	.sectorPOIs .poi .poiTxt{
		position:absolute;
		top:0;
		left:0;		
	}
	
}
@media (min-width:768px){
	.sectorPOIs .poi:before {
		padding-top:162%;
	}
	
}
@media (min-width:992px){
	.sectorPOIs .poi .poiTxt{
		padding:30px 30px;
		font-size:22px;
	}
}
@media (min-width:1200px){
	.sectorPOIs .poi .poiTxt{
		font-size:30px;
	}
}
@media (min-width:1400px){
	.sectorPOIs .poi .poiTxt{
		padding:30px 50px;
	}
}

/*------------------------------------*\
    News
\*------------------------------------*/
.newsLoop {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:solid 1px #ccc
}
p.date {
	margin-bottom:10px;
}
.postTitle {	
    font-size: 3.5em;
}
.widgetitem h3 {
	font-size:2.2em;
	font-family: bodoni-urw, serif;
    font-weight: 300;
    font-style: normal;
    text-transform: lowercase;
}
.widgetitem ul {
	padding-left:0;
}
.widgetitem ul li{
	margin-bottom:5px;
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	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;
	}
}

/*
EVENTS
*/
.tribe-events-style-full.tribe-events-style-theme  .tribe-tickets-rsvp h2.tribe-events-tickets-title {
	font-size:30px;
	margin-bottom:10px;
}
.tribe-events-tickets {
	width:100%;
	font-size:16px;
}
.tribe-event-tickets-plus-meta-fields {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tribe-event-tickets-plus-meta-attendee {
	min-width:33.333%;
	flex:1;
}
.tribe-event-tickets-plus-meta-attendee>header {
	color:#000;
	font-weight:700;
	margin-bottom:5px;
}
@media (min-width: 768px) {
.tribe-events-tickets-rsvp .tribe-event-tickets-plus-meta input[type=email], .tribe-events-tickets-rsvp .tribe-event-tickets-plus-meta input[type=password], .tribe-events-tickets-rsvp .tribe-event-tickets-plus-meta input[type=text], .tribe-events-tickets-rsvp .tribe-event-tickets-plus-meta input[type=url], .tribe-events-tickets-rsvp .tribe-event-tickets-plus-meta textarea {
    width: 100%;
	margin-top:0;
}
}

/* Members*/

a.button.download  {
	max-width:460px;
	width:100%;
	padding-right:60px;
	position:relative;
}
a.button.download  span{
	font-size:14px;
	margin-left:1em;
	display:inline-block;
}
a.button.download:after{
	content:'';
	display:block;
	position:absolute;
	width:35px;
	height:25px;
	right:25px;
	top:50%;
	transform:translateY(-50%);
	background-repeat:no-repeat;
	background-position:center;
	transition:300ms;
	background-image:url(img/download.png);
}
.documentsList .document {
	padding-top:20px;
	padding-bottom:10px;
	border-bottom:solid 1px #ccc;
	margin-bottom:10px
}
h1.smlTitle {
	font-size:2.5em;
	text-transform:none;
	margin-top:55px;
}
#loginform {
	padding:10px 0;
    position: relative;
    margin: 10px 0;
    background: #fff;
    color: #000;
    font-size: 16px;
	max-width:100%;
	width:320px;
}
#loginform p{
}
#loginform .login-username > label,
#loginform .login-password > label {
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 3px;	
}
#loginform .login-username > input,
#loginform .login-password > input {
    font-size: 24px;
    line-height: 1.33333333;
    width: 100%;
    border-width: .0625rem;
    padding: .1875em .3125em;
    min-height: 40px;
    max-height: none;
	border: solid 3px #9a9868;
}
#loginform .login-submit{
	margin-bottom:0;
}
.loginWrap .returnto {
	font-size:14px;
}

/*Vacancies*/
.vacanciesList .archiveItem h2 {
	font-size:2em;
}
.vacanciesHeader h2 {
	font-size:2em;
}
@media (min-width:992px){
	.vacanciesTop .return {
		margin-top:60px;
	}
}
.documentBlock {
	margin:4rem 0;
}
.documentBlock .docLink a.button.download,
.documentBlock .docLink a.button{
	max-width:100%;
	width:100%;
}
.documentBlock .documentTitle {
	margin-bottom:0.6em;
}
.documentBlock .docLink {
    margin: 7px 0;	
}