/* 

LAYOUT STYLE SHEET FOR [ATTIK DESIGNS]
Created by [ADRIAN CORCORAN]
[http://www.attikdesigns.ie]

*/
@font-face {
    font-family: '';
    src: url('/fonts/.ttf');
    src: url('/fonts/.ttf?#iefix') format('embedded-opentype'),
         url('/fonts/.ttf') format('truetype')
    font-weight: normal;
    font-style: normal;
}

/* --------- 2. layout	--------- */
div.layout {
		width:100% !important;
}		
div.wrapper{
	width:100% !important;
	}
div#layout-tippy-top,
div#layout-top{
	display:none;
	}
div#layout-banner {
	display:none;
}

div#layout-banner.homepage {
	height: 300px;
	display:block;
}

div#layout-banner.homepage	#bannerContainer {
	height: 300px;
}

div#layout-banner.homepage	.bannerItem {
	height: 300px !important;
}

div#layout-banner.homepage div.banner-text {
	top: 3%;
	padding: 10px;
}

div#layout-banner.homepage div.banner-text h3 {
	font-size: 2.3em;
}

div#layout-banner.homepage div.banner-text p {
	font-size: 1.5em;
}




div#layout-mobile-top{
	display:block;
	background:#FFF;
	}
/*LOGO*/
div#logo, div#logo a {
	display:none;
}
div#logo-mobile{
	display: block;
	width: 61%;
	margin: 15px 10px 3px;
	float: left;
	z-index: 9999;
	max-width:290px;
	min-height:61px;
}
div#logo-mobile img{
	width: 100%;
	height:auto;
}
/*Nav Menu*/
div#layout-nav{
	display:none;
	}
div.dropdown-menu{
	float:right;
	}
div.panel-content.top-menu{
	margin-bottom:0!important;
	padding:0!important;
	}	
div#layout-mobile-top a.top-nav.right{
	color:#FFF;
	font-size:2.5em;
	background:#006701;
  line-height: 2.4;
  padding:0px 15px;
	float:none!important;
	text-decoration:none;
	}
div#layout-mobile-top a.top-nav.right img{
    margin-top:20px;
	}
div#layout-mobile-top a.top-nav.right.menu-open{
	}
div#layout-mobile-top a.top-nav.right.menu-open img{
	padding:0 5px;
	}
div#layout-mobile-top a.top-nav.right.menu-open,
div#layout-mobile-top a.top-nav.right.menu-closed{
	position:absolute;
	top:0px;
	right:0;
	z-index:9999!important;
	height:77px;
	}
div#layout-mobile-top a.top-nav.right.menu-open{
	}	
div.slider-content.menu.hide{
	position:absolute;
	right:1px;
	top:77px;
	z-index:9999;
	width:90%;
	}	
div.slider-content.menu.hide #nav-menu-mobile{
	display:block;
	position: relative;
	}
#nav-menu-mobile.panel{
	padding:0 !important;
	}
#nav li{
	display:block;
	position: relative;
	float:none!important;
	}
#nav a {
	display:block;
	float:none!important;
	width:100%;
	text-decoration: none;
	line-height: 1.5;
	font-size: 2.5em;
	text-align:left;
	background: #006701;
	height: auto;
	padding: 10px;
	color: #fff;
	border-bottom: 1px solid #888;

}
#nav a:hover,
#nav a.on {
	background: #013902;
	color: #FFF;
}
/*SUB SUB NAV MENU*/
span.sub-sub closed{
	}
#nav a.sub-sub{
	width: 40px;
	float: right !important;
	display: block;
	position: absolute;
	right: 0;
	top: 15px;
	height: 30px;
	border: none;
	line-height: 1;
	padding: 0;
	text-align: center;
	background: none;
}
#nav a.submenu-link-mobile{
	font-size: 2em !important;
	text-align: left !important;
	padding-left: 35px;
	height: auto;
	}	
div.sub-holder-mobile{
	display:none;
	}	

/*BANNER*/
div#banner-mobile.homepage{
	display:block;
	}
#banner-mobile img{
	width:100%!important;
	height:auto!important;
	}		
#banner-mobile ol#controls,
#banner-mobile div.banner-text{
	display:none;
	}	
/*MAIN CONTENT*/
#content-sidebar-holder.desktop{
	display:none;
	}
div.contentCentre.mobile,#content-sidebar-holder.mobile{
	display:block;
	}
div#layout-content-homepage {
	background-size: cover;
}

/*Homepage Panels*/
.homepage-panel,
.homepage-panel.last,
div.gallery-list-item,
div.gallery-list-item.last,
.homepage-panel.full {
    width: 95% !important;
    margin-left:2.5%;
    margin-bottom:1em;
	float:left;
}
div.gallery-thumb{
    width: 90%;
	clear:both;
	height:auto;
	}
