/*
Theme Name: UX Academy
Theme URI: http://underscores.me/
Author: Eoghan Hickey
Author URI: http://underscores.me/
Description: UX Design Training from Graphic Mint
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uxacademy
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

UX Academy is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
#Grid
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/**/

.scroller.nav-up {
    transform: translateY(-100px)!important;

}
.scroller, .nav-up, .scroller.nav-up{
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.scroller{
	transform: translateY(0px);
}

#mailing-image, #hidden-image img {
	display: none;
	visibility: hidden;
}
.no-padding{
	padding-bottom: 0!important;
}
.conf-tag,.course-tag, .workshop-tag, .soldout-tag{
	    padding: 4px 12px 6px 12px;
    border-radius: 35px;
    border: 2px solid #ececec;
    line-height: 1;
}
.conf-tag{
	color: #5C4B9D;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.course-tag{
	color: #60A844;
}
.workshop-tag{
		color: #00B291;

}
#wpadminbar{
	z-index: 999999999999999999999;
}
.bubble 
{
position: relative;
width: 292px;
padding: 30px;
background: #5B4A9D;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px;
color: #fff;
font-weight: 700;

}
.gm-style .gm-style-iw{
	max-width: 290px;
	padding-left: 5px;
}
.gm-style .gm-style-iw h3{
	margin-bottom: 15px;
}
.bubble:after 
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 63px 16px 0;
    border-color: #5B4A9D transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -52px;
    left: 25%;
    transform: rotate(22deg);
    padding-bottom: 5px;
}

		.bubble-2 
{
    position: relative;
    width: 210px;
    padding: 25px;
    background: #D75A27;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    color: #fff;
    float: left;
    margin-left: 30%;
    font-weight: 700;
    margin-top: -40px;
    z-index: 999;
}

.bubble-2:after 
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 63px 16px 0;
    border-color: #D75A27 transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -52px;
    left: 25%;
    transform: rotate(22deg);
}
.center-alignments{
	text-align: center;
}

.rsHomeTempl .rsTmb{
	margin-top: 0!important;
}
.center-alignments svg{
	margin: 30px 0px 5px 0;
}
.center-alignments .span_4_of_12 img{
	    width: 60px;
    border-radius: 50%;
    margin: 30px 0px 5px 0;
}

.center-alignments .span_4_of_12.piechart img{
	    width: 146px;
	    height: 146px;
}

.center-alignments .span_8_of_12 img{
	    width: 60px;
    border-radius: 50%;
    margin: 30px 0px 5px 0;
}

.speech{
    width: 100%;
    padding: 30px 15px;
    background: #fff;
    position: relative;
    box-shadow: 0 2px 0 rgba(0,0,0,0.06);
        border-radius: 25px;
}
.speech:after{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 63px 16px 0;
    border-color: #ffffff transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -44px;
    left: 50%;
    transform: rotate(22deg);
    padding-bottom: 5px;
    z-index: 0;
}


.hero_image_home{
    background: url("/wp-content/uploads/2016/09/ux-academy-home_desktop.jpg") no-repeat;
    }   
.hero_image_about{
	background: url("/wp-content/uploads/2016/09/about-page-hero.jpg") no-repeat;
}    
.hero_image_events{
    background: url("/wp-content/uploads/2016/09/ux-academy-events_desktop-1.jpg") no-repeat;
}   
.hero_image_training{
    background: url("/wp-content/uploads/2016/09/ux-academy-inhouse_desktop-1.jpg") no-repeat;
    }

.hero_image_briefing{
	background: url("/wp-content/uploads/2017/04/ux_desktop.jpg");
}

/* Desktop Hero Images */
.hero_image_briefing, .hero_image_home, .hero_image_events, .hero_image_training, .hero_image_about{
  	background-size: cover;
    background-position: left; 
    height: 450px;
    box-shadow: inset 0px -337px 244px rgba(0,0,0,0.25);
    margin-top: -100px;
}

  
.hero_image_mobile{
    background: url("/wp-content/uploads/2016/09/ux-academy-home_mobile.jpg") no-repeat;
    }

