/**
 * Hugo @ RMG, 2015/08/18
 *
 * This file extends v1.css and holds CSS rules that are 
 * exclusively related to an affiliate site.
 */

/**
 * Navigation and header logo
 */
#header #search { display: none; }
#header #affiliatelogo { float: right; /* swap logo positions */ }

#affiliateLogo { margin: 25px 0 0 0 ;  float: right; }
#affiliateLogo a { display: block; background-size: 267px 62px; width: 267px; height: 62px; background: url(//www.nuigalway.ie/media/centrefordisabilitylawandpolicy/images/cdlp-logo.png) }
#affiliateLogo a span { display: none; }

#primaryNavigation div.content { display: table; width: 100%; }
#primaryNavigation div.content > ul { display: table-row; width: 100%; }
#primaryNavigation div.content > ul > li { display: table-cell; }
#primaryNavigation div.content > ul > li > a { display: table; width: 100%; }
#primaryNavigation div.content > ul > li > a > span { display: table-cell; vertical-align: middle; }
#primaryNavigation div.content > ul > li > a::after { left: 0; }

#primaryNavigation div.content > ul > li:nth-child(1) { width: 150px; }
#primaryNavigation div.content > ul > li:nth-child(2) { width: 195px; }
#primaryNavigation div.content > ul > li:nth-child(3) { width: 200px; }
#primaryNavigation div.content > ul > li:nth-child(4) { width: 164px; }
#primaryNavigation div.content > ul > li:nth-child(5) { width: 187px; }
#primaryNavigation div.content > ul > li:nth-child(6) { width: 104px; }

#globalNavigation { display: block; width: 650px; }

@media only screen and (max-width : 999px) {
	#affiliateLogo { margin: 14px 102px 0 0; }

	#primaryNavigation div.content,
	#primaryNavigation div.content > ul,
	#primaryNavigation div.content > ul > li,
	#primaryNavigation div.content > ul > li > a,
	#primaryNavigation div.content > ul > li > a > span { display: block; }
	#primaryNavigation div.content > ul > li > a > span { display: block; }
	#utilityNavigation ul > li.quick_links > a { display: block; }
	#utilityNavigation ul > li.quick_links div.dropdown { display: none; }
}

@media only screen and (max-width : 767px) {
	#affiliateLogo { margin: 9px 0 0 11px; padding-left: 11px; border-left: 1px solid #30428a; float: left; }
	#affiliateLogo a { background-size: 93px 31px; width: 93px; height: 31px; }
	html.mobileMenuActive #affiliateLogo { position: absolute; z-index: 150; right: 20px; margin-right: 0; display: block; border-left: none; }
}

@media only screen and (max-width : 450px) {
	#header #logo { margin-top: 15px; }
	#header #logo a { width: 94px; height: 29px; background-size: 94px 29px; }
	#affiliateLogo { margin: 15px 0 0 8px; padding-left: 8px; }
	#affiliateLogo a { background-size: 93px 31px; width: 93px; height: 31px; !important }
}

div.imageGallery.horizontal.titleOnly div.caption h2:after {
	border-color: transparent #98a2a2 transparent transparent;
}
/**
 * Icons
 */
#collegeIconNavigation li { height: 190px; }
#collegeIconNavigation li a.ilas_icon::before { content: ''; display: block; width: 70px; height: 70px; position: absolute; top: 30px; left: 50%; margin-left: -35px; background-size: 70px 140px; }
.ilas_icon.cdlp::before { background-image: url('../images/ilas-icon-cdlp.png');}
.ilas_icon.cki::before { background-image: url('../images/ilas-icon-cki.png');}
.ilas_icon.heart::before { background-image: url('../images/ilas-icon-heart.png');}
.ilas_icon.hepa::before { background-image: url('../images/ilas-icon-hepa.png');}
.ilas_icon.ican::before { background-image: url('../images/ilas-icon-ican.png');}
.ilas_icon.icsg::before { background-image: url('../images/ilas-icon-icsg.png');}
.ilas_icon.puzzle1::before { background-image: url('../images/ilas-icon-puzzle1.png');}
.ilas_icon.puzzle2::before { background-image: url('../images/ilas-icon-puzzle2.png');}
.ilas_icon.rubiks_cube::before { background-image: url('../images/ilas-icon-rubiks-cube.png');}
.ilas_icon.unesco::before { background-image: url('../images/ilas-icon-unesco.png');}

