/*
* Theme Name: Learning and Work Wales
* Author: Web Juice
* Text Domain: lw-theme
* Domain Path: /languages
*/

a,hr{padding:0}a,button,input,select,textarea{margin:0}article,aside,details,figure,footer,header,hr,nav,section,summary{display:block}abbr,address,article,aside,audio,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,mark,menu,nav,object,p,pre,q,samp,section,small,span,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;font-style: normal;vertical-align:baseline;background:0 0}input[type=checkbox],th{vertical-align:bottom}strong,th{font-weight:700}html{box-sizing:border-box;overflow-y:scroll}*,:after,:before{box-sizing:inherit}embed,img,object{max-width:100%}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{font-size:100%;vertical-align:baseline;background:0 0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0;font:100%}td{font-weight:400;vertical-align:top}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type=radio]{vertical-align:text-bottom}.ie7 input[type=checkbox]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}input,select,textarea{font:99% sans-serif}small{font-size:85%}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}
ins,mark{background-color:#fcd700;color:#000;}
th{ text-align: left;}
::-moz-selection{background:#fcd700;color:#fff;text-shadow:none;}
a:link{-webkit-tap-highlight-color:#fcd700;}
ins{text-decoration:none}mark{font-style:italic;font-weight:700;}
input:-moz-placeholder{color:#a9a9a9;}
textarea:-moz-placeholder{color:#a9a9a9;}

html {font-family:'Raleway',sans-serif;font-size:14px;}

a{color:#ee7e3b;text-decoration:none;}
a:hover,a:focus{color:#cb5712;text-decoration:underline;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500; font-family: 'Maven Pro','Raleway',sans-serif;}
h1{ font-size: 2.1em; line-height: 1.25em; padding: 0 0 10px; color: #264c59; font-weight: 600;}
h2{ font-size: 2em;   line-height: 1.15em; padding: 6px 0; color: #333;}
h3{ font-size: 1.8em; line-height: 1.1em;  padding: 4px 0;color: #333;}
h4{ font-size: 1.2em;}
li{ margin: 2px 0;}
p {line-height: 1.42em; margin: 9px 0;}
.hr{ width: 100%; height: 1px; background-color: #fff;	clear: both;}
nav{ float: left;}

label{
	display: inline-block;
	font-weight: bold;
	margin: 0 10px 0 0;
}
select,input{
	height: 34px;
	padding: 6px 12px;
	margin: 0 20px 0 0;
	font-size: 14px;
	line-height: 1.43;
	color: #555555;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

input[type=submit]{
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.43;
	border-radius: 4px;
	background-color: #ee7e3b;
	color: #fff;
}
@media(max-width:1200px){
	.filter label, .filter select, .filter input{
		float: left;
		margin: 3px 0;
	}
	.filter label{
		clear: left;
		padding: 6px 12px;
		width: 20%;
	}
	.filter input[type=submit]{
		clear: left;
	}
}

/*#fw-container{
	margin: 0 auto; 
	max-width: 960px;
	clear: both;
}*/
#header{
	width: 100%;
	position: relative;
	background-color: #264c59;
	color: #fff;
	padding: 23px 0 0;
}
#header .right_menu{
	float: right;
}
#header .icons span i, #footer .icons span i{
	color: #264c59;
}
#header .icons span i.fa-circle, #footer .icons span i.fa-circle{
	color: #fff;
}
#header .icons  a, #footer .icons  a{
	margin: 0 6px;
}
#header .header_menu{
	display:block;
	clear: both;
	background-color: #506c78;
	color: #fff;
	margin: 23px 0 0;
	height: 48px;
}
#header .header_menu a{
	color: #fff;
	font-size: 1.3em;
	text-decoration: none;
}

#header .header_menu li{
	padding: 13px 9px 14px;
	z-index: 10;
	position: relative;
}

#menu-main li ul, #menu-main-welsh li ul{
	background-color: #ccc;
	color: #555;
	position: absolute;
    	top: 47px;
    	left: 0;
    	display: none;
    	
}
#menu-main li ul, #menu-main li ul li, #menu-main li ul li a, #menu-main-welsh li ul, #menu-main-welsh li ul li, #menu-main-welsh li ul li a{
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.2s ease-in-out;
	-moz-transition: height 0.2s ease-in-out;
	-o-transition: height 0.2s ease-in-out;
	-ms-transition: height 0.2s ease-in-out;
	transition: height 0.2s ease-in-out;
}

#menu-main li ul, #menu-main li ul li,#menu-main li ul li:hover a, #menu-main-welsh li ul, #menu-main-welsh li ul li,#menu-main-welsh li ul li:hover a{
	overflow:visible;
	
}
#menu-main ul li a, #menu-main ul li, #menu-main-welsh ul li a, #menu-main-welsh ul li{
	width: 100%;
}