.hero_image_events_mobile{
	background: url("/wp-content/uploads/2016/09/ux-academy-events_mobile.jpg") no-repeat;
}

.hero_image_mobile_training{
    background: url("/wp-content/uploads/2016/09/ux-academy-inhouse_mobile-1.jpg") no-repeat;
    }

.hero_image_mobile_about{
    background: url("/wp-content/uploads/2016/09/about-us-header-mobile.jpg") no-repeat;
}


.hero_image_briefing_mobile{
    background: url("/wp-content/uploads/2017/04/UX_mobile.jpg") no-repeat;
}

.hero_image_briefing_mobile, .hero_image_events_mobile, .hero_image_mobile_training, .hero_image_mobile_about, .hero_image_mobile{
      background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    height: 350px;
    box-shadow: inset 0px -337px 244px rgba(0,0,0,0.25);
        margin-top: -100px;

    } 
      
.gradient{
	    background: linear-gradient(
      rgba(255, 0, 0, 0.45), 
      rgba(255, 0, 0, 0.45)
    );
}

.meta-f{
    position: relative;
    top: 60%;
    transform: translateY(-60%);
    margin-top: 100px;
}
.single .meta-f{
    top: 183px;
    transform: translateY(-100%);
	margin-top: 0!important;
	position: absolute!important;
	width: 100%;}


.meta-f a{
	color: #fff;
	font-weight: 700;
   }

.meta-f a:hover{
	opacity: .9;
	color: #fff;
	cursor: pointer;
}

.meta-f a:visited{
	color: #fff;
	opacity: .8;
}
.meta-f p, .meta-f h1{
	color: #fff;
	margin-bottom: 0;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0px 0 0 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;

}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;

}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: 600;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #6d6e71;
	font-family: sans-serif;
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

/*p {
	margin-top:0;
	margin-bottom: 15px;
	font-size: 18px;
}*/

p {
	margin-top:0;
	margin-bottom: 15px;
	font-size: 16px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	 margin: 15px 0 15px 15px;
    padding: 0px 0 0 15px;
    font-size: 14px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 600;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"], .button {
	border: none;
	background: #60A844;
	font-size: 14px;
	line-height: 1;
	padding: 20px;	
	color:#fff;
	font-weight: normal;
	font-family: "adelle-sans",sans-serif;
	font-style: normal;
	font-weight: 600;
	border-radius: 27px;
	max-width: 300px;
	margin: 0 auto;
	float: right;

}

@media only screen and (max-width: 767px){
	#event-tickets{
		display: inline-block;
		width: 90vw;
	}

	#event-tickets #mobile-button {
		float: none;
	}





	#survey-button{ float: none !important;
	margin-bottom: 1em;
}

.survey-bottom {
	height: 4em;
	background: #ececec;
}

	#past-events {
		padding-top: 0 !important;
	}


	#past-events-header {
		margin-top: 12px !important;
	}

	#gm-info-image {
		padding-top: 1em;
	}

	#mobile-button {
		width: 100% !important;
		margin-bottom: 1em;
	}

	#mailing-image {
	padding-top: 1em !important;
	margin: 0 auto;
	size: auto;
}

#speakers-heading {
	margin-top: 0 !important;
}


#hidden-image {
	height: 4em;
	background: #52438C;
}

.accent-color{
		padding-bottom: 1px;
		    float: left;
		        width: 100%;

}



.section{
	padding: .1 !important;


}

}


button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover, .button:hover {
	background: #4F8A38;
	color: #fff;
	border: none;

}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active, .button:active {
		background: #74BE43;
		color: #fff;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: none;
	padding:10px;
	font-size: 14px;
}

select {
	border: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
	outline:none;
	background: #fefefe;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.15);
}
button:focus, .button{
		outline:none;
		box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.15);

}
.button{
	    display: block;
    clear: both;
    text-align: center;
    float: right;
    width: 200px;
}
.button:visited{
	color:#FFF;
}

.pirate_forms_wrap .form_field_wrap {
    margin-bottom: 15px;}
textarea {
	width: 100%;
}
.accent-color, .greybg, .section{
	position: relative;
}
.accent-color .align-center, .align-center {    
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 50%;
    text-align: center;
}

