/*
Theme Name: Be Change
Theme URI: http://www.dynamo.ie
Author: Rhys Jenkins
*/


body { 
}


/* ------------ TEMPLATES -------------- */

.home-grad {
	background: #ffffff url(images/grad3.png) repeat-x;
}

/* ------------ COLOURS -------------- */


.yellow {
	background-color: #FFC600;
}

.dark-blue {
	background-color: #003054;
}

.light-blue {
	background-color: #009eda;
}

.pink {
	background-color: #d30056;
}

.green {
	background-color: #75bc3b;
}

.white-text {
	color: #ffffff;
}


/* ------------ LINKS -------------- */


a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
	
a img { 
	border: none; 
}


/* ------------ TEXT -------------- */


h1 {
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 68px;
	color: #ffffff;
	line-height: 70px;
	}

h1 a:link {	
	color: #ffffff;
}

h1 a:visited {	
	color: #ffffff;
}

h1 a:hover {	
	color: #ffffff;
}

h1 a:active {	
	color: #ffffff;
}


h2 {
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	color: #ffffff;
	line-height: 34px;
	margin: 0 0 6px 0;
}

h2 a:link {	
	color: #ffffff;
}

h2 a:visited {	
	color: #ffffff;
}

h2 a:hover {	
	color: #ffffff;
}

h2 a:active {	
	color: #ffffff;
}


h3 {
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 28px;
	color: #ffffff;
	line-height: 34px;
}

h3 a:link {	
	color: #ffffff;
}

h3 a:visited {	
	color: #ffffff;
}

h3 a:hover {	
	color: #ffffff;
}

h3 a:active {	
	color: #ffffff;
}


h4 {
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 26px;
	color: #ffffff;
	line-height: 30px;
	padding-bottom: 22px;
}

h4 a:link {	
	color: #ffffff;
}

h4 a:visited {	
	color: #ffffff;
}

h4 a:hover {	
	color: #ffffff;
}

h4 a:active {	
	color: #ffffff;
}


h5 { 	
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	color: #ffffff;
	line-height: 28px;
}

h5 a:link {	
	color: #ffffff;
}

h5 a:visited {	
	color: #ffffff;
}

h5 a:hover {	
	color: #ffffff;
}

h5 a:active {	
	color: #ffffff;
}

h6 { 	
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 18px;
	color: #ffffff;
	line-height: 24px;
}

h6 a:link {	
	color: #ffffff;
}

h6 a:visited {	
	color: #ffffff;
}

h6 a:hover {	
	color: #ffffff;
}

h6 a:active {	
	color: #ffffff;
}


p {
	font-size: 16px;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	line-height:20px;
	font-weight: 100;
	color: #ffffff;
	padding: 0 0 12px 0;
}

p a:link {
	color: #ffffff;
	text-decoration: underline;
}
			
p a:visited {
	color: #ffffff;
}

p a:hover {
	color: #adadad;
}

p a:active { 
	color: #ffffff;
}



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

.ul-style1 {
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 20px;
	color: #ffffff;
	line-height: 28px;
}

.ul-style1 li span {
	font-weight: 600;
	padding: 0 32px 0 0;
	margin: 0 5px 0 0;
	background: url(images/arrow-right-sm.png) no-repeat right center;
}

.ul-style1 li {
	padding: 0 0 20px 30px;
}

.ul-style2 {
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	color: #ffffff;
	line-height: 30px;
}

.ul-style2 li {
	margin: 0 0 0 25px;
	padding: 0 0 0 10px;
	list-style: square;
}

.ul-style3 {
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 17px;
	color: #ffffff;
	line-height: 24px;
	width: 300px;
	float: left;
	margin: 0 30px 20px 0;
}

.ul-style3 span {
	padding: 14px 10px 0 20px;
	display: block;
	font-weight: 600;
	background: url(images/subnav_grad.png) repeat-x ;
	width: 270px;
	height: 30px;
}

.ul-style3 li {
	margin: 0 0 0 25px;
	padding: 0 0 14px 10px;
	list-style: square;
}


/* ------------ NAV -------------- */


