/*

Theme Name: Disability Arts

Author: Surface Impression

Version: 1.0



yellow ebc807

green 33bba6

*/



body {

	font-family:  'open sans', sans-serif

}



.row {

	max-width: 1200px;

	margin: 0 auto;

	margin-bottom: 10px;

	margin-top: 30px

}



.column, .columns {

  padding-left: 0.45rem;

  padding-right: 0.45rem;

  }



#page-wrapper {

	padding: 15px 20px;

	background: #ecebe8;

	max-width: 1200px;

	margin: 0 auto;

}





h1 {font-size: 1.3em; font-weight: 600}

h2 {font-size: 1.3em; font-weight: 600}

h3, h4, h5, h6 {font-size: 1.1em; font-weight: 600}



ul {

	padding: 0

}



a {

	text-decoration: none;

	/**
	 * DM - 25/01/2017
	 *
	 * This way removed, not sure why?
	 * Support query from Colin asking why it changed
	 */

	/* color: #29BDA7; <-- not WCAG compliant */
	color: #008572;

}



p, li {

	font-size: 1em

}



.alignright {

	float: right;

	margin: 0 0 0 20px;

}



.alignleft {

	float: right;

	margin: 0 20px 0 0;

}



.aligncenter {

	display: block;

	margin: 0 auto

}



blockquote {

	border-left: 5px solid #dedede;

	padding-left: 15px;

	margin-left: 15px

}







/* HEADER -------------------------------- */

#header-top {

	margin-top: 0px

}

#header {

	margin: 0 0 10px 0;

}

#header .columns{

	padding: 0px

}

#logo {

	margin: -55px 0 0 0;

	display: inline-block;

}



#logo img {

	width: 100%;

	height: auto;

	max-width: 	196px

}

#logo span {

	visibility: hidden;
	color: #000;

}



#strapline {

	float: right;

	text-align: right;

	background: url(img/brush-white.png) top left no-repeat;

	background-size: contain;

	width: 300px;

	height: 65px;

	font-weight: bold;

	padding: 8px 20px 0 0;

	line-height: 130%

}





#social {

	background: url(img/brush-grey.png) top left no-repeat;

	background-size: cover;

	padding: 15px 35px 15px 40px;

	float: right;

	margin: 10px 0 5px 0;

	width: 640px;

}



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

		#social {

			background: url(img/brush-grey.png) top left no-repeat;

			background-size: contain;

			padding: 15px 25px 15px 0;

			width: 600px;

		}

	}





.fa {

	background: #000;

	padding: 6px 0;

	border-radius: 50%;

	text-align: center;

	width: 30px;

	height: 30px;

	color: #fff	;

	font-size: 125%  !important;

	-moz-os-font-smoothing: grayscale;

  	-webkit-font-smoothing: antialiased;

  	text-rendering: optimizeLegibility;

}



#social a:hover .fa, #follow a:hover .fa {

	background: #ebc807

}





#social a {display: block; float: left; width: 30px; height: 30px; margin: 0px 3px 0 0;  }

#follow a {display: block; float: left; width: 30px; height: 30px; margin: 0px 5px 0 0;  }

#social a span {visibility:hidden; color: #000;}

#social a.social-m {width: auto; padding: 0; margin: -3px 15px 0 0; color: #000; font-size: 80% }



.fa-envelope-o {

	background: none; color: #000;

	font-size: 165%  !important;

	margin: 2px 0 0 0

}



#social a:hover .fa.fa-envelope-o {

	background: none

}



#search {

	margin: 5px 0 0 20px;

	width: 250px;

	float: right

}



#search ul, #search li {

	margin: 0; padding: 0

}





#search input.sf-input-text, .search-directory input.sf-input-text, .search-directory .sf-input-select, .author-search {

	height: 30px;

	padding: 2px 5px !important;

	border: 1px solid #000;

	margin: 0px;

	padding: 0px;

	border-radius: 0px;

	width: 100%

}

.search-directory .sf-input-select, .search-directory .sf-input-text, .author-search {

	width: 200px;

	font-size: 1em

}



.sf-field-submit input {

	height: 30px;

	padding: 2px 5px;

	border: none;

	border-radius: 0px;

	color: #fff;

	background: #000

}



.search-tag {

	background:#ebc807;

	padding: 0px 7px;

	margin: 0 5px 0 0;

	text-transform:capitalize

}



::-webkit-input-placeholder {

    color:    #333;

	padding-left: 5px;

	font-size: 1em;

	 opacity:  1 ;

}

:-moz-placeholder {

   color:    #333;

   opacity:  1;

  	text-indent: 2%;

	font-size: 1em

}

::-moz-placeholder {

   color:    #333;

   opacity:  1;

  	text-indent: 2%;

	font-size: 1em

}

:-ms-input-placeholder {

   color:    #333;

   	padding-left: 10px;

	font-size: 1em

}

:placeholder-shown {

  color:    #333;

  	padding-left: 5px;

	font-size: 1em

}



/* ACCESSIBILITY BAR -------------------- */

#accessibility {

	padding: 10px 0 0 0;

	margin: 0px;

}



#accessibility li {

	float: left;

	list-style: none;

	font-size: 0.8em;

	margin: 0 5px 0 0;
	position:relative;

}





#accessibility li a {

	display: block;

	color: #000;

	padding: 2px 8px;

	background: #ecebeb;

	border-radius: 0;

	font-size: 1.1em;

	text-align: center;

	border-radius: 2px



}



#accessibility .wp_user_stylesheet_switcher {

	/* color: #ecebeb; */
	color: #000;
	width: 9em;
    display: block;

}

