@font-face {
    font-family: EZhead;
    src: url(/mmwgs/team/2021/Evogria.otf);
}

@keyframes spin {
    from {
    	transform: rotate(0deg);
    }
    to {
    	transform: rotate(360deg);
    }
}

/* Removes unwanted content from non-ezkit nav options */
#div_TopCenterContainer, #div_BottomCenterContainer, #cbar_widget0, .items_sort {
    display: none !important;
}
ul.pagination {
    margin: .3rem 1.5rem 1.5rem 0;
    float: right;
}
#div_TopCenterContainer, #center_column .row:nth-child(2) div:first-child, #center_column .row:nth-child(2) div:nth-child(2) {
    display: none !important;
}

/* Tweaks to non-EZ-Kit gallery results */
#center_column.columns {
	padding: 0 !important;
    float: none !important;
}
#center_column.medium-9 {
	width: 100%;
}
.pagination span.unavailable {
	cursor: context-menu;
}

/* Tweaks to the EZ-Kit gallery results */
#itemlist {
	margin-top: 0.8rem;
}
#itemlist .si-image-container {
	height: 230px !important;
}
#itemlist .si-image-container img {
	max-height: 230px !important;
    width: auto !important;
}
#itemlist li {
	padding: 0 0.625rem 2rem !important;
    font-size: 1.2rem !important;
}
#itemlist li div.text-center div {
	font-size: 1.1rem !important;
}
#itemlist li span {
    line-height: 1.2;
	margin-top: 0.8rem;
    margin-bottom: .2rem;
}

/* Remove sticky to match EZ-kit menu mobile width */
@media only screen and (max-width: 46em) {
    .fluid-header-banner.fixed-sticky {
        position: relative;
    }
    nav.main-menu.fixed-sticky {
    	position: relative;
    }
    .fluid-header-banner.fixed-sticky, #main-wrap.fixed-sticky {
    	top: 0 !important;
    }
}

/* Class to hide elements */
.hide-it {
	display: none !important;
}

#main-wrap {
    max-width: none !important;
}
.round_outer, .round_inner {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

#ez-grid {
    display: grid;
}

#ez-club-logo {
    text-align: center;
    padding: 1rem 0;
}
#ez-nav-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 0 1rem;
    margin: 0 0 1rem;
}
#ez-nav-grid .nav-option {
    display: grid;
    border: 1px solid #FFF;
    text-align: center;
    color: #FFF;
}
#ez-nav-grid .nav-option.unis-icon-last {
    grid-column: span 2;
}
#ez-nav-grid .nav-option a {
    color: #FFF;
    display: grid;
    text-align: center;
}
#ez-nav-grid .nav-option a img {
    display: block;
    margin: 1rem auto 1rem;
    width: 33%;
    align-self: center;
}
#ez-nav-grid .nav-option.uni-icon a img {
    width: 44%;
}
#ez-nav-grid .nav-option.fan-icon a img {
    width: 38%;
}
#ez-nav-grid .nav-option.lim-icon a img {
    width: 38%;
}
#ez-nav-grid .nav-option.tut-icon a img {
    width: 44%;
}
#ez-nav-grid .nav-option.unis-icon a img {
    width: 34%;
}
#ez-nav-grid .nav-option.unis-icon-last a img {
    width: 16%;
}
#ez-nav-grid .nav-option.foot-icon a img {
    margin: 2rem auto 1rem;
    width: 50%;
}
#ez-nav-grid .nav-option.prot-icon a img {
    width: 46%;
}
#ez-nav-grid .nav-option.access-icon a img {
    width: 16%;
}
#ez-nav-grid .nav-option.recov-icon a img {
    width: 36%;
}
#ez-nav-grid .nav-option a p {
    align-self: end;
    margin-bottom: .2rem;
}
#ez-box3 {
    margin-bottom: 2rem;
}