.align-center img, .align-center svg{
	padding-top: 10px;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
	color: #60A844;
	text-decoration: none;
}

a:visited {
	color: #60A844;
}

a:hover,
a:focus,
a:active {
	color: #4F8A38;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation li a {
	display: block;
	text-decoration: none;
	padding-left: 25px;
		font-weight: 400;
		color: #6d6e71;
}


.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}



.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 0px;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0px;
}

.entry-content {
	padding: 0px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.event-content {
	padding: 0 !important;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* CATHAL */

#border-past {
	overflow:auto;
	border-bottom: 1px solid #eee;
}


.excerpt-past {
	float: left;
	clear: both;
	overflow: auto;
}

@media only screen and (max-width: 767px){
 .align-center {
	display: none;
	visibility: hidden;
}
.excerpt-past p {
		text-align: left !important;
		margin-top: -5px !important;

	}
}

.excerpt-past p {
		text-align: left !important;
		margin-top: -20px;

	}	





/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}


/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* Graphic Mint Font Styles*/
h1, h2, h3{
font-family: "Merriweather",serif;
font-style: normal;
font-weight: 700;
 text-rendering:  optimizeLegibility
}

p, a, ul, ol, h4, h5, h6, .card .entry-meta, .list .entry-meta{
	font-family: "adelle-sans",sans-serif;
	font-style: normal;
	font-weight: 400;
		color: #6d6e71;
		 text-rendering:  optimizeLegibility

}
h3{
	    color: #EE661A;
/*	    color: #F28C53;*/
	    font-size: 26px;
	    line-height: 39px;
}
.card h3{
	margin: 0;
}
/*.card h3 a{
	font-size: 34px;
	font-family: "Merriweather",serif;
    font-style: normal;
    font-weight: 700;
    color: #6d6e71;

}*/

.card h3 a{
	font-size: 26px;
	font-family: "Merriweather",serif;
    font-style: normal;
    font-weight: 700;
/*    color: #6d6e71;*/
    color: #EE661A;

}

a{
	font-family: "adelle-sans",sans-serif;
	font-style: normal;
	font-weight: 600;
	color: #60A844;
}

/*h2{
    margin-top: 30px;
    margin-bottom: 15px;
    line-height: 32px;
    font-size: 24px;
    color: #D85B27;

}*/
.image img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.image{
	 display: block;
  max-width: 500px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  
}
h2{
    margin-top: 30px;
    margin-bottom: 15px;
    line-height: 48px;
    font-size: 32px;
    color: #EE661A;
}

.testimonial-sections {
	background: #ececec;
	padding-bottom: 20px;
	padding-top: 20px;

}

.author p{
	font-style: normal !important;
}

#excerpt-past {
	float:left;
}

/* Card Styles Starts */

.card{	

	display: block;
    background: white;
    margin: 15px 0 30px 0;
	box-shadow: 0 2px 0 rgba(0,0,0,0.06);
}
.card a:hover h3, .card a:focus h3, .list a:hover h3, .list a:focus h3{
/*	color: #D85B27;*/
    color: #EE661A;	
}
.card:active{
	margin-top: 17px;
	margin-bottom: -2px;
}
.card h3, .card p, .card .entry-meta, .card .entry-footer a{
	margin: 0;
	padding: 0 15px;
}
.entry-footer a{
	font-size: 14px;
}
.card p{
	float: left;
	width: 100%;
	margin: 15px 0px;
}
.card h3 a{
    color: #F28C53	
    margin-top: 15px;
}
.list h3 a{
	    color: #EE661A;
/*	    color: #F3935E;	*/
	font-family: "Merriweather",serif;
    font-style: normal;
    font-weight: 700;
}
.list h3{
	margin:0 0 5px 0;
}