#accessibility .wp_user_stylesheet_switcher_button_s0 {

	width: 115px;

    border: none;

	background: #ecebeb;

	padding-left: 0px;

	border-radius: 2px;

	color: #000;

	text-align: right;

	margin-top: -15px;
	    top: 15px;
    position: absolute;
    text-align: center;
    padding-left: 5px;

}





/* header responsive adjustments */

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

#page-wrapper {

	margin-top: -17px;

}

#logo {

	margin-top: 10px;

	margin-left: -18px

}



#header {

	margin: 0 0 10px 0;



}



#strapline {

	text-align: left;

	margin: 35px 0 0 0;

	width: 90%;

	background: none;

	height: auto

}



#strapline br {

	display: none;

}

#social {

	background: none;

	padding: 0px

}



#social-icons {

	position: fixed;

	top: 5px;

	right: 10px;

	z-index: 1000;

}





#search {

	display: none



}



#main {

	margin-top: -60px

}

#accessibility {
	margin-top: 45px
}

}

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

	#strapline {

		margin: 20px 0 0 0;

	}

}



/* NAVIGATION ---------------------------- */

#menu-main {

	float: right;

	margin: 10px 0px

}



#menu-main li {

	float: left;

	list-style: none;

	text-transform: uppercase;

	font-size: 1em;

	margin: 0 0 0 5px;

	line-height: 100%;

}



#menu-main li a {

	color: #fff;

	display: block;

	padding: 6px 7px 6px 7px;

	text-decoration: none;

	background: url(img/bg-nav.png) center center no-repeat;

	background-size: cover

}

#menu-main li a:focus {
	opacity: 0.8;
}

body #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment-date{
	font-size: inherit;
}



#menu-main li a:hover, #menu-main li.current-menu-item a, #menu-main li.current_page_parent a,

.single-projects #menu-main li#menu-item-327 a,

.single-news #menu-main li#menu-item-92 a,

.single-opinion #menu-main li#menu-item-92 a,

.single-collections #menu-main li#menu-item-92 a,

.post-type-archive-showcase #menu-main li#menu-item-92 a,

.post-type-archive-opinion  #menu-main li#menu-item-92 a,

.post-type-archive-news  #menu-main li#menu-item-92 a,

.term-review  #menu-main li#menu-item-92 a,

.term-opinion  #menu-main li#menu-item-92 a,

.term-interview  #menu-main li#menu-item-92 a,

.term-organisation #menu-main li#menu-item-1381 a,

.term-artist #menu-main li#menu-item-1381 a,

.single-directory #menu-main li#menu-item-1381 a,

.post-type-archive-directory  #menu-main li#menu-item-1381 a,

.single-events #menu-main li#menu-item-1380 a,

.post-type-archive-events  #menu-main li#menu-item-1380 a,

.single-jobs #menu-main li#menu-item-1382 a,

.post-type-archive-jobs  #menu-main li#menu-item-1382 a,

.single-post #menu-main li#menu-item-90 a,

.archive.category #menu-main li#menu-item-90 a,

.post-type-archive-collections #menu-main li#menu-item-92 a {

	background: url(img/bg-nav-hover-contrast.png) center center no-repeat;

	background-size: cover

}





#nav-toggle span {

	/* font-size: 1px; <-- are you kidding me */

	color:#fff;

}



/* navigation responsive adjustments */

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

		#menu-main li {

		float: left;

		list-style: none;

		text-transform: uppercase;

		font-size: 0.8em;

		margin: 0 0 0 2px

	}

	}

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

		#nav-toggle {

		position: fixed;

		left: 0px;

		top:0px;

		width: 100%;

		background: #d9d9d7;

		cursor: pointer;

		padding: 18px 10px 25px 10px;

		z-index: 1000

		}



		#nav-toggle span {

			font-size: 1px;

			color:#fff

		}



		#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {

		  cursor: pointer;

		  border-radius: 1px;

		  height: 4px;

		  width: 30px;

		  background: #333;

		  position: absolute;

		  display: block;

		  content: '';

		}

		#nav-toggle span:before {

		  top: -10px;

		}

		#nav-toggle span:after {

		  bottom: -10px;

		}



		#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {

		  -webkit-transition: all 500ms ease-in-out;

		  transition: all 500ms ease-in-out;
		  text-indent:-2000px;

		}

		#nav-toggle.active span {

		  background-color: transparent;

		}

		#nav-toggle.active span:before, #nav-toggle.active span:after {

		  top: 0;

		}

		#nav-toggle.active span:before {

		  -webkit-transform: rotate(45deg);

		  transform: rotate(45deg);

		}

		#nav-toggle.active span:after {

		   -webkit-transform: rotate(-45deg);

		  transform: rotate(-45deg);

		}



		#nav {

			position: fixed;

			top: 45px;

			left: 0px;

			background: #d9d9d7;

			z-index: 102;

			width: 98%;



		}



		#menu-main li {

			float: none;

			list-style: none;

			text-transform: uppercase;

			font-size: 1.1em;

			margin: 2px;

			width: 100%

		}

		#menu-main li a {width: 100%; padding: 10px 15px}

		#menu-main {

			position: relative;

			z-index: 102;

			margin: 0 0 0 5px;

			width: 100%

		}

	}
.sub-nav {margin-top: 5px}
.sub-nav li {
	list-style: none;
	border-bottom: 1px solid #000
}

.sub-nav li a {
	padding: 5px 0;
	display: block;
}

