/*
#------------------------------------------------------------------------
# RockWall - April Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/
 
.itemsContainer .itemsContainerWrap, 
.itemContainer .itemsContainerWrap {
	margin: 0!important;	
}

#gkInset,
#gkContentWrap {
	width: 100%!important;
}

#gkInset {
	margin-top: 14px!important;
	padding: 0!important;
}

#k2Container article header h2 {
	font-size: 32px;
	line-height: 32px;
}
.demo-typo-col2,
.demo-typo-col3,
.demo-typo-col4 {
	clear: both;
	float: none;
	width: 100%;
}

#gkTopMenu {
	clear: both;
	float: none!important;
	margin: 20px 0!important;
	text-align: center!important;
}

#gkTopMenu li {
	display: inline-block;
	float: none;
}

article header h1, 
article header h2 {
	font-size: 32px;
}

#gkTags,
#gkSearchMiddle {
	clear: both!important;
	max-width: 100%!important;
	width: 100%!important;
}

#gkSearchMiddle {
	float: none!important;
	margin: 0 auto!important;
	overflow: hidden;
	padding: 16px 0 0 0;
	width: 300px!important;
}

.gkIsWrapper-gk_rockwall figcaption h2 {
	font-size: 32px;
}

.overlaywhite .nspArts,
.overlaywhite .nspLinksWrap,
.overlayblack .nspArts,
.overlayblack .nspLinksWrap {
	width: 100%!important;
}

.overlaywhite .nspLinksWrap,
.overlayblack .nspLinksWrap {
	margin-top: 20px;
}

.overlaywhite .nspLinks,
.overlayblack .nspLinks {
	margin: 0!important;
}
@media (max-width: 660px) {
    body #cc-notification h2, 
    body #cc-notification h3, 
    body #cc-notification p {
        font-size: 12px!important;
        margin-bottom:0!important;
        width: 100%!important;
        max-width: 100%!important;
    }

    body #cc-notification h2 span, 
    body #cc-notification h2 {
        font-size: 12px!important;
    }

    body #cc-notification #cc-notification-wrapper {
        padding: 10px 32px 0!important;
    }

    body #cc-notification ul.cc-notification-buttons {
        clear: both!important;
        width: 100%!important;
        position: static!important;
        text-align: center;
    }

    body #cc-notification ul.cc-notification-buttons li {
        float: none!important;
        display: inline-block;
    }

    body #cc-notification a, 
    body #cc-notification a:visited {
        font-size: 12px!important;
    }
}


/* ARTIFIEDWEB CODE */

.awSlideshow, 
.awSlideshow .owl-carousel, 
.awSlideshow .owl-carousel .owl-stage-outer, 
.awSlideshow .owl-carousel .owl-stage-outer .owl-stage, 
.awSlideshow .owl-carousel .owl-stage-outer .owl-stage .owl-item, 
.awSlideshow .owl-carousel .owl-stage-outer .owl-stage .owl-item .item, 
.awSlideshow .owl-carousel .owl-stage-outer .owl-stage .owl-item .item img {
    height: 300px;
}

.awSlideshow .slideTitle {
    font-size: 20px;
	padding: 2% 5% !important;
}

.decades {
    flex-direction: column;
	-webkit-flex-direction: column;
	height: 900px;
	width: auto;
}

.moduleAWDecades {
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
    margin: 0;
    width: 100%;
}
.modAWDecades {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 450px;
}

.decadesContainer {
	width: 200px;
}

.decade {
	width: 85px;
}

.decade .inner:hover,
.decade.active .inner {
	background-color: transparent;
	cursor: pointer;
	height: 85px;
	left: 0;
	top: 0;
	width: 85px;
}

.moduleAWDecades .verticalLine {
    height: calc(100% - 100px);
    left: 42px;
    position: absolute;
    top: 45px;
    width: 1px;
}

.decade .inner {
	left: 36px;
}

.decade .text {
    left: 80px;
    top: 36%;
    width: auto;
}

.decade .inner:hover + .text,
.decade.active .inner + .text {
	left: 110px;
	top: 36%;
}

.awardsPage #gkMaincontentBottom {
    display: flex;
	display: -webkit-flex;
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	float: left;
    padding-top: 80px;
    width: 100%;
}

.moduleAWDecadesDetails {
	width: calc(100% - 200px);
}

.decadeMain .years {
	flex-direction: column;
	-webkit-flex-direction: column;
	height: 100%;
	height: calc(100% - 82px);
    top: 38px;
}

.decadeDetails.active {
    display: block;
    height: 100%;
    position: absolute;
	margin: 0;
	width: 100%;
}

.decadeTitle {
    margin-top: -40px;
	text-align: center;
}

.decadeMain {
    border-bottom: medium none;
    border-top: medium none;
    height: 100%;
    padding: 0;
    width: 100%;
}

.decadeMain .year {
    float: left;
    height: auto;
}