#main-scroll {
	background-image: url(images/subnav_grad.png);
	padding: 10px 0 10px 20px;
	z-index: 999;
	width: 480px;
	height: 25px;
	position: absolute;
	margin: 0 0 0 460px;
}

#main-scroll ul {
	list-style: none;
}

#main-scroll ul li {
	float: left;
	font-size: 15px;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-weight: 100;
	line-height:16px;
	color: #ffffff;
	padding: 0 15px 5px 0;
	-webkit-text-stroke: 0.35px;
}

#main-scroll ul li a:link {
	color: #ffffff;
}

#main-scroll ul li a:visited {
	color: #ffffff;
}
		
#main-scroll ul li a:hover {
	color: #bbbbbb;
}

#main-scroll ul li a:active { 
	color: #ffffff;
}

#main {
	background-image: url(images/subnav_grad.png);
	padding: 10px 0 10px 20px;
	z-index: 999;
	width: 480px;
	height: 25px;
	position: absolute;
	right: 0px;
}

#main ul {
	list-style: none;
}

#main ul li {
	float: left;
	font-size: 15px;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-weight: 100;
	line-height:16px;
	color: #ffffff;
	padding: 0 15px 5px 0;
	-webkit-text-stroke: 0.35px;
}

#main ul li a:link {
	color: #ffffff;
}

#main ul li a:visited {
	color: #ffffff;
}
		
#main ul li a:hover {
	color: #bbbbbb;
}

#main ul li a:active { 
	color: #ffffff;
}

.linked a { 
	margin: -3px 10px 0 0;
	display: block;
	background: url(images/linked.png) no-repeat 0 0;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
}


#feature-scroll {
	width: 960px;
	height: 90px;
	background: #003054 url(images/be_change_logo.png) no-repeat 20px 20px;
	z-index: 999;
	position: absolute;
	top:80px;
}

#feature-scroll  ul {
	list-style: none;
	width: 960px;
	margin: 0 0 0 265px;
}

#feature-scroll ul li {
	float: left;
	font-size: 17px;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 18px;
	color: #ffffff;
	margin: 35px 15px 0 0;
	-webkit-text-stroke: 0.35px;
}

#feature-scroll ul li a:link {
	color: #ffffff;
}

#feature-scroll ul li a:visited {
	color: #ffffff;
}
		
#feature-scroll ul li a:hover {
	color: #ffffff;
}

#feature-scroll ul li a:active { 
	color: #ffffff;
}

#feature-scroll .optimise a:hover { 
	color: #009eda;
}

#feature-scroll .innovate a:hover { 
	color: #d30056;
}

#feature-scroll .engage a:hover { 
	color: #75bc3b;
}

#feature-scroll .change a:hover { 
	color: #009eda;
}

#feature {
	width: 960px;
	height: 90px;
	background: #003054 url(images/be_change_logo.png) no-repeat 20px 20px;
	z-index: 999;
	position: absolute;
	top:80px;
}

#feature ul {
	list-style: none;
	width: 960px;
	margin: 0 0 0 265px;
}

#feature ul li {
	float: left;
	font-size: 17px;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 18px;
	color: #ffffff;
	margin: 35px 15px 0 0;
	-webkit-text-stroke: 0.35px;
}

#feature ul li a:link {
	color: #ffffff;
}

#feature ul li a:visited {
	color: #ffffff;
}
		
#feature ul li a:hover {
	color: #ffffff;
}

#feature ul li a:active { 
	color: #ffffff;
}

#feature .optimise a:hover { 
	color: #009eda;
}

#feature .innovate a:hover { 
	color: #d30056;
}

#feature .engage a:hover { 
	color: #75bc3b;
}

#feature .change a:hover { 
	color: #009eda;
}

.page-template-tempalte-optimise-php #feature .optimise a:link { 
	color: #009eda;
}



.risk-nav { 
	font-size: 18px;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height:16px;
	text-align: center;
	background-color: #FFC600;
	color: #333333;
	width: 130px;
	height: 90px;
	float: right;
}