.sub-nav li.current_page_item a {
	color: #666
}

/* SLIDER -------------------------------- */

.cycle-slideshow {

	position: relative;

	overflow: hidden;

	/*max-height: 380px;*/

}

.cycle-slideshow div {

	/*max-height: 380px;	*/

}

.custom-caption{

	position: absolute;

	top: -20px;

	left: -20px;

	width: 280px;

	height: 250px;

	background: url(img/slider-bg.png) top left no-repeat;

	z-index: 101;

	padding: 55px 50px;

}



.custom-caption h2 {

	color: #000;

	text-transform: uppercase;

	letter-spacing: 0.25px;

	margin: 0px;

	line-height: 120%;

	font-size: 1.5em;

	margin: 0 0 10px 0

}



.custom-caption span {

	color: #000

}



 .custom-caption span {

	font-size: 1.3em;

	font-weight: 600

}



.cycle-slideshow img, .cycle-slideshow div {

	width: 100%

}



#twitter-widget-0 .header {

	display: none !important

}



/* Slider responsive adjustments */





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

	.cycle-slideshow {margin-top: -30px}

	.custom-caption{

		top: -25px;

		width: 200px;

		height: 200px;

		background: url(img/slider-bg.png) top left no-repeat;

		background-size: contain;

		padding: 40px 30px;

	}

	.custom-caption h2, .custom-caption span {

		font-size: 1em;

		line-height: 110%;

		margin: 0 0 5px 0

	}

	}

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

	.custom-caption{



		width: 160px;

		height: 160px;

		background: url(img/slider-bg.png) top left no-repeat;

		background-size: contain;

		padding: 30px;

	}

	.custom-caption span {

		font-size: 0.9em;

		display: block

	}



	}



/* BOXES ------------------------------------ */

.box-white {

	background: #fff;

	padding: 0 15px 15px 15px

}



.hover-box {

	background-color: #dfdedc;

	min-height: 266px

}





.hover-box.small {

	min-height: 205px

}



.hover-box.large {

	max-height: 280px;

	overflow: hidden

}





.hover-box h2, .hover-box h3, .hover-box h4 {

	margin: 5px 0 5px 0;

	line-height: 130%;

	font-size: 1.1em;

	font-weight: 600

}



.hover-box p {

	font-size: 1em;

	line-height: 140%;

	margin: 0px

}



.hover-box, .hover-box img {

	position: relative;

	z-index: 0

}



.hover-box img {

	width: 100%;

	height: auto;

}



.grow {

  padding: 5px 10px;

  height: 55px;

  width: 100%;

  float: left;

  position: absolute;

  bottom: 0px;

  left: 0px;

  transition: height 0.5s;

  -webkit-transition: height 0.5s;

  text-align: left;

  overflow: hidden;

  color: #fff

}

.hover-box a:hover .grow {

  height: 75px;

}



.grow-green {

	background: #29bda7;

	height: 35px;

}



.grow-yellow {

	background: #ebc807;

	height: 55px;

	color: #000;

}





.grow-green h3, .grow-yellow h3,

.grow-green h4, .grow-yellow h4 {

	margin: 2px;

	line-height: 120%

}



.grow-black {

	background: #000 url(img/brush-showcase.png) left bottom repeat-x;

	height: 90px;

}



.hover-box a:hover .grow-black {

  height: 110px;

  background: #000 url(img/brush-showcase2.png) left bottom repeat-x;

}



.grow-black-yellow {

	background: #000 url(img/brush-yellow1.png) left bottom repeat-x;

	height: 105px;

}



.hover-box a:hover .grow-black-yellow {

  height: 125px;

  background: #000 url(img/brush-yellow2.png) left bottom repeat-x;

}



.hover-box .grow-black-yellow-sml {

	background: #000 url(img/brush-yellow1.png) left bottom repeat-x;

	height: 70px;

}



.hover-box a:hover .grow-black-yellow-sml {

	background: #000 url(img/brush-yellow2.png) left bottom repeat-x;

	height: 90px;

}



.grow-black-green-sml {

	background: #000 url(img/brush-showcase.png) left bottom repeat-x;

	height: 60px;

}



.grow-black-green-sml:hover {

  height: 80px;

  background: #000 url(img/brush-showcase2.png) left bottom repeat-x;

}



.grow-black-green {

	background: #000 url(img/brush-showcase.png) left bottom repeat-x;

	height: 120px;

}



.hover-box a:hover .grow-black-green{

  height: 135px;

  background: #000 url(img/brush-showcase2.png) left bottom repeat-x;

}



.grow-black2 {

	background: #000 url(img/brush-showcase.png) left bottom repeat-x;

	height: 115px;

}



.hover-box a:hover .grow-black2 {

  height: 135px;

  background: #000 url(img/brush-showcase2.png) left bottom repeat-x;

}



.grow-black3 {

	background: #000 url(img/brush-showcase.png) left bottom repeat-x;

	height: 125px;

	position: absolute;

	bottom: -100px;

	left: 0px;

}



.hover-box a:hover .grow-black3 {

  height: 145px;

  background: #000 url(img/brush-showcase2.png) left bottom repeat-x;

}



.grow-black3 span {

	display: block;

	font-size: 90%;

	line-height: 150%

}

/* box responsive adjustments */

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

.hover-box {

	min-height: 220px

}

.hover-box.large {

	height: 220px;

	overflow: hidden

}



.hover-box.small {

	min-height: 120px

}



.hover-box h2, .hover-box h3, .hover-box h4 {

	font-size: 1em;

	font-weight: normal

}





}



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