#menu-main li:hover ul, #menu-main-welsh li:hover ul{
	height: auto;
	display: block;
}
#menu-main li:hover ul li, #menu-main-welsh li:hover ul li{
	height: 47px;
}
#menu-main li:hover ul li a, #menu-main-welsh li:hover ul li a{
	height: 34px;
	overflow: auto;
}

#menu-main li ul li ul, #menu-main-welsh li ul li ul{
	top: 0;
	left: 100%;
	width: 0;
	overflow:visible;
	-webkit-transition: width 0.2s ease-in-out;
	-moz-transition: width 0.2s ease-in-out;
	-o-transition: width 0.2s ease-in-out;
	-ms-transition: width 0.2s ease-in-out;
	transition: width 0.2s ease-in-out;
}
#menu-main li ul li:hover ul, #menu-main-welsh li ul li:hover ul{
	width: 300px;
}

#menu-main li ul li ul li, #menu-main-welsh li ul li ul li{
	height: 47px;
	display: none;
}
#menu-main li ul li:hover ul li, #menu-main-welsh li ul li:hover ul li{
	display: block;
}

#menu-main li ul li ul li a, #menu-main-welsh li ul li ul li a{
	height: 34px;
}

#header .header_menu li:hover, #header .header_menu li:hover a, #header .header_menu a.selected,#header .header_menu #menu-main li ul a, #header .header_menu #menu-main-welsh li ul a {
	background-color: #ccc;
	color: #264c59;
}

#menu-main li ul a, #menu-main-welsh li ul a {
	display: inline-block;
	white-space: nowrap;	
}

#header .right_menu a.wales, #header .right_menu span.wales{
	color: #fff;
	display: inline-block;
	padding: 11px 20px 0 0;
	font-size: 1.1em;
}

span.wales.inactive {
    cursor: not-allowed;
}

#header .right_menu a, #header .icons, #header .right_menu span.wales{
	float: right;
}

nav ul{ 
	margin: 0; 
	padding: 0;		
	list-style: outside none none;
}
nav li{
	display: inline;
	float: left;
	margin: 0; padding: 0;
}
nav li a{
	margin: 0 7px 0 0;
}
nav .header-menu{
	display:inline-block;
	vertical-align: top;
}
#menu-link{
	display: none;
}

@media(max-width:990px){
	#menu-link{
		position: absolute;
		right: 60px;
		top: 12px;
		font-size: 2.1em;
		z-index: 10;
		display: block
	}
	#nav-menu{
		display: none;
	}
}

.mm-navbar{
	background-color: #264c59;
}

.mm-navbar a, #mm-nav-menu a{
	color: #fff !important;
}

a.mm-next, .mm-next::after, .mm-btn::before {
	color: #ee7e3b !important;
	border-color: #ee7e3b !important;
}
.mm-next::before{
	border-color: #264c59;
}
.mm-panels li {
	width: 100%;	
}

#mm-nav-menu {
	background-color: #506c78;
}

#mm-nav-menu ul ul li,#mm-nav-menu ul ul li a{
	background-color: #ccc;
	color: #333;
}
#mm-nav-menu ul ul ul li, #mm-nav-menu ul ul ul lia{
	background-color: #ddd;
	color: #333;
}


.searchForm, .searchFormMobile{
	float: right;
}
.searchFormMobile{
	position: absolute;
	top: 12px;
	right: 36px;
	z-index: 10;
}
.searchForm input{
	padding: 4px 0;
	margin: 6px 0 0;
	text-transform: none;
}

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

@media(min-width:1200px){
	.searchFormMobile{
		display:none;
	}
}
@media(max-width:1199px){
	.searchForm{
		display:none;
	}
}
#breadcrumbs{
	clear:both;
}
.breadcrumb{
	margin: 15px 0;
	padding: 0 0 15px;
}