.risk-nav a {
	display: block;
	margin-top: 35px;
}
.risk-nav a:link {
	color: #333333;
}

.risk-nav a:visited {
	color: #333333;
}
		
.risk-nav a:hover {
	color: #ffffff;
}

.risk-nav a:active { 
	color: #333333;
}

.risk-nav a:link span { 
	font-weight: 100;
}

li.menu-divider:last-child {display:none;}

.contact {
}

.contact ul {
	list-style: none;
	display: block;
}

.contact ul li {
	font-size: 15px;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-weight: 200;
	line-height:24px;
	color: #333333;
	padding: 0 10px 0 0;
}

.contact ul li a {
	padding: 0 5px 0 0;
}

.contact ul li a:link {
	color: #333333;
}

.contact ul li a:visited {
	color: #333333;
}
		
.contact ul li a:hover {
	color: #ffffff;
}

.contact ul li a:active { 
	color: #333333;
}

.navigation {
	float: none;
}

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


.wrapper {
	background: #009eda url(images/grad3.png) repeat-x center top fixed;
}

.page-template-tempalte-innovate-php .wrapper {
	background: #d30056 url(images/grad2.png) repeat-x center top fixed;
}

.page-template-tempalte-create-php .wrapper {
	background: #75bc3b url(images/grad4.png) repeat-x center top fixed;
}

.page-template-tempalte-risk-php .wrapper {
	background: #FFC600 url(images/grad5.png) repeat-x center top fixed;
}

.blog .wrapper, .single-post .wrapper, .search .wrapper, .page-template-tempalte-careers-php .wrapper {
	background: #dedede url(images/grad6.png) repeat-x center top fixed;
}

header {
	width: 960px;
	margin: 0 auto;
	height: 210px;
	position: relative;
}

.home-head {
	width: 960px;
	margin: 0 auto;
	height: 600px;
	position: relative;
}

.page-template-tempalte-optimise-php .scroll-head {
	width: 960px;
	height: 160px;
	margin-left: -480px;
	left: 50%;
	position: fixed;
	background: #009eda url(images/grad3.png) repeat-x center top fixed;
}

.page-template-tempalte-innovate-php .scroll-head {
	width: 960px;
	height: 160px;
	margin-left: -480px;
	left: 50%;
	position: fixed;
	background: #d30056 url(images/grad2.png) repeat-x center top fixed;
}

.page-template-tempalte-create-php .scroll-head {
	width: 960px;
	height: 160px;
	margin-left: -480px;
	left: 50%;
	position: fixed;
	background: #75bc3b url(images/grad4.png) repeat-x center top fixed;
}


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

#new-royalslider-1 {
	position: absolute;
}

.slider {
	height: 600px;
	width: 100%;
	background-color: #3a3a3a;
}

.slider-text {
	margin-top: 140px
}

.slider-h {
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 55px;
	color: #ffffff;
	line-height: 55px;
	width: intrinsic;
	background: url(images/grey-trans.png);
	padding: 12px;
}

.slider-h span {
	font-weight: 100;
}

.slider-p {
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 30px;
	line-height: 38px;
	color: #ffffff;
	width: intrinsic;
	background: url(images/grey-trans.png);
	padding: 12px;
	margin-right: 200px;
}

#new-royalslider-1 .rsSBlock {
	width: 960px;
	margin-left: -480px;
}


/* ------------ SECTION -------------- */

section {
	width: 960px;
	margin: 0 auto;
}

.body-pages {
	margin: 0 0 0 0;
}


/* ------------ ARTICLE -------------- */

article {
}

.intro {
	margin: 50px 0 0 0;
	float: left;
}

#career-left {
	width: 280px;
	margin: 0 30px 0 0;
	float: left;
}

#career-right {
	margin: 0 0 0 350px;
	min-height: 450px;
	padding: 50px 0 0 0;
}

.video {
	margin: 0 0 0 20px;
	padding: 0 0 0 60px;
	float: right;
}

#article-standard {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#article-main {
	height: 900px;
	margin: 0 0 0 170px;
	padding: 260px 0 0 0;
}