#ez-body {
    background: #FFF;
    min-height: 100vh;
    padding: 0 1.6rem;
}
#ez-body-header {
	display: grid;
    justify-items: center;
    grid-row-gap: .5rem;
}
#ez-body #ez-body-header h1 {
    font-family: EZhead;
    text-align: center;
    font-size: 1.6rem;
    text-transform: uppercase;
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}
#ez-body #ez-body-header #ezkit-logo {
    grid-row: 1 / 2;
	grid-column: 1 / 2;
    max-width: 180px;
    align-self: center;
    margin-top: 1rem;
    margin-bottom: 0;
}
#ez-body hr.headhr {
    margin: 0 auto 1rem;
}
#ez-body #selected-text {
	display: none;
    text-align: center;
}
#ez-body #selected-text h2 {
    font-family: EZhead;
    text-transform: uppercase;
    font-size: 1.1rem;
	text-align: center;
    margin: 0 0 1rem;
}
#ez-body #selected-text a {
    display: inline-block;
    text-align: center;
    font-size: .9rem;
    margin: 0 0 1.4rem;
    color: #555;
    background: #e1e1e1;
    padding: .1rem 1rem;
    border-radius: 8px;
    transition: all 0.3s ease;
}
#ez-body #selected-text a:hover {
	background: #bc002e;
    color: #FFF;
}
#ez-body #uniform-subs, #ez-body #fanwear-subs {
    display: none;
}
#ez-body .sub-nav {
    margin: 0 0 .5rem;
    text-align: center;
    transition: all 0.5s ease;
}
#ez-body .sub-nav li {
    display: block;
    background: #e1e1e1;
    margin: 0 0 .5rem;
    padding: 0.4rem 1.6rem;
    transition: all 0.5s ease;
}
#ez-body .sub-nav li:hover {
	cursor: pointer;
}
#ez-body .sub-nav li.ez-active {
    color: #FFF;
}
#ez-body .sub-nav-message p {
	text-align: center;
    font-size: 1.4rem;
    margin-top: 1.5rem;
}

#ez-body-content {
	transition: all 0.5s ease;
}
#ez-body-content #spinner img {
	animation: spin 1000ms linear infinite;
}
#ez-body-content hr {
    border-top: 1px solid #CCC;
	margin-bottom: 1rem;
}

#ez-body #spinner img {
    display: block;
	margin: 0 auto;
    width: 100px;
}

.two-wide-grid-alt {
	display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: 1rem;
}

#ez-deadline-dates {
	display: none;
}
#ez-deadline-dates p {
    text-align: center;
    margin-bottom: 1rem;
}
#ez-deadline-dates p.d-date {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 0.2rem;
    color: #222;
}
#ez-deadline-dates p span {
	color: #DA291C;
}

.ez-rewards {
	text-align: center;
}
.ez-rewards-outer-bg {
	background-image: url(/mmwgs/team/2021/ez-kit-rewards-callout-branded-black.jpg);
    background-repeat: repeat;
    border-radius: 10px;
}
.ez-rewards-outer {
	background-color: rgba(147, 128, 24, 0.7);
    border-radius: 10px;
    padding: 1rem;
}
.ez-rewards-inner {
	background-color: rgba(70, 68, 41, 0.9);
    border-radius: 10px;
    padding: 1rem;
}
.ez-rewards-inner h3, .ez-rewards-inner h4, .ez-rewards-inner p, .ez-rewards-inner a {
	color: #FFF;
}
.ez-rewards-inner h3 {
	display: grid;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    align-items: center;
    grid-gap: 20px;
    font-size: 1.4rem;
    font-weight: 800;
    margin-bottom: 1rem;
}
.ez-rewards-inner h3::before, .ez-rewards-inner h3::after {
	content: "";
    border-top: 2px solid #FFF;
}
.ez-rewards-inner h4 {
	font-size: 1.6rem;
    font-weight: 800;
    margin-bottom: 0;
}
.ez-rewards-inner p.code-text {
	font-size: .9rem;
}
.ez-rewards-inner p.code-top {
    margin-bottom: 0;
}
.ez-rewards-inner p.code-bottom {
    margin-bottom: 1rem;
}
.ez-rewards-inner a {
    display: inline-block;
    margin-bottom: 0;
}