.decadeMain .text {
    left: calc(50% + 16px);
    line-height: 1;
    padding-top: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 80px;
}

.moduleAWDecadesDetails .verticalLine {
    height: calc(100% - 106px);
    left: 50%;
    top: 40px;
    width: 1px;
}

@media (max-width: 800px) {
	#gkContent {
		width: 100% !important;
	}
	#gkPageContent {
		margin-bottom:0 !important;
	}
	#gkSidebar {
		width: 100% !important;
		padding-left:0;
		padding-top:45px;
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		justify-content:space-between;
		-webkit-justify-content:space-between;
		margin: 0 0 150px;
	}
	.box.k2-calendar {
		float: left;
		margin: 70px 0 0;
		order: 10;
		width: 100%;
	}
	.box.news-right-sidebar {
		float: right;
		margin: 0 0 40px;
		width: 47%;
	}
	.box.news-right-sidebar .modItemImage {
		float: left;
		width: 100%;
	}
	.box.newsletter {
		float: left;
		margin: 8px 0 40px;
		width: 47%;
	}
	.box.banner {
		float: right;
		margin: 0 0 40px;
		width: 47%;
	}
	.box.news-right-sidebar .modItemImage a {
		background-size: cover !important;
	}
	#gkSidebar::after {
		display:none;
	}
	
	.awardsPage #gkPageContent {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.awardsPage #gkContent {
		order:1;
	}
	.awardsPage #gkMaincontentBottom {
		float: left;
		order: 2;
		width: 100%;
	}
	.awardsPage #gkSidebar {
		order:3;
	}
	.moduleAWDecadesDetails .verticalLine {
		height: calc(100% - 110px);
		left: 50%;
		top: 42px;
		width: 1px;
	}
	
	.awardsPage #gkMaincontentBottom {
		display: flex;
		flex-wrap: wrap;
		float: left;
		padding-top: 40px;
	}
	
}
@media (max-width: 720px) {
	#gkFooter .gkPage {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	#gkFooterMenu {
		order: 1;
	}
	#gkCopyrights {
		order: 2;
		width: 100%;
	}
	#gkFooterNav {
		order: 3;
		width: 100%;
	}
}
@media (max-width: 640px) {
	.news-homepage .moduleK2Items {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.news-homepage .moduleK2Item {
		width: 100%;
		margin-bottom:25px;
	}
	.news-homepage .moduleK2Item .modItemImage,
	.box.news-right-sidebar .modItemImage {
		float: left;
		width: 50%;
	}
	.news-homepage .moduleK2Item .modItemTitle,
	.box.news-right-sidebar .modItemTitle {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float: left;
		margin: 0;
		padding-left: 30px;
		width: 50%;
	}
	.news-homepage .moduleK2Item .moduleItemExtraFields,
	.box.news-right-sidebar .moduleItemExtraFields {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float: left;
		padding-left: 30px;
		width: 50%;
	}
	/* Homepage Events */
	#gkMainbodyBottom .box.events-homepage {
		width: 100%;
	}
	#gkMainbodyBottom .box.covid-homepage {
		margin: 30px 0;
		padding: 0;
		width: 100%;
	}
	.events-homepage .moduleK2Items {
		margin: 0;
		width: 100%;
	}
	.events-homepage .moduleK2Item {
		border-bottom: 1px solid #aaa;
		float: left;
		margin-bottom: 10px;
		padding: 0 0 15px;
		width: 100%;
	}
	.events-homepage .moduleK2Item:last-child {
		border: medium none;
	}
	.events-homepage .moduleK2Item .modItemTitle {
		float: left;
		margin: 5px 0 0;
		padding: 0;
		width: 100%;
	}
	.events-homepage .moduleK2Item .moduleItemDateCreated,
	.events-homepage .moduleK2Item .moduleItemExtraFields {
		color: #00A9E0;
		float: left;
		margin: 3px 0 0;
		padding: 0;
		width: 100%;
	}
	.box.k2-calendar,
	.box.news-right-sidebar,
	.box.newsletter,
	.box.banner {
		width: 100%;
	}
	.col_3 .itemContainer {
		float: left;
		max-width: 100%;
	}
	.col_3 .catItemImageBlock {
		float: left;
		margin: 0 0 5px;
		width: 50%;
	}
	.col_3 .catItemHeader {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float: left;
		margin: 0;
		padding: 0 0 0 30px;
		width: 50%;
	}
	.col_3 .noImage .catItemHeader {
		padding: 0;
	}
	.granteesGrid.itemListView .col_3 .catItemImageBlock,
	.granteesGrid.itemListView .col_3 .catItemHeader,
	.alumni.itemListView .col_3 .catItemImageBlock,
	.alumni.itemListView .col_3 .catItemHeader {
		padding: 0;
		width: 100%;
	}
	#gkBottom4 .box.socialModule,
	#gkBottom4 .box.newsletter {
		width: 100%;
	}
	.awSocial {
		float: left;
		width: auto;
	}
}