/* === COMPETITIONS TEMPLATE CSS === */

/* === CSS GENERAL === */

.comp-logo { width:90%;max-width:500px;margin:20px auto 40px; }

.comp-title { font-size:1.25em; }
.comp-age { font-size:1em;margin-bottom:25px; }
.comp-heading { margin-bottom:18px;line-height:1.3; }
.comp-sub-heading { margin:0 0 18px;font-weight:300 !important;line-height:1.2; }

.block-quote { padding:0 40px;margin:40px 0 30px; }

.comp-icon { border-radius:50%;background-color:#FFF;padding:30px; }
.comp-icon i { font-size:3em; }

.comp-video { float:left;width:45%;margin:5px 30px 10px 0;max-width:400px; }
.comp-video > img { width:100%; }

.comp-video__iframe { width:60vw;padding-bottom:56.25%;position:relative; }
.comp-video__iframe > iframe { position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden; }

.contest-prize { margin:0;background-size:cover;background-position:center center;background-repeat:no-repeat;min-height:150px; }

#downloads { -webkit-flex:0 0 35%;-ms-flex:0 0 35%;flex:0 0 35%;padding:0 0 0 40px;border-left:1px solid rgba(0,0,0,0.05); }

.document-thumb { width:60%;height:auto;max-width:300px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.125);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.125);box-shadow:0 0 10px 0 rgba(0,0,0,0.125); }
.document-thumb.reduced { width:40%;max-width:200px; }

.feature-downloads { position:relative;-ms-grid-template-columns:repeat(12, minmax(auto, 1fr));grid-template-columns:repeat(12, minmax(auto, 1fr));padding:5% 5% 0; }
.feature-downloads__item {  }
.feature-downloads__item > a { display:block;height:100%;width:100%;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s; }
.feature-downloads__item > a > figure { position:relative;height:100%;width:100%;margin:0;padding:20px 0; }
.feature-downloads__item > a > figure > img {
	width:80%;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;
	-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.2);box-shadow:0 0 20px 0 rgba(0,0,0,0.2);
}
.feature-downloads__item > a > figure > figcaption {
	position:absolute;padding:5px 8px;background-color:#FFF;color:#252525;text-align:center;z-index:4;white-space:nowrap;font-size:85%;font-weight:700;border-radius:5px;
	-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,0.15);box-shadow:0 0 30px 0 rgba(0,0,0,0.15);transition:all 0.3s;
}

.feature-downloads__item > a > figure > .arrow { position:absolute;fill:#252525;z-index:2;transition:all 0.3s; }
.feature-downloads__item > a > figure > .arrow:last-of-type { fill:#8dc121;z-index:1; }

.feature-downloads__item > a:hover { -moz-transform:scale(1.1,1.1) rotate(2deg);-webkit-transform:scale(1.1,1.1) rotate(2deg);transform:scale(1.1,1.1) rotate(2deg);z-index:10 !important; }
.feature-downloads__item > a:hover > figure > figcaption { background-color:#782b91;color:#FFF; }
.feature-downloads__item > a:hover > figure > .arrow:first-of-type { fill:#ea8923; }
.feature-downloads__item > a:hover > figure > .arrow:last-of-type { fill:#252525; }

.feature-downloads__item:first-child,
.feature-downloads__item:nth-child(2),
.feature-downloads__item:nth-child(3) { -ms-grid-column:span 4;grid-column:span 4; }
.feature-downloads__item:nth-child(4),
.feature-downloads__item:nth-child(5) { -ms-grid-column:span 6;grid-column:span 6; }

.feature-downloads__item:first-child > a { top:0;right:-10%;z-index:4; }
.feature-downloads__item:nth-child(2) > a { top:-2.5%;right:-17.5%;z-index:3; }
.feature-downloads__item:nth-child(3) > a { top:6%;left:7.5%;z-index:2; }
.feature-downloads__item:nth-child(4) > a { right:-15%;z-index:1; }
.feature-downloads__item:nth-child(5) > a { left:-5%;top:8%;z-index:3; }

.feature-downloads__item:first-child > a > figure > img { -moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg); }
.feature-downloads__item:nth-child(2) > a > figure > img { -moz-transform:rotate(6deg);-webkit-transform:rotate(6deg);transform:rotate(6deg); }
.feature-downloads__item:nth-child(3) > a > figure > img { -moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg); }
.feature-downloads__item:nth-child(4) > a > figure > img { -moz-transform:rotate(-2deg);-webkit-transform:rotate(-2deg);transform:rotate(-2deg); }
.feature-downloads__item:nth-child(5) > a > figure > img { -moz-transform:rotate(2deg);-webkit-transform:rotate(2deg);transform:rotate(2deg); }

.feature-downloads__item:first-child > a > figure > figcaption { -moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg);bottom:5%;left:-15%; }
.feature-downloads__item:nth-child(2) > a > figure > figcaption { -moz-transform:rotate(-2deg);-webkit-transform:rotate(-2deg);transform:rotate(-2deg);right:-2.5%;top:1.5%; }
.feature-downloads__item:nth-child(3) > a > figure > figcaption { -moz-transform:rotate(8deg);-webkit-transform:rotate(8deg);transform:rotate(8deg);bottom:5%;right:20% }
.feature-downloads__item:nth-child(4) > a > figure > figcaption { -moz-transform:rotate(6deg);-webkit-transform:rotate(6deg);transform:rotate(6deg);left:-20%;bottom:5% }
.feature-downloads__item:nth-child(5) > a > figure > figcaption { -moz-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);right:-10%;bottom:20%; }

.feature-downloads__item:first-child > a > figure > .arrow { -moz-transform:rotate(-50deg);-webkit-transform:rotate(-50deg);transform:rotate(-50deg);bottom:calc(10% + 20px);left:-25%;width:60%; }
.feature-downloads__item:nth-child(2) > a > figure > .arrow { -moz-transform:rotate(120deg);-webkit-transform:rotate(120deg);transform:rotate(120deg);right:-10%;top:calc(12.5% + 20px);width:60%; }
.feature-downloads__item:nth-child(3) > a > figure > .arrow { -moz-transform:rotate(200deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);bottom:calc(5% + 20px);right:5%;width:35%; }
.feature-downloads__item:nth-child(4) > a > figure > .arrow { -moz-transform:rotate(6deg);-webkit-transform:rotate(6deg);transform:rotate(6deg);left:-10%;bottom:calc(10% + 20px);width:18%; }
.feature-downloads__item:nth-child(5) > a > figure > .arrow { -moz-transform:rotate(210deg);-webkit-transform:rotate(210deg);transform:rotate(210deg);right:0;bottom:calc(25% + 20px);width:40%; }

.feature-downloads__item:first-child > a > figure > .arrow:last-of-type { bottom:calc(10% + 17px); }
.feature-downloads__item:nth-child(2) > a > figure > .arrow:last-of-type { top:calc(12.5% + 23px); }
.feature-downloads__item:nth-child(3) > a > figure > .arrow:last-of-type { bottom:calc(5% + 17px); }
.feature-downloads__item:nth-child(4) > a > figure > .arrow:last-of-type { bottom:calc(10% + 17px); }
.feature-downloads__item:nth-child(5) > a > figure > .arrow:last-of-type { bottom:calc(25% + 17px); }

.links-3.feature-downloads { padding-top:8%; }
.links-3 .feature-downloads__item:first-child > a { right:-14%; }
.links-3 .feature-downloads__item:nth-child(2) > a { right:-8%; }
.links-3 .feature-downloads__item:nth-child(3) > a { top:3%;left:0; }
.links-3 .feature-downloads__item:nth-child(2) > a > figure > img { -moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);transform:rotate(3deg); }