.hover-box {

	height: auto !Important

}

.grow-black3 {

	margin-bottom: 95px

}

}





/* HEADING STYLES --------------------------- */

.box-header {

	margin-bottom: 10px

}

.callout {

    position:relative;

    padding:8px 15px;

    top: -18px;

	left: 0px;

    color:#fff;

    background:#000;

	text-transform: uppercase;

	display: inline-block;

	height:40px;

	margin: 0;

    margin-bottom:-33px;

	font-size: 1.4em;

	line-height: 100%;

	font-weight: bold;

}



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

		.callout {

			font-size: 1.2em;

		}

	}







.callout:before {

    content:"";

    position:absolute;

    bottom:-16px;

    left:10px;

    border-width:0 0 18px 12px;

    border-style:solid;

    border-color:transparent #000;

}



.whatson-title {

	background: url(img/title-yellow.png) top left no-repeat;

	background-size: contain;

	width: 150px;

	height: 50px;

	color: #000;

	text-transform: uppercase;

	display: inline-block;

	padding:5px 12px 6px 15px;

	line-height: 100%;

	position: absolute;

	left: 7px;

	top: -16px;

	z-index: 10;

	font-size: 1em;

	font-style: italic;

	letter-spacing: 0.5px

}

.heading-link {

	float: right;

	color: #000;

	display: block;

	padding: 10px 25px 5px 15px;

	background: url(img/arrow.png) right 18px no-repeat;

	background-size: 15px;

	font-weight: bold;

}

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

		.heading-link {

			font-size: 90%

		}

	}



.heading-link2 {

	background: url(img/arrow.png) right 5px no-repeat;

	background-size: 15px;

	font-weight: bold;

	padding: 0 22px 0 0;

}



h2.yellow-title, .yellow-title {

	background: #ebc807 url(img/title-box-yellow.png) center bottom no-repeat;

	color :#000;

	line-height: 100%;

	padding: 10px 0 22px 15px;

	margin: 0 0 20px -8px;

	}



h2.green-title, .green-title {

	background: #29bda7 url(img/title-box-green.png) center bottom no-repeat;

	color :#fff;

	line-height: 100%;

	padding: 10px 0 25px 15px;

	margin: 0 0 20px -8px;

	}





.yellow-line {

	background: url(img/yellow-line-1.png) center bottom no-repeat;

	background-size: contain;

	display: block;

	margin: 15px 0;

	padding: 8px 0 6px 0

}



.listing.yellow-line {

	margin: 0;

	padding: 0 0 0 15px

}



.green-line {

	background: url(img/green-line.png) center bottom no-repeat;

	background-size: contain;

	display: block;

	margin: 15px 0;

	padding: 8px 0 6px 0

}



.listing.green-line {

	margin: 0;

	padding: 0 0 0 15px

}





/* LISTS ------------------------------------ */

.link-list {

	list-style: none;

	margin: 0 0 0 20px

}



.link-list a {

	color: #000

}



.link-list a:hover {

	color: #29bda7

}



.link-list li {

	font-weight: 600;

	margin: 1px 0;

	font-size: 95%

}



.link-list li.see-all {

	font-size: 120%;

	border-top: 1px solid #000;

	margin-top:	10px

}



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

	.link-list {

		margin: 0 0 07px

	}



	.link-list li {

		margin: 3px 0;

		font-size: 90%

	}



	.link-list li.see-all {

		font-size: 110%;

		border-top: 1px solid #000;

		margin-top:	5px

	}

	}



/* HOME -------------------------------------- */

#hp-magazine-box {

	background-size: 67%

}



#hp-blog-box {

	background-size: 70%

}



.event-box {

	background: #000;

	position: relative;

	height: 230px;

	overflow: hidden

}



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

		.event-box   {

			height: 170px

		}

	}



.event-box img{

	opacity: 0.3;

	transition: opacity .35s ease-in-out;

   -moz-transition: opacity .35s ease-in-out;

   -webkit-transition: opacity .35s ease-in-out;

}



.event-box img:hover {

	opacity: 1

}



.event-box a span {

	color: #fff;

	background: url(img/arrow-white.png) center  right no-repeat;

	background-size: 15px;

	padding-right: 25px;

	position: absolute;

	bottom: 10px;

	left: 13px;

	display: inline-block;

	font-size: 120%;

	font-style: italic;

	font-weight: 600;

	letter-spacing: 0.25px

}



#home-sidebar h3 {

	margin: 10px 0 0 0

}

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

	#home-sidebar  {

		min-height: 570px;

	}

}



/* home page responsive adjustments */

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

	#home-tweet-box {width: 70%; float: left}

}

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

	#hp-magazine-box {background-size: 55%}

	#hp-blog-box {background-size: 65%}



}



@media screen and (min-width: 661px) and (max-width: 767px) {

	#hp-magazine-box {background-size: 50%}

	#hp-blog-box {background-size: 60%}

	#home-tweet-box {width: 100%; float: none}

}



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

	#hp-magazine-box, #hp-blog-box  { background-image: none}

	.hover-box {margin-bottom: 15px	}

	#home-tweet-box {width: 100%; float: none}

	#home-sidebar {

		margin: 20px 0 0 0

	}

}





/* CTA BUTTONS ------------------------------- */

.cta {

	width: 100%;

	height: 92px;

	display: block;

	margin: 17px 0 0 0;

	position: relative;

	font-size: 150%

}



.cta a {

	color: #fff;

	display: block;

	width: 100%;

	text-transform: uppercase;

	text-align: center

}