.list{
	    border-top: 1px solid #eee;
	   list-style-type: none;
	   margin:0;
	   padding: 22px 0 0 0;
}
.list li{
    padding-bottom: 22px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.list li:last-of-type{
	border: none;
	margin: 0;
	padding-bottom: 0;
}

.card img, .card .entry-header{
	    float: left;
    clear: both;
}
.card .entry-meta{
	    font-size: 14px;
	    margin-top: 10px;
}
.card .entry-footer a{
	padding:15px;
}
article.post{ margin: 0; }

.greybg{
		background: #ececec;
		padding-bottom: 20px;

}
.home .sidebar-container, .single-post .sidebar-container, .page-template-event-archive .sidebar-container{
	display: none;
}
.accent-color{
		background: #52438C;
		padding-bottom: 20px;

}
.accent-color h2, .accent-color p{
	color: #fff;
}

section.white{
	background: #fff;
	    padding-bottom: 20px;
}


.section{
	margin: 0 15px;
	padding: .1px 0;

}


.card footer a{
		text-transform: uppercase;
}
/* Card Styles Ends */
/*List Styles Starts*/

.list .entry-header{
	    float: none;
}
.list a{
	    display: block;
}
/*List Styles Ends*/
/* Form inputs */


form input {
	width: 100%;
	    border-radius: 0;
	        -webkit-appearance: none;

}

.field--wrapper {
  position:relative;
  margin-bottom:10px;
}
label {
  transition: all 0.1s linear;
      position: absolute;
    bottom: 22px;
    left: 7px;
    font-size: .8em;
    opacity: 0;
}


label.on {
  color:#4481C4;
}
label.show {
  top:-15px;
  opacity:1;
}
/* Form inputs Ends*/

.sidebar-container{
	    padding-bottom: 0.1px;
}

footer#colophon{	
	background: #5C4B9D;
	font-family: "adelle-sans",sans-serif;
    font-style: normal;
    font-weight: 400;
}
footer#colophon p, 
footer#colophon a, 
footer#colophon li,
footer#colophon span,
footer#colophon{
    font-size: 14px;
		color: #fff;

}
footer#colophon .section{
	clear: both;
}
footer#colophon img{
	margin:40px 0 24px 0;
}
footer#colophon ul{
	width: 100%;
	display: inline-block;
	margin-left: -15px;
	margin-bottom: -15px;
	padding: 0;
}
.orgf p{
	    margin-top: 18px;
}

footer#colophon ul li{
	float: left;
	list-style-type: none;
}
footer#colophon ul li a{
	padding:5px;
	float: left;
}

.entry-header h1, .entry-header p, .page-header h1, .page-header p{
	text-align: center;
}


/*.intro-p{
	font-size: 30px;
	line-height: 39px;
}*/

/*CATHAL CHANGE ONE*/
.intro-p{
	font-size: 22px;
	line-height: 33px;
}

.intro-p a {
	font-size: 22px;
	line-height: 33px;
}


#content{
	z-index: 0;
}  
.meta-f p{
	font-size: 18px;
	line-height: 150%;
}	

.meta-f h1, .meta-f p{
	max-width: 90%;
	margin: 0 auto;
		text-align: center;

}
.site-title, .site-description{
	visibility: hidden;
	display: none;}

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

section.white{
	padding-top: 0;
}
#mailing-image-home{
	display: none;
}
	.span_1_of_12 img{
	max-width: 64px;
	margin-bottom: 15px;
}
    /* Medium screen, non-retina */
    /* Basic Menu Styles Mobile */
    .card h3{
    	margin-top: 15px;
    }
    .hero img{
    	width: 100%;
    }
.single-post .meta-f{
	position: absolute;
	width: 100%;
}    
.site-branding a img{
	width: 180px;
}

.main-navigation li a {
    padding: 25px 15px 25px 25px;
    color:#fff;
        border-bottom: 1px solid #333;
}

/* Icon 1 */

#nav-icon3 {
  width: 34px;
  height: 45px;
  position: fixed;
      top: 19px;
    right: 15px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 999999999999999999;
 pointer-events:none;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #ddd;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.toggled #nav-icon3 span {
	background: #fff;
}
/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 9px;
}

#nav-icon3 span:nth-child(4) {
  top: 18px;
}