#article-benefits {
	height: 900px;
	margin: 0 0 0 170px;
	padding: 260px 0 0 0;
}

#article-process {
	height: 600px;
	margin: 0 0 0 170px;
	padding: 260px 0 0 0;
}

.box-nav-wrap {
	float: left;
	position: fixed;
	margin: 260px 0 0 0;
}

.box-nav {
	width: 120px;
	height: 120px;
	background: url(images/box-back.png) center center;
	padding: 10px;
	margin: 0 0 20px 0;
	position: relative;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.box-nav span {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.box-nav:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.risk-txt {
	display: block;
	color: #333333;
	width: 620px;
}

.royalslider-3-overlay {
	background-color: #dedede;
	height: 120px;
	padding-top: 20px;
	width: 100%;
	position: relative;
}

.royalslider-3-overlay-img {
	position: absolute;
	top:0;
	left:0;
}

/* ------------ ASIDE -------------- */


.sidebar {
	width: 280px;
	margin-left: 630px;
}

.xoxo {
	}
	
ul.xoxo ul {
	}

ul.xoxo li {
	}
	
.widget-title {
}


/* ------------ BLOG -------------- */

.post {
	width: 600px;
	float: left;
}

.search-page {
	width: 650px;
}

.post p, .search p, .page-template-tempalte-careers-php p {
	font-size: 16px;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	line-height:20px;
	font-weight: 100;
	color: #333333;
	padding: 0 0 12px 0;
}

.post p a:link, .search p a:link, .page-template-tempalte-careers-php p a:link {
	color: #333333;
	text-decoration: underline;
}
			
.post p a:visited, .search p a:visited, .page-template-tempalte-careers-php p a:visited {
	color: #333333;
}

.post p a:hover, .search p a:hover, .page-template-tempalte-careers-php p a:hover {
	color: #adadad;
}

.post p a:active, .search p a:active, .page-template-tempalte-careers-php p a:active { 
	color: #333333;
}

.page-title {
	margin: 0 0 50px 0;
}

.blog h1, .single-post h1, .page-template-tempalte-careers-php h1 {
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 60px;
	color: #ffffff;
	line-height: 70px;
	}


.blog h2, .post h2, .search h2, .page-template-tempalte-careers-php h2 {
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 30px;
	color: #333333;
	line-height: 38px;
	margin: 0 0 0 0;
}

.blog h2 a:link, .search h2 a:link, .page-template-tempalte-careers-php h2 a:link {
	color: #333333;
}

.blog h2 a:visited, .search h2 a:visited, .page-template-tempalte-careers-php h2 a:visited {
	color: #333333;
}
		
.blog h2 a:hover, .search h2 a:hover, .page-template-tempalte-careers-php h2 a:hover {
	color: #ffffff;
}

.blog h2 a:active, .search h2 a:active, .page-template-tempalte-careers-php h2 a:active { 
	color: #333333;
}

.blog h3, .post h3, .search h3, .page-template-tempalte-careers-php h3 {
	color: #333333;
}

.blog h4, .post h4, .search h4, .page-template-tempalte-careers-php h4 {
	color: #333333;
}

.blog-page {
	float: left;
	padding: 10px 30px 0 0;
}

.blog-wrap {
	background-color: #ededed;
	padding: 40px 0 40px 20px;
}

.blog-content {
	margin: 0 0 20px 0;
}

.wp-post-image {
	padding: 0 0 20px 0;
}

#s {
	width: 212px;
	height: 24px;
	border: 0px;
	float: left;
}

#searchsubmit {
	width: 60px;
	height: 26px;
	border: 0px;
	background-color: #555555;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 16px;
	color: #ffffff;
	clear: both;
	margin: 0px 0 0 6px;
	padding: 0 0 0 0;
}

select {
	width: 100%;
    border:0;
	background-color: #7b7b7b;
    height:28px;
    -webkit-appearance: none;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 16px;
	color: #ffffff;
	padding: 1px 6px 0 8px;
	background-image: url(img/drop.png);
	background-position: right center;
	background-repeat: no-repeat;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-khtml-border-radius: 0px;
}