#cta1 {

	position: relative;

	color: #fff;

	margin: 25px 0 0 0;

	display: block;

	font-size: 160%;

	text-transform: uppercase

}



#cta1 span {position: absolute; z-index: 10; padding: 26px 0 0 75px; background: url(img/icon-speaker-contrast.png) 15px 25px no-repeat; background-size: 45px}



#cta1:hover span {

	/* color: #000; */
	text-decoration: underline;
	/* background: url(img/icon-speaker2-contrast.gif) 15px 25px no-repeat; background-size: 45px */

}



#cta2 {

	background: url(img/cta2-contrast.png) top left no-repeat; background-size: contain;

	font-size: 160%;

}



#cta2:hover a{

	/* background: url(img/cta2-hover.png) top left no-repeat; background-size: contain; */

}



#cta2 a {

	padding:25px 0 0 0;

}



#cta2:hover a {

	/* color: #000 */
	text-decoration: underline;
	color: #fff;

}



#interview-buttons {

	margin: 30px 0px;

	clear: left

}



.button-link {

	margin: 10px 0 15px 0;

	padding: 5px 25px 5px 15px;

	background: #fec106 url(img/arrow.png) 95% center  no-repeat;

	background-size: 15px;

	color: #000;

	width: 100%;

	font-weight: bold;

	display: block

}



/* CTA Button responsive adjustments */

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

#cta1 {width: 100%; font-size: 140%;  }

#cta1 span {padding: 27px 20px 5px 75px; }

#cta2 a {padding:20px 0 0 0;	}

}

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

#cta1 {line-height: 120% }

#cta1 span {padding: 20px 20px 5px 75px; }

#cta2 a {padding:17px 0 0 0;	}

}



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

#cta2 {font-size: 130%}

#cta2 a {padding: 12px 0;}

}

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

#cta2  {

	background: #29bda7 url(img/arrow-white.png) 95% 55% no-repeat;

	background-size: 15px;

	width: 100%;

	height: auto;

	padding: 10px 40px 5px 10px;

}



#cta2:hover  {

	background: #29bda7 url(img/arrow.png) 95% 55% no-repeat;

	background-size: 15px;

	}



#cta2 a {padding: 2px 0;font-size: 0.9em;}

}

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

#cta1 {width: 100%; font-size: 115%; line-height: 120%; margin: 20px 0}



#cta1 span {position: absolute; z-index: 10; padding: 5% 20px 0 60px; background: url(img/icon-speaker.gif) 12px 28px no-repeat; background-size: 35px}



#cta1:hover span {

	color: #000;background: url(img/icon-speaker2.gif) 15px 28px no-repeat; background-size: 35px

}

}



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

#cta1 {width: 100%; font-size: 100%; line-height: 120%  }



#cta1 span { padding: 7% 20px 0 60px;}

}



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

#cta1 {width: 100%; font-size: 90%; line-height: 120%  }

#cta1 span { padding: 9% 20px 0 55px; }

}



/* STANDARD PAGE ----------------------------- */

.attachment-post-thumbnail {

	float: right;

	max-width: 50%

}







.wp-caption {

	/*max-width: 100% !important;*/
	max-width: 100%;

	margin-top: 20px

}



.wp-caption img {

	/*width: 100%  !important;*/
	width: 100%;

	height: auto  !important

}



.wp-caption-text {

	font-size: 90%;

	margin: 0 0 20px 0;

	padding: 5px 10px;

	background: #f1eac2;

}



/* MAGAZINE ---------------------------------- */

#showcase-home .medium-4 {

	float: left;

	margin-bottom: 20px

}



#showcase-home .hover-box {

	height: 200px;

}



.video .video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

	background: #29bda7;



}



.video .video-container iframe,

.video .video-container object,

.video  .video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

	padding: 25px

}



iframe {

	display: block;

	margin: 0 auto;

	margin-bottom: 15px



}



.photos-top img {

		width: 100%;

		height: auto;

		margin: 20px 0

}



.gallery-item .wp-caption-text {

	background: none

}



/* ARTICLES ---------------------------------- */

.entry-header {

		background: url(img/green-line.png) left bottom no-repeat;

		background-size: 100%;

		padding: 0 0 20px 0

}



.entry-header-yellow {

		background: url(img/brush-yellow.png) left bottom no-repeat;

		background-size: 100%;

		padding: 0 0 20px 0

}

.entry-heading-green {

	background: #33bba6 url(img/brush-green3.png) left bottom repeat-x;

	color :#000;

	padding: 5px 10px 18px 10px

}

.entry-heading, .page-template-default h2, h2.dash-title {

	background: #000 url(img/heading-bg.png) left bottom repeat-x;

	color :#fff;

	padding: 5px 10px 18px 10px

}



.entry-date {

	/* background: url(img/brush-grey.png) top left repeat-y; */

	background-size: contain;

	padding: 5px 0 0 0;

	font-size: 85%;

	margin-left: 0px;

	display: block

}





.featured-image {

	float: right;

	margin: 0 0 0 20px

}



.entry-content .wp-post-image {

	float: right;

	margin: 0 0 0 20px;

}



.entry-content ul {

	margin-left: 25px

}



.entry-content h4 {

	margin-bottom: 0px

}

.newspost1-1, .newspost1-2, .newspost1-3 {
	display: none
}

/* BLOG HOME PAGE ----------------------------- */

.blog-list h2 {

	 padding: 0px; margin: 0px

}



.blog-list h2 a {

	 padding: 0px; margin: 0px

}