.toggled #nav-icon3 span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.toggled #nav-icon3 span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.toggled #nav-icon3 span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.toggled #nav-icon3 span:nth-child(4) {
  top: 18px;
  width: 0%;
  background:#999;
  z-index: -1;
  left: 50%;
}
/* Small menu. */
.main-navigation ul{
	margin-top:60px;
}
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
.bubble{
	    border-radius: 11px;
}

		.bubble-2 
{

margin-top: 40px;
}

.bubble:after , .bubble-2:after {
    border-width: 32px 8px 0;
    bottom: -21px;
}
.clients img{
margin-bottom: 15px;}
.clients .span_3_of_12{
	text-align: center;
}
#site-navigation{
    top: 0;
    z-index: 999999;
    background: #fff;
	border-bottom: 1px solid #eee;
	height: 60px; 
/*		box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12), 0px 2px 4px 0px rgba(0,0,0,0.24);*/
		position: fixed;
		padding-top: 7px;
		    border-bottom: 1px solid #e3e3e3;

}


#site-navigation button{
    padding: 23px;
    margin: 0em;
    z-index: 4;
    width: 100px;
    background: none;
    position: fixed;
     top: 0;
     right: 0;
    opacity: 0;
    outline: none;
}
#site-navigation button:hover, #site-navigation button:focus{
	outline: none;
}



#site-navigation.toggled button{
	position: fixed;
	height: 102vh;
	width: 100%;
	top: 0;
	z-index: 3;
	opacity: 0;	
	padding:0;
}


nav.toggled ul{
		right: 0px;
		top: 0px;
		-webkit-box-shadow: -100px 0px 0px 200px rgba(0,0,0,.9);
		-moz-box-shadow: -100px 0px 0px 200px rgba(0,0,0,.9);
		box-shadow: -100px 0px 0px 200px rgba(0,0,0,.9);
}

nav ul{
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
    background-color: #222;
	width: 66%;
	z-index: 999999;
	position: fixed;
	top:0;
	right: -900px;
	height: 100vh;
-webkit-box-shadow: -400px 0px 0px 200px rgba(0,0,0,0);
-moz-box-shadow: -400px 0px 0px 200px rgba(0,0,0,0);
box-shadow: -400px 0px 0px 200px rgba(0,0,0,0);

	}
	nav li {
		width: 100%;
		margin: 0;

	}

	nav:hover ul {
		display: block;


	}
	nav li a{
		padding: 15px 15px 15px 25px;
		width: 100%;



	}

.current-menu-item a, .post-template-events-php .menu-item-156 a{
	color:#D85B27!important;
}
.dashicons:before{
	font-size:23px;
}
#iconmenu{
	position: relative;
	z-index: 9999999999999;
	pointer-events: none;
	visibility: visible;
}
/* Basic Menu Styles Mobile */

h1 {
	font-size: 30px;
	line-height: 38px;
}
h2 {
	font-size: 26px;
	line-height: 33px;
}
h3 {
	font-size: 22px;
	line-height: 28px;
}




.intro-p {
	font-size: 18px;
	line-height: 24px;
}

.intro-p a {
	font-size: 18px;
	line-height: 24px;
}

p {
	font-size: 14px;
	line-height: 18px;
}

/* Spacing  Sections */

.entry-content{
		padding: 0px 0 20px 0;

}

}

/* close mobile queries */

.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 0px;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}


@media only screen and (min-width: 767px) {
.single .meta-f {
/*    top: 40%;}*/
        top: 60%;}
.meta-f{
	top: 50%;
}    
.twitter:hover a{
	    background: #428bca;
}
.facebook:hover a{
	background: #3b5998;
}
.linkedin:hover a{
	background: #0077B5;
}
.googleplus:hover a{
		background: #d34836;
}
.twitter a, .facebook a, .linkedin a, .googleplus a{
	height: 54px;
	  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}
.card{	min-height: 362px;}
.section{
	max-width: 740px;
}
/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.41%;
}
.span_10_of_12 {
  	width: 82.83%;
}

.span_9_of_12 {
  	width: 74.25%;
}

.span_8_of_12 {
  	width: 65.66%;
}

.span_7_of_12 {
  	width: 57.08%;
}

.span_6_of_12 {
  	width: 48.5%;
}

.span_5_of_12 {
  	width: 39.91%;
}