/**
 * Branding colours
 * 
 * #005686 Blue
 * #00a7a9 Teal Green
 * #282a65 (Breadcrumb Home Icon and H1 - H6 colour)
 * #fff    White (used by footer)
 * 
 */

#header { background: #00a7a9; }
#primaryNavigation div.content > ul > li > a::after { background: #00a7a9; }

#utilityNavigation,
#utilityNavigationWrapper > ul > li:hover,
#utilityNavigation li.accessibility div.dropdown,
#utilityNavigation li.quick_links div.dropdown { background: #005686; }
#utilityNavigationWrapper > ul > li { border-left: 1px solid #1f2157; }
@media only screen and (max-width : 999px) {
	#utilityNavigationWrapper > ul > li { border-left: none; }
}

#footerInfo { background: #005686; color: #fff; }
#footerInfo p { color: #fff !important };
#footerInfo div.columnTwo { border-left: 1px solid rgba(0,0,0,0.2); border-right: 1px solid rgba(0,0,0,0.2); }
p.contactIcons a::before { background: #fff; color: #00a7ab; }
p.contactIcons a:hover::before { background: #00a7ab; color: #fff; }
p.socialIcons a { background: #fff; color: #00a7ab !important; }
p.socialIcons a:hover::before { background: #00a7ab !important; color: #fff; }
p.socialIcons a:hover { background: #00a7ab !important; color: #fff; }

.customSelect:hover::after { background: #00a7ab; }
#globalNavigation a::before { background: #005686; }
#secondaryNavigation ul li.active > span a { color: #00a7ab; }
div.imageGallery div.controls div.pagination a:hover { color: #00a7ab }
div.imageGallery div.controls.whitebg div.pagination a:hover { color: #00a7ab }
div.imageGallery.horizontal.titleOnly div.caption h2 { background: #00a7ab; background: -moz-linear-gradient(left, #00a7ab 0%, #00a7ab 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00a7ab), color-stop(100%,#00a7ab)); background: -webkit-linear-gradient(left, #00a7ab 0%,#00a7ab 100%); background: -o-linear-gradient(left, #00a7ab 0%,#00a7ab 100%); background: -ms-linear-gradient(left, #00a7ab 0%,#00a7ab 100%); background: linear-gradient(to right, #00a7ab 0%,#00a7ab 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7ab', endColorstr='#00a7ab',GradientType=1 ); }
div.pageButtons a:hover { background: #00a7ab; }
div.dataTables_paginate a.current { background: #00a7ab; }
div.dataTables_paginate a:hover { background: #00a7ab; }
div#archiveDatePickerContainer #archiveSelectButton:hover { background: #00a7ab; }
div.promoBox { border-bottom: 5px solid #00a7ab; }
@media only screen and (max-width : 999px) {
	#revealNavigationButton { border-left: 1px solid rgba(255,255,255,0.1); }
	#revealNavigationButton a { background: #00a7ab; border-right: 1px solid rgba(0,0,0,0.3); }
}
@media only screen and (max-width : 767px) {
	div.imageGallery.horizontal div.caption { background: #00a7ab; background: -moz-linear-gradient(left, #00a7ab 0%, #00a7ab 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00a7ab), color-stop(100%,#00a7ab)); background: -webkit-linear-gradient(left, #00a7ab 0%,#00a7ab 100%); background: -o-linear-gradient(left, #00a7ab 0%,#00a7ab 100%); background: -ms-linear-gradient(left, #00a7ab 0%,#00a7ab 100%); background: linear-gradient(to right, #00a7ab 0%,#00a7ab 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7ab', endColorstr='#00a7ab',GradientType=1 ); }
}

h1, h2, h3, h4, h5, h6 { color: #00a7ab }
a { color: #00a7ab }
caption { color: #00a7ab }
div.pageHeaderWrapper h1 { color: #00a7ab }
body.fullWidth div.contentColumn h1 { color: #00a7ab }
#header #search input::-webkit-input-placeholder { color: #282a65 }
#header #search input::-moz-input-placeholder { color: #282a65 }
#header #search input:-ms-input-placeholder { color: #282a65 }
#header #search button::after { color: #282a65 }
#primaryNavigation div.content > ul > li.current > a::after { background: #005686; }
#primaryNavigation div.dropdown a:hover { color: #282a65 }
#primaryNavigation div.dropdown div.text p strong { color: #282a65 }
div.breadcrumb a[href="/"]::after { color: #00a7ab }
#secondaryNavigation ul li.active > a { color: #282a65 }
#secondaryNavigation ul li a:hover { color: #282a65 }
#secondaryNavigation ul ul li { color: #282a65 }
#secondaryNavigation ul ul li a:hover { color: #282a65 }
#secondaryNavigation ul ul li.active > a { color: #282a65 }
div.embededNavigation li { color: #00a7ab }
div.videoYoutube div.info { background: #00a7ab; }
div.imageGallery div.controls > a:hover { color: #00a7ab }
div.imageGallery div.controls div.pagination a.active { color: #00a7ab }
div.imageGallery div.controls.whitebg > a:hover { color: #00a7ab }
div.imageGallery div.controls.whitebg div.pagination a.active { color: #00a7ab }
div.imageGallery.horizontal div.caption p.label { background: #00a7ab; }
div.imageGallery.horizontal.titleOnly div.caption h2 { background: #00a7ab; background: -moz-linear-gradient(left, #00a7ab 0%, #00a7ab 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00a7ab), color-stop(100%,#00a7ab)); background: -webkit-linear-gradient(left, #00a7ab 0%,#00a7ab 100%); background: -o-linear-gradient(left, #00a7ab 0%,#00a7ab 100%); background: -ms-linear-gradient(left, #00a7ab 0%,#00a7ab 100%); background: linear-gradient(to right, #00a7ab 0%,#00a7ab 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7ab', endColorstr='#00a7ab',GradientType=1 ); }
div.imageGallery.plain.features h3 { color: #00a7ab }
div.imageGallery.overlap div.item.article div.text h3 { color: #00a7ab }
div.imageGallery.flipbook div.item.active:hover .caption::after { color: #00a7ab }
div.ctaBanner div.text { background: #00a7ab; }
#campusMapBanner a { background: #005686; }
#collegeIconNavigation li.item.open { background: #3b60aa; }
#collegeIconNavigation li.item::before { background: #3b60aa; }
#collegeIconNavigation li.item.open .disciplines-list { background: #3b60aa; }
#collegeIconNavigationSingle { background: #005686; }
#schoolNavigation ul { color: #282a65 } 
#schoolDisciplinesNavigation { background: #005686; }
#collegePageButtonNavigation a:hover { background: #005686; }
#collegePageButtonNavigation a span::after { background: #005686; }
#collegePageButtonNavigation a:hover span::after { color: #05a7ab }
#collegePageWidgets div.widget span.date { color: #05a7ab }
div.tabsWrapper .tabsMenu ul li.active > a { color: #00a7ab }
div.dataTables_paginate a { background: #00a7ab; }
table.dataTable th { background: #00a7ab; }
body.newsPage #calendar tr:first-child th { background: #00a7ab; }
body.newsPage table.eventlist th { background: #00a7ab; }
div.downloads ul.downloadList li a::after { color: #00a7ab }
div.downloads ul.downloadList li p { color: #00a7ab }
body.newsPage.article div.news_article div.article blockquote { background: #00a7ab; }
body.newsPage.article div.news_article div.article div.author p.author_name { color: #00a7ab }
body.newsPage div.article_buttons a > span.next { color: #00a7ab }
div.box.teal a.more { background: #00a7ab; }
div.imageBlock.tealBackground { background: #00a7ab; }
div.highlight_feature { background: #00a7ab; }
div.grid div.item h3.more { background: #00a7ab; }
div.promoBox { background: #00a7ab; }
div.promoBox p.button a { color: #00a7ab}
div.threeColumnTextTeal { background: #00a7ab; }
div.threeColumnTextWhite p.more::after { color: #00a7ab }
div.wideScreenTabbedContent ul.tabs li a.active { background: #00a7ab; border-bottom: 1px solid #00a7ab; border-top: 1px solid #00a7ab; border-left: 1px solid #00a7ab; }
div.wideScreenTabbedContent ul.tabs li a.active::after { background: #00a7ab; }
div.wideScreenTabbedContent ul.tabs li:last-child a.active { border-right: 1px solid #00a7ab; }

@media only screen and (max-width : 999px) {
	body.landingPage div.pageHeaderWrapper h1 { color: #00a7ab }
	body.landingPage div.breadcrumb a[href="/"]::after { color: #00a7ab }
	#globalNavigation h3 { color: #00a7ab; }
	#utilityNavigation { background: #414545; }
	#utilityNavigation h3 { color: #00a7ab; }
	div.tabsWrapper .tabsMenu h3 a:hover { color: #00a7ab }
	body.newsPage #calendar tr:first-child th:nth-child(3)::after { color: #00a7ab }
	body.newsPage #calendar.open tr:first-child th { background: #00a7ab; }
	body.newsPage.events #categories div.mainCategory input:checked + label::after { color: #00a7ab }
}
@media only screen and (max-width : 767px) {
	div.imageGallery.horizontal div.caption { background: #00a7ab; background: -moz-linear-gradient(left, #00a7ab 0%, #00a7ab 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00a7ab), color-stop(100%,#00a7ab)); background: -webkit-linear-gradient(left, #00a7ab 0%,#00a7ab 100%); background: -o-linear-gradient(left, #00a7ab 0%,#00a7ab 100%); background: -ms-linear-gradient(left, #00a7ab 0%,#00a7ab 100%); background: linear-gradient(to right, #00a7ab 0%,#00a7ab 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7ab', endColorstr='#00a7ab',GradientType=1 ); }
	div.imageGallery.horizontal div.caption p.label { color: #00a7ab }
	div.imageGallery.lightbox div.more a { background: #00a7ab; }
	div.imageGallery.background div.item h3 { color: #00a7ab }
	div.imageGallery.background div.item div.more a { color: #00a7ab }
	#collegePageButtonNavigation h3 a:hover { color: #00a7ab }
	#collegePageButtonNavigation a.active { color: #00a7ab }
	div.highlight_feature { background: #00a7ab; }
	div.wideScreenTabbedContent ul.tabs li:nth-last-child(2) a.active { border-bottom: 1px solid #00a7ab;  }
}

div.imageGallery.combined div.caption h2 { background: #e16d2d; }
div.imageGallery.combined div.caption div.content p::after { color: #e16d2d; }
div.imageGallery.combined div.caption div.content p:hover {color: #e16d2d; }
div.imageGallery.combined div.caption h2:after { border-color: transparent #af5524 transparent transparent; }

form input[type=button], form button, input[type=submit] { background: #e16d2d; }
form input:focus { border: 1px solid #00a7ab; }
.customSelect::after { background: #00a7ab; }
.customSelectFocus { border-color: #00a7ab; }

div.threeVignettes div.item div.itemWrapper a h3 { background-color: #00a7ab; }