.blog-list .entry-date{

	margin: 5px 0 0 -5px

}







#blog-intro .wp-caption {

	border: 1px solid #333 !important;

	padding: 5px;

	padding-bottom: 0

}



#blog-intro .wp-caption-text {

	margin: 7px 0

}



.author-name {

	margin: 8px 0 0 0;

	padding: 0px;

	line-height: 100%;

	font-size: 90%;

	font-weight: bold

}



.ppt /* lightbox plugin */{

	background: #fff;

	color: #000 !important;

	padding: 5px 10px;

	font-size: 120% !important;

	margin-left: 3px !important

}



#comments {

	margin-top: 45px

}



.wc-comment-title {

	font-size: 100% !important	;

	text-align: left !important;

	line-height: 140% !important

}



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

.event-row {

	 padding: 5px 15px;

	 margin: 0px

}

.event-content {

	background: url(img/yellow-line-1.png) left bottom no-repeat;

	padding: 0px 0 30px 0;

	background-size: contain;

	overflow: auto

}



.event-content ul {

	margin-left: 20px

}



.event-location {

	background: url(img/yellow-line-1.png) left bottom no-repeat;

	padding: 0 10px 10px 10px;

	background-size: contain

}



.event-heading {

	background: #ffc000 url(img/heading-bg-yellow.png) left bottom repeat-x;

	color :#000;

	padding: 5px 10px 18px 10px

}



.event-time {

	background: url(img/yellow-line-1.png) left bottom no-repeat;

	padding: 0px 0 10px 0;

	background-size: contain;

	margin-bottom: 20px;
	position:relative;

}



.acf-map {

	width: 95%;

	height: 250px;

	border: #000 solid 2px;

	margin: 20px 25px 20px 0;

}



.acf-map img { /* fixes potential theme css conflict */

   max-width: inherit !important;

}



.book-link {

	color: #000;

	display: inline-block;

	background: url(img/arrow.png) right 7px no-repeat;

	background-size: 15px;

	font-weight: bold;

	padding: 0 22px 0 0



}



#event-image {

	float: right;

	margin: 0 0 0 20px

}

/* / JOBS listings ------------------------------------- */

.listing {

	padding-left: 15px;

	padding-bottom: 15px;

	min-height: 200px

}


.listing h2 a, .listing h3 a{

	color :#000

}



.listing h2 a:hover, .listing h3 a:hover{

	color :#666

}



#logo-image {

	max-width: 220px;

	float: right;

	margin: 0 0 0 20px

}



#job-logo-home {

	height: 110px;

	text-align: center

}



#job-logo-home img {

	height: 100%;

	width: auto	!important

}



/* SIDEBAR */

#content-sidebar {

	background: #fff;

	padding: 10px 15px 15px 15px

}



.sub-menu, .widget-box ul {

	margin: 0

}







.sub-menu li, .widget-box ul li  {

	list-style: none;

	text-align: left;

	font-size: 90%

}







.sub-menu li:hover a {

	color: #666

}





.sub-menu-title {

	font-size: 120%;

	font-weight: 600;

	margin: 13px 0  0  0;

	letter-spacing: 0.5px;

	line-height: 120%

}





#blog-menu > li {

	font-size: 120%;

	font-weight: 600;

	margin: 13px 0  0  0;

	border-top: 1px solid #666;

	letter-spacing: 0.5px;

	color: #000

}



#blog-menu li li {

	font-size:85%;

	letter-spacing: 0px;

	font-weight: normal;

}



#blog-menu li a, .sub-menu li a {

	color: #000

}



.sub-menu-magazine {

	margin: 0;

	min-height: 90px;

	border-bottom: 1px solid #000;

}



.sub-menu-magazine li {

	list-style: none

}



.sub-menu-magazine li a {

	/* background: #29bda7; */
	background-color: #06846A;

	display: inline;

	float: left;

	padding: 3px 5px;

	color: #fff;

	margin: 0 3px 3px 0

}
#footer a{
	color: #000;
}


.widget-box {

	clear:both;

	margin: 10px 0 0 0;

	padding: 5px;

	text-align: center;

	border-bottom: 1px solid #666;

	padding-bottom: 15px

}



.widget-box h4 {

	text-align: left;

	margin:	0 0 10px 0

}



.widget-box-home {

	clear:both;

	text-align: center

}



.widget-box-home h4  {

	text-align: left

}



.widget-box-home p {

	margin-bottom: 0px;
	margin-top: 0px;

}



.widget-box ul li a  {

	color: #000;

	display: block;

	margin: 0 0 10px 0;



}

.sub-menu-popular   {

	padding-bottom: 0px;

	border-bottom: 1px solid #666;

}

.sub-menu-popular li {

	margin-bottom: 10px;

	list-style: none;

	line-height: 120%

}

.sub-menu-popular li a  {

	padding-top: 10px;

	padding-bottom: 15px;

	background: url(img/arrow.png) left bottom no-repeat;

	background-size: 15px;

	color: #000;

	font-size: 85%;

	display: block;

	border-top: 1px solid #666;

}



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

	.widget-box-home {

	clear:none;

	float: right;

	margin-top: -30px

}



}



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

	.widget-box-home {

	clear:none;

	float: none;

	margin-top: 0px;

	text-align: center

}



}



/* DIRECTORY -------------------------------- */



.artist-info p {

	margin: 0 0 5px;

	font-size: 1.2em

}



p.directory-address {

	margin: 5px 0 0 0;

	font-size: 1em

}



.artist-image {

	margin: 0 20px 0 0;

	float: right;

	max-width: 340px

}