.span_4_of_12 {
  	width: 31.33%;
}

.span_3_of_12 {
  	width: 22.75%;
}

.span_2_of_12 {
  	width: 14.16%;
}

.span_1_of_12 {
  	width: 5.583%;
}


/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 0% 0 1% 3%;
}



body{
	margin-top: 100px;
}



.hero_image_mobile{
	height: 450px;
	background-attachment: fixed;
}


.meta-f h1{
	font-size: 44px;
	line-height: 66px;

}

.meta-f p, .meta-f h1{
max-width: 90%;

}
.orgf, .card .entry-footer a, .card .entry-meta, ul, p, a, span, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{
	font-size: 18px;
	line-height: 30px;
}

h2{
	    font-size: 32px;
	    line-height: 48px;
		margin:34px 0 20px 0;
}

.intro-p, p:last-of-type{
	margin-bottom: 24px;
}
p{
	    margin-bottom: 18px;
	    font-size: 18px;
	    line-height: 30px;
}

.card h3 a, .list h3 a {
    font-size: 26px;
    line-height: 39px;
}

.col.span_6_of_12:nth-of-type(3),
.col.span_6_of_12:nth-of-type(5),
.col.span_6_of_12:nth-of-type(7),
.col.span_6_of_12:nth-of-type(9){
	margin-left: 0!important;
	clear: left;
}
.span_9_of_12 h3{
	margin: 0;
}

.col.span_4_of_12:nth-of-type(4n+0){
	margin-left: 0!important;
	clear: left;
}

#mailing-image, #hidden-image img {
	display: block;
visibility: visible;}


.meta-f p, .meta-f a{
	font-size: 22px;
	line-height: 33px;
}
#iconmenu{
	visibility: hidden;
}
.speakers h3, .speakers h4{
	margin-top: 0;
}
.speakers h4{
	margin-bottom: 10px;
}
	.clients img{

		    padding-bottom: 15px;
	}
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
footer#colophon p, 
footer#colophon a, 
footer#colophon li,
footer#colophon span,
footer#colophon{
    font-size: 18px;
}
a.button{
	float: right;
	clear: right;
	font-size: 18px;
}
footer#colophon ul li a{
	margin-top: -25px;
}
#event-tickets strong{
	float: left;
	padding: 20px 30px 0 0;

}
#event-tickets h4{
	clear: both;
	float: left;
}
#event-tickets{
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

.ticket {
	margin-top: 0px !important;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 0px 0 15px 0;
}
.site-branding{
	margin:0;
}
.card{
	margin-top: 0;
}
.card .entry-footer a {
    padding: 30px;}
.field--wrapper {
    position: relative;
    margin-bottom: 16px;
}
.site-branding a{
	padding: 22px 0;
    float: left;
}


button, input[type="button"], input[type="reset"], input[type="submit"], .button{
	width: initial;
	padding: 20px 30px;
	font-size: 14px;
}

#primary-menu{
	float: right;
}
.main-navigation li a {
    border-top: 5px solid #fff;
    padding: 35px 12px 15px 12px;
    height: 100px;
    font-size: 16px;
		-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}
.main-navigation li.current_page_item a, .post-template-events-php .main-navigation li.menu-item-156 a, .main-navigation li a:hover, .main-navigation li a:focus{
	    border-top: 5px solid #D85B27;
	    color: #D85B27;

}
.orgf br{
	display: none;
}

/* Card Styles */

.card h3{
	    margin-top: 30px;
}
.card h3, .card p, .card .entry-meta{
	padding: 0 30px;
}
.card p{
    margin: 10px 0 30px 0!important;
}

#masthead, #what-is-ux-academy, .section, .site-info, #text-3, aside{
	margin:0 auto;
}

.scroller{
	    max-height: 100px;
	overflow: hidden;
    z-index: 999999;
    background: #fff;
    border-bottom: 1px solid #eee;
    border-bottom: 1px solid #e3e3e3;
    width: 100%;
    position: fixed;
  transform: translateY(0%);
  top: 0;
}


.nav-up .hero_image_home{
    background-position-y: 0px!important;

}
/*  FONT CHANGES  ============================================================================= */