.profile-listing {
     padding:20px;border-bottom:1px solid #252525;margin-bottom:5px;
     -webkit-box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.075);-moz-box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.075);box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.075);
}
.profile-listing > figure { margin:0;min-width:150px; }
.profile-listing > figure > img { object-fit:cover;width:100%;height:100%; }


/* === INDEPENDENT COMP VARIATIONS === */

#independent-comp .comp-logo { max-width:400px;margin:0px auto 35px; }
#independent-comp #prizes { padding:0 0 0 30px;border-left:1px solid rgba(0,0,0,0.05); }

@media screen and (max-width:1200px) {
	#downloads { -webkit-flex:0 0 40%;-ms-flex:0 0 40%;flex:0 0 40%;padding:20px 25px; }
	.feature-downloads__item > a > figure > figcaption { font-size:80%;padding:3px 5px; }
}
@media screen and (max-width: 1150px) {
	.flex__item--25.quick-links { -webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%; }
}
@media screen and (max-width: 1050px) {
	.comp-video { width:50%; }
}
@media screen and (max-width: 950px) {
	.comp-video__iframe { width:75vw; }
	.quick-links .margin,
	.quick-links .flex--column { margin:10px !important; }
	#downloads { -webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:none;padding:0 10px 30px; }
    #independent-comp #prizes { border:none;padding:10px 0 0; }
	.feature-downloads { padding:6% 6% 0; }
	.feature-downloads__item > a > figure > figcaption { font-size:100%;padding:8px 12px; }
}
@media screen and (max-width: 800px) {
	.comp-video { float:none;width:100%;margin:0 auto 20px;max-width:none;display:block; }
    .contest-prize { height:180px; }
    #prizes .flex__spacer40 { -webkit-flex:0 0 30px;-ms-flex:0 0 30px;flex:0 0 30px; }
	.quick-links h2,
	.quick-links h3 { text-align:center; }
	.quick-links .btn { margin:0 auto 10px !important; }
	.quick-links .flex--column { margin:0 !important; }
	#downloads { padding:0 5px 20px; }
	.feature-downloads__item > a > figure > figcaption { font-size:90%;padding:5px 8px; }
    #select-resources > .grid {
        -ms-grid-auto-rows:minmax(20px, min-content);grid-auto-rows:minmax(20px, min-content);
        -ms-grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
    }
    #select-resources figure.flex__item--third { -webkit-flex:auto;-ms-flex:auto;flex:auto; }
}
@media screen and (max-width:600px) {
	#downloads { padding:0 0 20px; }
    #ind-downloads { margin-top:15px; }
	.feature-downloads { padding:20px 3% 0; }
	.feature-downloads__item > a > figure > figcaption { font-size:80%;padding:3px 5px; }
}
@media screen and (max-width:450px) {
    .contest-prize { height:150px; }
	.feature-downloads__item > a > figure > figcaption { font-size:72%; }
}