#follow {

	display: block;

	min-height: 26px;

	padding: 10px 0 35px 0

}



/* directory searches */

.searchandfilter li {

	float: left

}



/* PROJECTS --------------------------------- */

#related-content {

	 padding: 10px;

	 clear: both

}



#related-content h2.yellow-title {

	width: 102.2%

}



/* COMMENT FORM ----------------------------- */

h3#wc-comment-header {

	background: #000 url(img/heading-bg.png) left bottom repeat-x;

	color :#fff;

	padding: 5px 15px 20px 15px;

	line-height: 150%

}



/* PAGINATION -------------------------------- */



#pagination {

	clear: left;

	padding-top: 15px;

}



ul.page-numbers {

    list-style: none;

    margin: 0;

	text-align: center

}



.page-numbers:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



ul.page-numbers li {

    display: inline;

    margin: 0 4px 4px 0;

    text-align: center;

}



.page-numbers a, .wp-pagenavi a.page ,

.page-numbers span {

    line-height: 100%;

    display: inline-block;

    padding: 5px 12px;

    height: 32px;

	width: 35px;

    line-height: 18px;

    font-size: 17px;

    text-decoration: none;

    font-weight: 400;

    cursor: pointer;

    color: #fff;

	background: #000

}



.wp-pagenavi a {

    display: inline;

    margin: 0 4px 4px 0;

    text-align: center;

}



 .wp-pagenavi span {

	line-height: 100%;

    display: inline-block;

    padding: 5px 12px;

    height: 32px;

	width: 35px;

    line-height: 18px;

    font-size: 17px;

    text-decoration: none;

    font-weight: 400;

    cursor: pointer;

    color: #000;

	background: #ebc807;

	margin: 0 4px 4px 0;

 }



.page-numbers li:first-child a, .page-numbers li:first-child span,

.page-numbers li:last-child a, .page-numbers li:last-child span {

	width: auto;

    color: #000;

	background: #fff

}



.page-numbers a span { padding: 0 }



.page-numbers a:hover,

.page-numbers span.current,

.wp-pagenavi a:hover  {

    color: #000;

    background: #ebc807 !important;

    text-decoration: none;



}



.page-numbers:hover { text-decoration: none }



.wp-pagenavi {

	max-width: 380px;

	margin: 0 auto;

}



.nextpostslink, .previouspostslink {

	color: #000

}



a.nextpostslink:hover, a.previouspostslink:hover {

	background: none  !important

}



/* FOOTER ------------------------------------ */

#footer {

	margin:  60px 0 30px 0;

	text-align: center;

}



#footer p {

	color: #666;

	font-size: 85%

}



#footer .funders img {

	height: 100px;

}



/* ADVERT BOXES ------------------------------ */

.ad-box {

	text-align: center

}



.ad-box img {

	margin: 15px 0 0 0

}



.ad-box .widget-box {

	border-bottom: none;



}



/* GRAVITY FORMS ------------------------------ */

.gfield_description {

	font-size: 90%

}



.gfield_checkbox li {

	margin-bottom: 0px !Important;

    padding-bottom: 0px !Important

}



.gfield_checkbox li input {

	margin-bottom: 0px !Important;

}



.gform_wrapper label {

	background: #ccc;

	padding: 5px 10px

}



.gform_wrapper li ul label,
.ginput_container_post_image label,
.gform_wrapper .ginput_complex label {

	background: none;

	padding: 0px

}

.ginput_post_image_file {

	display: none  !Important;

}





.gform_wrapper  .file-upload .ginput_complex label {

	font-size: 80% !Important;

	margin-top: 0

}



.gform_wrapper input[type=FILE], #extensions_message {

	font-size: 90% !important

}



.gform_wrapper input[type=SUBMIT] {

	height: 50px;

	padding: 15px 35px;

	background: #000;

	color: #fff;

	border: none;

}



.gform_confirmation_message {

	font-size: 130% !Important;

	background: #ebc807;

	color: #000;

	padding: 10px 15px;

	text-align: center

}



#field_4_1 input { /* event form title box */

	width: 97%

}



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

	.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea {

		width: 100% !important

	}

}

.gform_wrapper h2,
.gform_wrapper h2.gsection_title,
.gform_wrapper .gfield h2.gsection_title,
h2.gsection_title {
    background: #000 url(img/heading-bg.png) left bottom repeat-x !important;
	color :#fff !important;
	padding: 5px 10px 18px 10px !important;
    font-size:1.3em !important;
    font-weight:600 !important;
}
.gform_wrapper .gsection {
    border-bottom: 0 !important;
    margin-bottom:15px !important;
}
#field_1_38 label {
    display:none;
}


/* EXTRA RESPONSIVE --------------------------- */

img.responsive  {

	width: 100%;

	height: auto;

}



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

	.row .columns {

		margin: 0 0 20px 0

	}



	iframe {

		width: 100%;



	}

}



.addtoany_share_save_container img {

	width: 100px !important;

	height: auto !important

}



.single-projects  .addtoany_share_save_container {

	margin-top: 35px

}

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

		.entry-content {position: relative}

		.addtoany_share_save_container {

			position: absolute;

			right: 0px;

			top: -82px

		}



		.single-opinion .addthis_toolbox, .single-news .addthis_toolbox, .single-showcase .addthis_toolbox {



			top: -80px

		}

	}

.social-share {
	float: right
}

.social-share img {
	width: 100px !Important
}

.cat-item-2420 {
	display: none
}