div.gallery-thumb.last{
	float:left;
	}	
div.gallery-homepage-thumbnail,div.gallery-thumb{
	float:none!important;
	margin:0!important;
	margin:0px auto!important;
	margin-bottom:2em!important;
	}
div.homepagePanelImage img, 
.widgetImg,
.widgetImg img
	{
    width: 100%!important;
	height:auto!important;
}
.homepage-panel h2,.homepage-panel.blue h2,.homepage-panel.last h2{
    width: 88%;
	background:none;
	box-shadow:none;
	}
div.contentCentre div.right.two-thirds,
div.contentCentre.three-quarters,
div.contentCentre.right.two-thirds{
	width:90%!important;
	float:none!important;
	margin:0 auto;
	}

div#homepage-sidebar-holder.left.third,
div#content-sidebar-holder,
div.contentLeft.third.left,
div#content-right-holder{
	clear:both!important;
	float:none!important;
	width:90%!important;
	margin:0 auto!important;
	margin-top:1em;
	}	

div.contentCentre iframe,
div.contentCentre div#map_canvas{
	max-width:85%;
	height:300px;
	margin:0 auto;
	}


div.contentCentre h1,
div.contentCentre h2,
div.contentCentre h3,
div.contentCentre p {
    text-align: left!important;
}

div.contentCentre h1 {
    font-size: 3.2em;
}

div.content p{
    font-size: 1.8em;
}

div.content ul,div.content ol {
    font-size: 1.2em;
}

div.contentCentre h2,div.contentCentre h2 {
    font-size: 2.8em;
}

/*Images*/
div.contentCentre img {
    max-width: 95%;
    height: auto;
}


div.contentCentre iframe{
	max-width:85%;
	height:300px;
	margin:0 auto;
	}
div.captcha-container iframe{
	max-width:100%!important;
	margin:0 auto;
	height: 77px;
}
div.captcha-container{
	margin-right: -25px;
}


/*Contact Form*/
form#contact-form,
fomr#newsletterSignUpForm{
	margin-bottom:2em;
	width:95%;
	}
div.form-holder,
form#contact-form p.field.third.left,
form#contact-form p.field.third,
form#newsletterSignUpForm p.field.third.left,
form#newsletterSignUpForm p.field.third{
	clear:both!important;
	width:95%;
	margin:0 auto;
	text-align:left!important;
	}
form#contact-form p.field.two-thirds.left,
form#newsletterSignUpForm p.field.two-thirds.left{
	clear:both!important;
	width:95%;
	margin:0 auto;
	}
form#contact-form p.field.two-thirds.left input,
form#newsletterSignUpForm p.field.two-thirds.left input{
	width:95%!important;
1	max-width:310px!important;
	}
form#contact-form p.field.two-thirds input,
form#newsletterSignUpForm p.field.two-thirds input{
	width:100%!important;
1	min-width:265px!important;
1	max-width:310px!important;
	}
form#contact-form p.field.two-thirds textarea,
form#newsletterSignUpForm p.field.two-thirds input{
	width:95%!important;
1	min-width:265px!important;
1	max-width:310px!important;
	}
form#contact-form p.field.two-thirds.left input.submit-button,
form#newsletterSignUpForm p.field.two-thirds input.submit-button{
	padding:10px;
1	max-width:310px!important;
1	background:#022754;
	float:left;
	width:97%!important;
	}
form#contact-form p.field.two-thirds.left input.submit-button:hover,
form#newsletterSignUpForm p.field.two-thirds.left input.submit-button:hover{
1	background:#105E8E;
	z-index:9999;
	}
form#contact-form p.field.checkbox{
	width:100%!important;
	border:none!important;
	box-shadow:none!important;
	}		
form#contact-form p.field.checkbox input[type=checkbox]{
	width: 20px;
	height: 20px;
	top: 0px;
	border-radius: 4px;
	box-shadow: 0px 1px 1px #FFF inset, 0px 1px 3px rgba(0, 0, 0, 0.5);
	background: -moz-linear-gradient(center top , #FCFFF4 0%, #DFE5D7 40%, #B3BEAD 100%) repeat scroll 0% 0% transparent;
	float:left;
	}		
div#footer{
	width:93%!important;
	margin:0 auto;
	}

div#footer div.half{
	width:100%!important;
	margin:0 auto!important;
	}

div#footer h2, div.faqs-item a#back-link {
    font-size: 3em;
}

div#footer p,div#footer h3 {
    font-size: 2em;
}