.breadcrumb > li + li::before {
	color: #333333;
	content: "> ";
	font-weight: 700;
	padding: 0 8px;
}
.box img{
	width: 100%;
}

.fw-row { position: relative;}

.fw-row div.orange, .fw-row div.blue{
	padding: 10px;
	margin: 0 15px 10px;
	height: 100%;
	min-height:100%;
	display: inline-block; 
}

.fw-row div.orange p img, .fw-row div.blue p img{
	margin-top: -9px;
}

.fw-row div.orange{
	background-color:rgb(238, 126, 59);
	color: #fff;
}

.fw-row .right .orange{
	width: 100%;
	margin: 0;
	clear: right;
	float: right;
	display: inline;
}

.author .fw-row .right{
	margin: 0 0 0 20px;
}

@media(max-width:700px){
	.author .fw-row .right{
		margin: 15px 5%;
		width: 90%;
	}
	.author .fw-row .authorContent{
		width: 90%;
	}
}

.page-id-944 .fw-container p br{
	line-height: 0em;
	font-size: 0;
	display: block;
}
.page-id-944 .fw-container p img{
	float: left;
	width: 21%;
	margin: 0 2%
}

.right .orange div{
	padding: 3px 0 3px 10px;
}
.right .orange div:before{
	font-family: FontAwesome;
	margin: 0 10px 0 0;
}
.orange .email:before{
	content: '\f0e0';
	
}
.orange .phone:before{
	content: '\f095';
}
.orange .twitter:before{
	content: '\f099';
}
.orange .linkedin:before{
	content: '\f0e1';
}
  
.fw-row div.fw-col-xs-12.orange strong{
	font-size: 18px;
}
.fw-row div.fw-col-xs-12.orange{
	margin-bottom: 20px;
	width: calc(100% - 30px);
}

.fw-row div.blue{
	background-color:rgb(38, 76, 89);
	color: #fff;
}
.fw-row div.orange h2, .fw-row div.orange h3,.fw-row div.blue h2, .fw-row div.blue h3{
	color: #fff !important;
}