.three-wide-grid {
	display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: 1rem;
}
.two-wide-grid {
	display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: 1rem;
}
.one-wide-grid {
	display: grid;
    grid-row-gap: 1rem;
    margin-bottom: 1rem;
}
#important-info-wrap, #ez-proc-msg-wrap {
    display: grid;
    justify-items: center;
}
#ez-proc-msg {
	max-width: 44em;
}
#important-info-wrap a {
	color: #DA291C;
    font-size: 1rem;
}
#important-info-wrap p {
	display: inline;
    margin: 0 1rem;
}
#ez-proc-msg-wrap {
	text-align: center;
}
#ez-proc-msg-wrap h2 {
    font-family: EZhead;
	font-size: 1.3rem;
    font-weight: 400;
    margin-bottom: 1rem;
}
#ez-proc-msg-wrap ul {
	margin: 0 0 1rem;
}
#ez-proc-msg-wrap ul#ez-proc-li li {
	line-height: 1.4;
    margin-bottom: 0.8rem;
}

#ez-extra-message p {
	color: #222;
    margin-bottom: 1rem;
}

.ez-recommend h2 {
    font-family: EZhead;
	text-transform: uppercase;
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 0.5rem;
}
.ez-recommend hr {
	margin-bottom: 0;
}
#ez-recommend-fanwear {
    display: none;
}

#footwear-filters {
	display: none;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1rem;
}

#ez-paypal {
    display: grid;
    margin: 0 auto;
    justify-items: center;
    background-image: linear-gradient(to right, #003087, #003087, #0084cb, #0084cb);
    margin-bottom: 1rem;
}


@media only screen and (min-width: 46em) {
    #itemlist {
        margin-top: 4rem;
    }
    #itemlist li {
        padding: 0 0.625rem 4rem !important;
        font-size: 1.2rem !important;
    }
    #itemlist li div.text-center div {
        font-size: 1.1rem !important;
    }
    #itemlist .medium-block-grid-4 li {
    	width: 50% !important;
    }
    
    #ez-nav-grid {
        grid-template-columns: 1fr;
        grid-column-gap: 0.5rem;
        grid-row-gap: 0.5rem;
        padding: 0 0.5rem;
    }
    #ez-nav-grid .nav-option.unis-icon-last {
        grid-column: span 1;
    }
    #ez-nav-grid .nav-option.uni-icon a img {
        width: 26%;
    }
    #ez-nav-grid .nav-option.fan-icon a img {
        width: 22%;
    }
    #ez-nav-grid .nav-option.lim-icon a img {
    width: 24%;
}
    #ez-nav-grid .nav-option.tut-icon a img {
        width: 26%;
    }
    #ez-nav-grid .nav-option.unis-icon a img {
        width: 20%;
    }
    #ez-nav-grid .nav-option.unis-icon-last a img {
        width: 20%;
    }
    
    #ez-grid {
        grid-template-columns: 34% 1fr;
    }
    
    #ez-body #ez-body-header h1 {
        font-size: 2.4rem;
    }
    #ez-body #selected-text h2 {
        font-size: 1.4rem;
        margin: 0 0 1rem;
    }
    
    #ez-body .sub-nav li {
        display: inline-block;
        border-radius: 8px;
        margin: 0 0.6rem 1rem;
        padding: 0.6rem 1.6rem;
    }
    #ez-body .sub-nav li:hover {
        background: #c4c4c4;
    }
    
    .two-wide-grid {
        grid-template-columns: 1fr 1fr;
    }
    .three-wide-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
    
    .ez-recommend h2 {
    	font-size: 1.5rem;
        text-align: left;
    }
    
    @media only screen and (min-width: 54em) {
        #ez-grid {
            grid-template-columns: 26% 1fr;
        }
    }
    
    @media only screen and (min-width: 68em) {
        #itemlist .medium-block-grid-4 li {
            width: 25% !important;
        }
        #ez-body-header {
            grid-template-columns: 1fr auto;
        }
        #ez-body #ez-body-header h1 {
            margin-top: 1rem;
            grid-row: 1 / 2;
            grid-column: 1 / 3;
        }
        #ez-body #ez-body-header #ezkit-logo {
            grid-row: 1 / 2;
            grid-column: 2 / 3;
            max-width: 140px;
            align-self: center;
            margin-top: 0;
    		margin-bottom: 0;
        }
        .two-wide-grid-alt {
            grid-template-columns: 66.6% 1fr;
            align-items: center;
            margin-bottom: 1rem;
        }
    }
    
    @media only screen and (min-width: 78em) {
        #ez-grid {
            grid-template-columns: 16% 1fr;
        }
    }
}