div#termsFooter a{
	display:block;
	float:none!important;
	margin-bottom:2em;
	}
	
	div.nav-side {
		padding-top: 20px;
    margin-top: 20px;
	}

div#services-sidepanel a, div#providers-sidepanel a,div.nav-side a, div.nav-side a.province-link, div.nav-side p.province-link  {
    font-size: 2em;
		padding: 25px 25px;		
}

div#testimonial-slideshow .has-slider-content a.closed,div#testimonial-slideshow .has-slider-content a.open {
    font-size: 2.8em;
}	

div#footer div.panel{
	clear:both!important;
	float:none!important;
	width:90%!important;
	margin:0 auto!important;
	border-right: none;
1	border-bottom: 1px solid #AA7350;
	padding-bottom:2em;
	}
	
	
/*mobile button*/
div#mobile-switcher-show-mobile,
div#mobile-switcher-show-desktop
{
	clear:both;
	text-align:center;
	padding-top:20px;
} 
div#mobile-switcher-show-mobile 
{
	display: none !important;
}

div#mobile-switcher-show-desktop
{
	display: block !important;
}		
/*Blog*/		
div.blog-sidebar-right{
	display:none;
	}
div.contentCentre.right.two-thirds,
div#homepage-about-jennifer,
div#homepage-latest-blog{
	float:none;
	width:98%!important;
	margin:0 auto;
	}
div.has-slider-content-blog{
	background:#920400;
	box-shadow: 0px 0px 3px #595447;
	padding:2em 0;
	margin-bottom:20px;
	display:block;
	}	
div.has-slider-content-blog a.menu-closed{
	text-decoration:none;
	font-size:2em;
	display:block;
	width:100%;
	background:url(/mainpics/buttons/arrow-down.png) no-repeat right 20px center;
	}	
div.has-slider-content-blog a.menu-closed,
div.has-slider-content-blog a.menu-open{
	padding-left:8px;
	width:100%;
	}	
div.slider-content.blog.menu.hide{
	position:absolute;
	left:1px;
	top:60px;
	z-index:9999;
	width:98%;
	background: #FFF;
1	box-shadow: 0px 0px 3px #595447;
	}
div#blog-menu-mobile{
	text-align:left;
	padding:10px;
	background:#920400;
	}
div.blog-panel div.recent-posts-item a,
div.blog-panel div.recent-posts-item p {
    font-size: 1em!important;
}	
div.blog-panel div.recent-posts-item p.text-snippet,
div.blog-panel div.recent-posts-item p.date{
	display:none!important;
	}
div.blog-panel a h3 {
    font-size: 1.8em !important;
}	
div.blog-panel{
	background:none!important;
	box-shadow:none!important;
	}
div.content.blog div.left.third,
a#button-back-link{
	display:none;
	}	
div.content.blog div.right.two-thirds{
	width:95%!important;
	margin:0 auto!important;
	float:none!important;
	}	
div.blog-item.blog-content img{
	margin: 8px;
	}	

/* course list page */

/* courses */
.course-item .panel-content,
.course-details .panel-content {
	width: 100%;
	clear: both;
}
.course-item .panel-content.college-info {
	margin-bottom: 10px;
}
div.course-item div.left {
  /* margin-right: 20px; */
}
div.course-item div.right div.left {
  /* margin-right: 0px; */
}
.course-item h3 {
	/* margin-bottom: 10px; */
	font-size: 3em !important;
}
.course-item h4 {
  font-size: 2.5em !important;
	line-height: 1.5 !important;
}
.course-item p {
  font-size: 2em !important;
  line-height: 1.5 !important;
}
div.contentCentre p.course-more-info {
	/* text-align: center !important; */
	margin-top: 20px;
}
.course-more-info .button {
	font-size: 1.4em;
	display: block;
	padding: 15px;
}
.course-details img {
	width:auto !important;
}

/* filter bar */
#courses-filter-bar .course-filter {
	clear: both;
  margin: 10px 0 0;
	float: left !important;
	width: 100%;
}
#courses-filter-bar .course-filter p {
	clear: both;
	width: 100% !important;
	display: block;
	text-align: left !important;
	float: left !important;
}

/* widgets */
#wrapper-social-homepage .news-widget, 
#wrapper-social-homepage .twitter-widget, 
#wrapper-social-homepage .facebook-widget {
	clear: both !important;
	width: 100% !important;
	margin-bottom: 20px;
}

/* top tag */
div#top-tag {
	padding: 0 20px;
}

/* top nav footer */
div#top-nav-footer {
	display:block;
}

/* cookie notice */
#layout-mobile-top {
	z-index: 9900;
}
div#layout-mobile-top a.top-nav.right.menu-closed{
	z-index:9990!important;
}