/*
    20:20 Front End Starter Kit - Mobile styles
    Include via media query;
*/

#skipLinks.hide
{
    position: relative;
    top: 0;
}

#skipLinks.hide h2
{
    position: absolute;
    top: -9999em;
}

#skipLinks.hide ul li:first-child
{
    display: none;
}

#skipLinks.hide ul li
{
    text-align: center;
}

#skipLinks.hide ul li a
{
    display: block;
    padding: 1em;
    color: #fff;
    text-decoration: none;
}

#container {
    max-width: 480px;
    -webkit-text-size-adjust: none;
    font-size: 130%;
}

#container *
{
    
}

#feed,
#candidateAction #cv,
#footer #siteInformation #siteLinks ul li:first-child,
/*#featuredVideo,*/
#candidateAction #siteSearch,
#relatedLinks,
#sort,
#applyForJob
{
    display: none;
}

#primaryNavigation,
#secondaryNav
{
    text-align:center;
    padding: 1em;
}

#primaryNavigation li,
#secondaryNav li
{
    float: none;
    border: 0 none;
}

#primaryNavigation 
{
    overflow: visible;
}

#secondaryNavigation
{
    margin-bottom: 1em;
}

#tagLine 
{
    background: none;
}

#tagLine
{
    display: block;
    margin-top: 0;
    padding: 10px;
}



#tagLine .gutter
{
    margin: 0;
    width: 100%;
}

#tagLine h2
{
    font-size: 60px;
    margin-bottom: 10px;
}

#tagLine p
{
    line-height: 1;
    margin-bottom: 10px;
}
#content
{
    background-image: none !important;
}

select
{
    background-color: #fff;
    font-size: 1.4em;
}

#primaryWidgets,
#candidateAction
{
    width: 100%;
    position: relative;
}

#primaryWidgets 
{
	top: 0;
}

#candidateAction
{
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

#candidateAction #general
{
    padding: 0;
}

#candidateAction #linkedIn
{
    padding: 0;
    border-right: 0 none;
    background-position: right center;
    float:right;
}

#candidateAction .unit
{
    border: 0 none;
}

.brandedWidget
{
    width: 100%;
    float: none;
    overflow: hidden;
}

.brandedWidget .toggle 
{
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

.brandedWidget .fieldset
{
	height: 0;
	max-height: 0;
	overflow: hidden;
	/*transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;*/
}

.brandedWidget.ani .fieldset
{
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
}

.brandedWidget.open .fieldset
{
	max-height: 1000px;
	height: 100%;
}

#jobSearch h2 
{
	margin-bottom: 0;
}

#jobSearch .field 
{
	margin-top: 5px;
}

#summary #applyForJob
{
    float: none;
    margin-bottom: 10px;
}

#currencyConverter
{
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
}

#currencyConverter .field
{
    width: 100%;
}

#currencyConverter #calculatedValue
{
    width: 50%;
    float: left;
}

#currencyConverter .trigger
{
    font-size: 24px;
}


#featuredJobs
{
    width: 96%;
    margin: 2%;
    float: none;
}



#container,
#footer #siteInformation
{
    width: 96%;
    margin: 2% 2%;
}

#mainContent,
.pageContent #extra
{
    bottom: 0;
    position: relative;
    padding-bottom: 0;
    width: 100%;
}

.promoWidget
{
    border: 0 none;
}

#branding
{
    text-align: center;
}

#featuredJobs:hover
{
    box-shadow: none;
}

#content #gradient
{
    min-height: 1px;
    background-image: none !important;

}

#candidateAction #callback
{
    margin-top: 10px;
}

#footer #footerLogo
{
    float: none;
    text-align: center;
    margin: 0;
}

#footer #groupStatement
{
    margin-top: 0px;
}

#footer #groupStatement p
{
    padding: 1em;
}

#footer #srGroupLogo
{
    margin: 0 auto;
}

#footer #siteInformation li
{
    float: none;
    border: 0 none;
    padding: 0;
    line-height: 2;
    text-align: center;
}

#footer #siteInformation #groupLinks,
#footer #siteInformation #siteLinks
{
    float: none;
}


#summary .genericCta
{
    float: none;
    margin-top: auto;
}

#summary .date
{
    position: relative;
}

#summary .meta
{
    width: 100%;
}

#summary h2
{
    width: 100%;
}

.vcard li
{
    display: block;
    margin: 0;
    line-height: 2;
    float: none;
}

#mainContent  .vcard li
{
    margin-bottom: 0;
}

.vcard li.linkedIn
{
    background-position: 0 center;
}

.vcard .vcf
{
    display: none;
}

.pagination
{
    float: none;
    text-align: center;
    margin: 40px 0;
}

.pagination a
{
    padding: 0 8px;
}

#searchResults h2
{
    font-size: 2.4em;
    margin-bottom: 0.5em;
    width: 100%;
}

#searchResults h3
{
    width: 100%;
}

#searchResults .date
{
    position: relative;
}

#searchResults #summary #total
{
    position: relative;
}

#extra .cta
{
    text-align:center;
    float: none;
}

#tertiaryNavigation
{
    float: none;
    width: 100%;
    margin: 0;
}


.tertiaryNavigation #mainContent, 
.tertiaryNavigation #extra {
    width: 100%;
}

.tertiaryNavigation #extra
{
    margin-left: 0;
}

.form
{
    width: auto;
}

.errors
{
    width: auto;
    float:none;
    padding: 2% 3%;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 1em;
}

#sort #orderBy
{
    float: left;
    margin-top: 5px;
}

#featuredJobs .featuredJobsDescription
{
    float: none;
    width: 100%;
}

.landing .single

{
    height: auto !important;
}

.landing .single img
{
    width: 100%;
}

.landing .single,
.site.landing .single:first-child
{
    width: 96% !important;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 2%;
}

.single h2
{
    background-image: none;
}

.googleMap
{
    margin: 0.3em 0 1em 0 !important;
}

.googleMap img
{
    width: 100% !important;
}

#summary .meta .clientLogo 
{
    width:96%;
    border-width: 0;
}

.addthis_sharing_toolbox 
{
    float: none;
    display: block;
    margin: 5px;
    text-align: center;
}