@media only screen and (max-width: 767px){
.section, section{
	max-width: 600px;
}	
.card{
	margin: 0px 0 24px 0;
	display: inline-block;
}
.span_1_of_12 img{
	max-width: 96px;

}
section.white{
		padding: 0px 0 34px 0;

}
.meta-f h1, .entry-title {
	font-size: 30px !important;
	line-height: 38px !important;
}

h2 {
	font-size: 26px;
	line-height: 33px;
}

h3 {
	font-size: 22px;
	line-height: 28px
}

.intro-p {
	font-size: 18px;
	line-height: 23px;
}

.intro-p a {
	font-size: 18px !important; 
	line-height: 23px !important;
}

.p, .main-navigation li a {
	font-size: 14px;
	line-height: 18px;
}

}



/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0 auto;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

}
@media only screen and (min-width: 840px){
.section{
	max-width: 830px;
}
.single .meta-f {
/*    top: 42%;}*/
    top: 60%;}
}
@media only screen and (min-width: 1024px){

.single .meta-f {
/*    top: 24%;}*/
/*    top: 45%;}*/

    top: 65% !important;}
.section{
	max-width: 960px;
}

.main-navigation li a {
    border-top: 5px solid #fff;
    padding: 35px 22px 15px 22px;}
}
@media only screen and (min-width: 1279px){
	.hero_image_home, .hero_image_events, .hero_image_training, .hero_image_about{
	background-attachment: fixed;
    background-position-y: 0px;
    background-size: 100% auto!important;
        margin-top: -100px;
}
.single .meta-f {
    top: 54%;}
.section{
	max-width: 1140px;
}

.intro-p a {
	font-size: 22px;
	line-height: 33px;
}

}
@media only screen and (min-width: 1380px){
.section{
	max-width: 1350px;
}


h1 {
	font-size: 60px !important;
	line-height: 72px !important;
}

h2 {
	font-size: 45px !important;
	line-height: 58px;
	margin-bottom: 34px;
}

h3 {
	font-size: 34px;
	line-height: 44px
}

.intro-p, .meta-f p, .meta-f a {
	font-size: 30px !important;
	line-height: 39px !important;
}

.intro-p a {
	font-size: 30px;
	line-height: 39px;
}

.orgf, .card .entry-footer a, .card .entry-meta, ul, p, a, span, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	font-size: 18px;
	line-height: 30px;
}



/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.41%;
}
.span_10_of_12 {
  	width: 82.83%;
}

.span_9_of_12 {
  	width: 74.25%;
}

.span_8_of_12 {
  	width: 65.66%;
}

.span_7_of_12 {
  	width: 57.08%;
}

.span_6_of_12 {
  	width: 48.5%;
}

.span_5_of_12 {
  	width: 39.91%;
}

.span_4_of_12 {
  	width: 31.33%;
}

.span_3_of_12 {
  	width: 22.75%;
}

.span_2_of_12 {
  	width: 14.16%;
}

.span_1_of_12 {
  	width: 5.583%;
}


/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 0% 0 1% 3%;
}


.lear-button {
display:inline-block;

}

}
@media only screen and (max-device-width: 769px) {
.single .meta-f{top:50%!important;}
}


footer#colophon a:hover {
	color: #60A844;
}

.gmhover:hover {
	color: #60A844 !important;
	}

@media only screen and (max-width: 767px){
	.site-branding{
	margin-top: 10px; 
}

}
.footer-logo img{
	width: 230px;
}

.scnb-buttons a {
	border-radius: 0px;
	font-size: 14px;
}
 .scnb-buttons a:hover {
 	text-decoration: none;
 }

 .meta-f h1 {
 	margin-bottom: 10px;
 }

 .meta-f p {
 	margin-top: 10px;
 }

 .slider-content {
 	padding: 0px !important;
 }

 .briefing-ticket {
 	margin-top: 34px;
 }

.error-main {
	height: 250px;
 }

.clock {
	color: #fff !important;
}

.time_circles>div>h4 {
	color: #fff !important;
}

.form-control {
	margin: 0.5em 0;
}