.fw-row div.orange a, .fw-row div.blue a{ color: #fff;}
.fw-row div.blue.fw-col-sm-6{ margin: 0 1% 10px 1.2% !important; }
.fw-row div.blue.fw-col-sm-6 < div.fw-row{height: 500px;}
.fw-row div.blue.fw-col-sm-6:last-child{margin: 0 1.2% 10px 1% !important; position: absolute;}

.resource_link_img img, .user_link_img img{
	height: auto;
	width: 100%;
}
a.resource_link_img{
	max-height: 225px;
	overflow: hidden;
	position: relative;
	display: table;
	margin-bottom: 10px;
	text-align: center;
	color: #fff;
	background-color: #506c78;
	font-size: 30px;
	font-weight: bold;
	width: 100%;
}


.blog_list a.resource_link_img{
	font-size: 20px;
}
.blog_list h3{
	font-size: 1.4em;
}

a.user_link_img{
	max-height: 265px;
	overflow: hidden;
	display: block;
}

@media(max-width:1200px){
	a.user_link_img{
		max-height: 210px;
	}
	.page-id-944 .fw-container p img{
		float: left;
		width: 29%;
		margin: 0 2%
	}
}

@media(max-width:991px){
	a.user_link_img{
		max-height 220px;
	}
}
@media(max-width:767px){
	a.user_link_img{
		max-height: 100%;
		margin: 0 5%;
	}
	.page-id-944 .fw-container p img{
		width: 46%;
		margin: 0 2%
	}	
}
.centeredText{
	display: table-cell; 
	vertical-align: middle;
	height: 225px;
	width: 100%;
	padding: 0 6%;
}

.box-content p{
	min-height: 70px;	
}

.blog_list .centeredText{
	height: 143px;	
}
.blog_list .posted{
	position: absolute;
	left: 15px;
	top: 116px;
	background-color: #506c78;
	color: #fff;
	font-size: 12px;
	padding: 6px 12px;
}

.blog_list .box-content p{
	height: 160px;	
}

.blog_list.fw-container{
	padding-left: 0;
	padding-right: 0;
}

.clear3{
	clear: left;
}

@media(max-width:1200px){
	.blog_list .centeredText{
		height: 107px;	
	}
	.blog_list .posted{
		top: 89px;
	}
}

@media(max-width:991px){
	.clear3{
		clear: none;
	}
	.clear2{
		clear: left;
	}
	.blog_list .centeredText{
		height: 133px;	
	}
	.blog_list .posted{
		top: 107px;
	}
}

@media(max-width:768px){
	.blog_list .posted{
		position: relative;
		top: -6px;
		left: 0;
		margin-bottom: 5px;
	}
}


@media(min-width:600px){
	nav ul{ 
		margin: 0; 
		padding: 0;		
		list-style: outside none none;
	}
	nav li{
		display: inline;
		float: left;
		margin: 0; padding: 0;
	}
	nav li a{
		margin: 0 7px 0 0;
	}
	nav .header-menu{
		display:inline-block;
		vertical-align: top;
	}
}

@media(min-width:400px){
	.fw-row div.blue.fw-col-sm-6{ width: 47.8%;}
}
@media(max-width:400px){
	.fw-row div.blue.fw-col-sm-6{ width: 97.8%; margin-bottom: 20px !important; }
	.fw-row div.blue.fw-col-sm-6:last-child{position: relative;}
	.fw-row div.orange { text-align: center;}
	.fw-row p img { width: 75%; margin: 0 auto; float: none;}
}


.right-menu{margin-top:40px;}

.right-menu h2{
	background-color: #264c59;
	color: #FFF;
	display: block;
	margin: 0;
	padding: 10px;
	font-size: 1.4em;
}

.right-menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.right-menu ul li{
	margin:0;
}

.right-menu ul li a{
	position: relative;
	color: #555555;
	display: block;
	padding: 10px 15px 10px 10px;
	border-bottom: 1px solid #eeeeee;
	font-size: 1.1em;
	background:#eee;
}
.right-menu ul li a:hover{
	background:#f5f5f5;
	color: #264c59;
}


.right-menu ul li a:after{
	position:absolute;
	content: ">";
	font-weight:bold;
	color:#264c59;
	right:5px;
}

.event-details-contain{
	background-color: rgba(0, 0, 0, 0.05);
	max-width: 370px;
	padding: 5px;
}

.event-details-spacing{
	height: 1px;
}

.event-details-spacing-two{
	height: 10px;
}

.contact-info-container{
	background-color: rgba(0, 0, 0, 0.1);
	display: block;
	padding: 10px;
	font-size: 16px;
	color: #fff;
	margin: 10px 0px;
}

.contact-info-container a, visited{
	color: #264c59;
	text-decoration: none;
	transition: all .35s ease-in-out;
}

.contact-info-container a:hover{
	color: #000;
}

.event-details-heading-container{
	background-color: #264c59;
	max-width: 370px;
	padding: 10px;
	color: #fff;
	font-size: 19px;
}

#event-details-main-container{
	background-color: #eee;
	color: #264c59;
	padding: 10px;
	font-size: 18px;
}

@media (max-width: 767px){
	#event-details-main-container{
		width: 100%;
	}

	.event-details-heading-container{
		max-width: 100%;
	}

	.event-details-contain{
		max-width: 100%;
	}
}

div.magenta, div.cyan, div.yellow, div.cerise {
	position: absolute;
	margin-top: -41px;
	min-width: 120px;
	padding: 8px 10px;
	color: #fff;
}

div.magenta {
	background-color: #5d3754;
}

div.cyan {
	background-color: #3fbfad;
}

div.yellow {
	background-color: #f6c65b;
}

div.cerise {
	background-color: #a02140;
}

div.magenta a, div.cyan a, div.cerise a {
	color: #fff;
}

div.yellow a {
	color: #222;
}

form.filters {
    margin: 20px 0;
}

.event-more {
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.43;
	border-radius: 4px;
	background-color: #ee7e3b;
	color: #fff;
}

.event-more:hover, .event-more:active {
	background-color:#D56522;
	text-decoration:none;
	color:#fff;
}

.event {
	border-bottom: 1px solid #999;
	padding-bottom: 22px;
}
#searchform{
	position:relative;
}
#searchform button{
	position:absolute;
	top:0;
	right:0;
}