/* Member dashboard */
#member_dashboard .entry-content {
	padding-top: 0.8rem;
}
.listing.dash-item {
	min-height: 130px;
	position:relative;
}
.premium-badge {
	position:absolute;
	top:0;
	right:0;
	color: #fff;
    display: block;
    padding: 6px 7px 6px 7px;
    text-decoration: none;
    background: url(img/bg-nav-yellow.png) center center no-repeat;
    background-size: cover;
}
#memberTabs {
	border: 0 !important;
	padding: 0 !important;
	margin-top: 2rem;
}
#memberTabs h2 {
	font-size: 1.2rem;
}
#memberTabs p {
	font-size: 1rem;
	margin: 0.6rem 0;
}
#memberTabs h2.dash-title {
	display: inline-block;
	background: url(img/bg-nav-grey.png) center center no-repeat !important;
    background-size: cover !important;
	background-color: transparent !important;
	color:#000;
    padding: 10px 14px;
}
#memberTabs.ui-tabs .ui-tabs-panel {
	padding:0;
}
#memberTabs.ui-tabs .ui-tabs-nav {
	background: #000 url(img/heading-bg.png) left bottom repeat-x !important;
	padding: 10px 10px 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
}
#memberTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: url(img/bg-nav-yellow.png) center center no-repeat !important;
    background-size: cover !important;
    background-color: transparent !important;
    border: 0 !important;
}
#memberTabs.ui-tabs .ui-tabs-nav li {
	margin: 0 .5em 0 0 !important;
}
#memberTabs .ui-state-default {
	background: url(img/bg-nav-grey.png) center center no-repeat !important;
    background-size: cover !important;
    background-color: transparent !important;
    border: 0 !important;
}

/* Listings */
.gform_wrapper {
	margin: 2rem 0 !important;
}
.gform_wrapper ul.gform_fields li.gfield input[type=radio] {
	margin-top: 0.4rem !important;
    margin-right: 4px;
    margin-bottom: 0.5rem !important;
}
.gform_wrapper .gfield_checkbox li input[type=checkbox] {
	margin-bottom: 6px !important;
	margin-right: 3px;
    margin-top: 3px;
}
.gform_previous_button {
    height: 50px;
    padding: 15px 35px;
    background: rgba(0,0,0,0.2);
    color: #000;
	border: none;
}
.gform_next_button {
	height: 50px;
    padding: 15px 35px;
    background: #000;
    color: #fff;
	border: none;
}
.preview-form table tr td table tr td {
	padding: 0.7rem !important;
	font-size: 1em !important;
}
.preview-form table tr td table tr td p {
	margin:0 !important;
}
body .gform_wrapper div.gform_body .preview-form ul.gform_fields li.gfield.gfield_html ul,
body .gform_wrapper form div.gform_body .preview-form ul.gform_fields li.gfield.gfield_html ul {
	margin:0 !important;
}

/* Single listing - ACF edits */
.artist-content {
    overflow:auto;
}
.acf-form-submit .acf-button {
	height: 50px;
    padding: 15px 35px;
    background: #000;
    color: #fff;
	border: none;
}
.event-time {
	position:relative;
}
.event-time button.edit-listing{
	height: 50px;
    padding: 15px 35px;
    background: #29BDA7;
    color: #fff;
	border: none;
	position:absolute;
	right:0;
	bottom:2em;
}
.event-time button.edit-listing:hover {
	background:#000;
}
.artist-content button.edit-listing{
	height: 50px;
    padding: 15px 35px;
    background: #29BDA7;
    color: #fff;
	border: none;
    display:block;
	position:relative;
	float:right;
}
.artist-content button.edit-listing:hover {
	background:#000;
}
#acf_edit_job,
#acf_edit_event,
#acf_edit_directory {
	display:none;
	width: 100%;
    position: relative;
	margin-top: 4rem;
	background-color:rgba(236, 235, 232, 0.3);

}
#acf_edit_job .acf-form-submit {
	padding-left: 1rem;
    padding: 2rem 1rem;
}
#acf_edit_job .acf-field {
	padding-left:1rem;
	padding-right:1rem;
}
.acf-taxonomy-field .categorychecklist-holder {
	background:#fff;
}
#message.updated {
	background-color: #fec106;
    padding: 8px 10px;
    margin: 1.5rem 0;
}
#message.updated p {
	margin:0;
}
.event-content #acf_edit_job .acf-field-574c339e77c4a,
.event-content #acf_edit_job .acf-field-56cdd35f666d0,
.event-content #acf_edit_job .acf-field-56cdd37f666d1 {
    display:none !important;
}

/* Register / Login */
.login-msg {
	padding: 2px 8px;
	background: #ecebeb;
	margin: 2rem 0 1.5rem;
}
#loginform .login-submit input[type="submit"] {
	height: 50px;
    padding: 15px 35px;
    background: #000;
    color: #fff;
    border: none;
}
#loginform .login-remember label>[type=checkbox] {
	margin-right: .3rem;
}
#loginform .login-links span {
	display:block;
	font-size: .875rem;
}
.gform_wrapper input[type=text], .gform_wrapper input[type=password], .gform_wrapper input[type=email], .gform_wrapper input[type=url] {
	margin-bottom:0.5rem;
}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea#wc-textarea-0_0{
	min-height: 10em !important;
}

@media screen and (max-width: 40em){

}
@media screen and (min-width: 40em){
	#nav-toggle{
		display: none;
	}
}
@media screen and (min-width: 40em) and (max-width: 64em){

}
@media screen and (max-width: 64em){

}
@media screen and (min-width: 64em){

}