h3.widget-title {
	height: 28px;
	border: 0px;
	background-color: #555555;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 16px;
	color: #ffffff;
	display: block;
	padding: 0 0 5px 5px;
	margin: 0 0 10px 0;
}
	
#recent-posts-2 {
	margin: 0 0 14px 0;
}

#recent-posts-2 ul li {
	display: block;
	width: 280px;
	font-size: 16px;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	line-height: 24px;
	font-weight: 100;
	color: #333333;
	padding: 0 0 0 0;
}

#recent-posts-2 ul li a:link {
	color: #333333;
	text-decoration: underline;
}

#recent-posts-2 ul li a:visited {
	color: #333333;
}
		
#recent-posts-2 ul li a:hover {
	color: #ffffff;
}

#recent-posts-2 ul li a:active { 
	color: #333333;
}

.screen-reader-text {
	display: none;
}

#categories-2 {
	margin: 0 0 14px 0;
}

#categories-2 ul li {
	display: block;
	width: 280px;
	font-size: 16px;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	line-height: 24px;
	font-weight: 100;
	color: #333333;
	padding: 0 0 12px 0;
}

#categories-2 ul li a:link {
	color: #333333;
	text-decoration: underline;
}

#categories-2 ul li a:visited {
	color: #333333;
}
		
#categories-2 ul li a:hover {
	color: #ffffff;
}

#categories-2 ul li a:active { 
	color: #333333;
}

#search-2 {
	margin: 0 0 8px 0;
}

.social {
	padding: 10px 0 0 0;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin: 10px 0 0 0;
}

.linkedin {
	display: block;
	width: 21px;
	height: 21px;
	background: url(images/social.png) 0 0 ;
	text-indent: -99999px;
	float: left;
}

.author-box {
	float: left;
	margin: 0 20px 0 0;
	}


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

footer  {
	background: url(images/foot_grad.jpg) repeat-x;
	height: 200px;
}

.foot-container  {
	width: 960px;
	margin: 0 auto;
}

.col {
	margin: 30px 0 0 80px;
	float: left;
}

.dots {
	margin: 30px 0 0 0;
	float: left;
}

footer p {
	font-size: 16px;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	line-height: 24px;
	font-weight: 100;
	color: #333333;
	padding: 0 0 12px 0;
}

footer p a:link {
	color: #333333;
	text-decoration: underline;
}
	
footer p a:visited {
	color: #333333;
}

footer p a:hover {
	color: #adadad;
}

footer p a:active { 
	color: #333333;
}




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

button {
	background-color: #FFC600;
	border: 0px;
	padding: 10px;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 3200;
	font-size: 17px;
	line-height: 18px;
}

button a:link {	
	color: #333;
}

button a:visited {	
	color: #333;
}

button a:hover {	
	color: #ffffff;
}

button a:active {	
	color: #333;
}

.more {
	float: right;
	margin: 0 0 0 0;
}


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

form ul {
	list-style: none;
	}
	
form ul li {
	height: 55px;
	}

label {
	padding: 0;
	font-size: 16px;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	line-height:20px;
	font-weight: 100;
	color: #ffffff;
	}
	
#login_submit {
	width: 120px;
	height: 30px;
	background-color: #cccccc;
	border: 0px;
	font-size: 14px;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	line-height:20px;
	font-weight: 300;
	color: #393939;
	margin-top: -14px;
}

#login_submit:hover {
	background-color: #f3f3f3;
}
	
#login_user {
	margin: 0 0 0 14px;
	border: 0px;
	height: 26px;
	width: 200px;
}

#login_pass {
	margin: 0 0 0 14px;
	border: 0px;
	height: 26px;
	width: 200px;
}

 
	
/* ------------ VARIOUS ITEMS -------------- */	


.textleft {
	text-align: left;
}
	
.textright {
	text-align: right;
}
	
.left {
	float: left;
}
		
.right {
	float: right;
}
	
.line {
	border-bottom: 1px solid #777777;
}
		
.clear {
	clear:both;
}

.fixed {
	position: fixed;
}