/*
Special.css by Western University (MH), Winter 2019
*/

/* Basic resets and rules */
body {
    color:#000;
    background:#fff;
    font-family: 'Roboto', arial,sans-serif;
    font-size:1em;
    line-height: 1.618em;
}

.nav-link {color:#fff;}

h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', serif;}
.slab {font-family: 'Roboto Slab', serif;font-weight:bold;}

.txt-center {text-align:center;}

.img-float-l {float:left;}
.img-float-r {float:right;}

/* Padding */
.padding-a-7 {padding:7px;}
.padding-a-20 {padding:20px;}
.padding-a-40 {padding:40px;}

.padding-t-60 {padding-top:60px;}
.padding-t-120 {padding-top:120px;}

/* Margin */
.margin-t-60 {margin-top:60px;}
.margin-t-300 {margin-top:290px;}

/* Margin - Overlaps */
.margin-minus-25 {margin-top:-25px;}
.margin-minus-50 {margin-top:-50px;}
.margin-minus-75 {margin-top:-75px;}
.margin-minus-100 {margin-top:-100px;}

/* Labels */
.tinylabel {font-size: .75em;}

/* Widths */
.width-25 {width:25%;}
.width-50 {width:50%;}
.width-75 {width:75%;}
.width-100 {width:100%;}

/* Clips and masks */
.circle-l {clip-path: circle(50%);}

/* Columms */
.columns-2 {column-count:2;}
.columns-3 {column-count:3;}

/* Colours */
.black {background: #000;}
.white {background: #fff;}
.frost {background: #f4f4f4;}
.deep {background: #1f104d;}
.twilight {background: #5d0265;}
.hyper {background: #5138cb;}
.sunrise {background: #ff1457;}
.golden {background: #ef4723;}
.burnt {background:#bd452a;}
.orange {background: #FF7C1C;}
.sun {background: #FFCF41;}
.western-purple {background:#4f2e84;}

.bkg-bio-golden {background-color:#e4d9c8;}
.bkg-bio-golden-nameplate {background-color:#bdb2a0;}

/* Alpha backgrounds */
.alpha-black {background-color: rgba(0, 0, 0, .5);}
.alpha-white {background-color: rgba(255, 255, 255, .5);}
.alpha-frost {background-color: rgba(244, 244, 244, .5);}
.alpha-deep {background-color: rgba(31, 16, 77, .5);}
.alpha-twilight {background-color: rgba(93, 2, 101, .5);}
.alpha-hyper {background-color: rgba(81, 56, 203,.5);}
.alpha-sunrise {background-color: rgba(255, 20, 87, .5);}
.alpha-golden {background-color: rgba(239, 71, 35, .9);}
.alpha-burnt {background-color: rgba(189, 69, 42, .5);}
.alpha-orange {background-color: rgba(255, 124, 28, .5);}
.alpha-sun {background-color: rgba(255, 207, 65, .5);}

/* Text colours */
.txt-black {color:#000;}
.txt-white {color:#fff;}
.txt-golden {color:#8a6838;}

/* Text weights */
.bold {font-weight:bold;}

/* Border colours */
.bdr-black {border: 1px solid #000;}
.bdr-white {border: 1px solid #fff;}
.bdr-frost {border: 1px solid #f4f4f4;}
.bdr-deep {border: 1px solid #1f104d;}
.bdr-twilight {border: 1px solid #5d0265;}
.bdr-hyper {border: 1px solid #5138cb;}
.bdr-sunrise {border: 1px solid #ff1457;}
.bdr-golden {border: 1px solid #ef4723;}
.bdr-sun {border: 1px solid #FFCF41;}

/* Custom border positions */
.bdr-t-sunrise {border-top:20px solid #ff1457;}
.bdr-l-sunrise {border-left:20px solid #ff1457;}

/* Hiding things at smaller viewports */
.hide {display:block;}
.hide-sm {display:block;}
.hide-md {display:block;}
.hide-lg {display:block;}

/* Slash polygon */
.slash {clip-path: polygon(125% 0%, 100% 75%, 0% 100%, 0% 0%, 0% 25%); height:400px;text-align:center;}

/* Z-index controls */
.z-back {z-index:-1;position:absolute;}
.z-front {z-index:1;}

/* Clears */
.clear {clear:both;}

/* Backgrounds */
.full-feature-golden {
    background-image: url('../img/dummies/puzzle.jpg');
    background-size: 100%;
    background-position: left; 
    background-repeat:no-repeat;
}

/* Links */
a, a:visited {color:#5138cb; text-decoration:underline;text-decoration-color: #9caec9; }
a:hover {color:#0066ff;text-decoration:underline;}
a.link-white {color:#fff;}
.btn, .btn:visited {text-decoration:none;}
.btn:hover {background:#fff;color:red;}
li {margin-bottom:6px;}

/* Title and heading controls*/
.section-title {padding-bottom: 10px; border-bottom:1px solid #ddd; color:#492a7e;}

/* Object controls */
.btn {transition: all .2s ease-in-out;}
.btn:hover {transform: scale(1.1); box-shadow: 0 10px 10px #ccc;}
.btn-lineup {margin-right: 25px;}
.banner-image, .narrow-banner-image {width:100%;}
.full-width-image {width: 100%;}

/* Fontawesome controls */
.fa-times-circle {color:red;}

/* Container controls */
footer {font-size:.9em;padding-top:25px; margin-top: 40px; border-top:1px solid #ccc;}

.roll-in {padding: 25px 50px; background-color:#ebebeb; background: linear-gradient(0deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);}
.container-fluid {padding: 25px 50px;}
.container-bkg {background-image: url('../../../../entrepreneurship.uwo.ca/western-accelerator/img/bnrs/gew-1920x600.html');background-size: cover;}
.container-bkg-gray {background-image: url(../img/dummies/runner-gray.png);background-size: cover;}
.container-bkg-navy {background-image: url(../img/dummies/navy-bkg.png);background-size: cover; color:#fff;}
.fa-tag {margin-right:8px; color:#c9c9c9;} /* Controls the colour of the "tag" Fontawesome icons */
.fa-search {color:#fff;margin-right:8px;}
.innovation-ambassador-filter {padding: 20px; background: #ff1a42;color:#fff;margin-bottom:45px;} /* Controls the filter of the Innovation Ambassadors section */
.secondary-logo {text-align:right;}

/* Controls image clipping */
.clip-circle {clip-path: circle(50% at center);} /* setting percentage means it's responsive */

.col-3 {max-width:250%;}

/* Controls the styles of cards added to the page */
.card-border-orange {border-top: 20px solid#feaa30; background:#f8f8f8;box-shadow: 0 10px 10px #ccc;}
.card-border-blue {border-top: 40px solid#09ace6; background:#f8f8f8;box-shadow: 0 10px 10px #ccc; border-radius: 20px;}
.card-border-purple {border-top: 20px solid#001439; background:#f8f8f8;box-shadow: 0 10px 10px #ccc;}
.card-border-red {border-top: 20px solid#f43e3e; background:#f8f8f8;box-shadow: 0 10px 10px #ccc; transition: all .2s ease-in-out;}
.card-border-red:hover {transform: scale(1.1); box-shadow: 0 10px 10px #ccc;}/* Controls asset*/
.card-generic {padding:20px;background:#fff; box-shadow: 0 5px 5px #ccc; transition: all .2s ease-in-out;}
.card-generic:hover {transform: scale(1.01); box-shadow: 0 10px 10px #ccc;}
.card-noshadow {padding:20px;background:#fff; transition: all .2s ease-in-out;border:1px solid #eee;}
.card-noshadow:hover {transform: scale(1.01); box-shadow: 0 10px 10px #ccc;}
.card-background-mint {background:#a2ffec;box-shadow: 0 10px 10px #ccc; transition: all .2s ease-in-out;}
.card-background-yellow {background:#fff8ac;box-shadow: 0 10px 10px #ccc; transition: all .2s ease-in-out;}
.card-background-navyblue {background:#001439;color:#fff;box-shadow: 0 10px 10px #ccc; transition: all .2s ease-in-out;}

/*
Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap
*/

@media screen and (max-width: 576px) {
    .col-8 {max-width:100%;flex: 0 0 100%;}
    .col-4 {max-width:100%;flex:0 0 100%;}
    .col-3 {flex:0 0 50%;}
    .col-6 {max-width:100%;flex:0 0 100%;}
    .footer-link-cols {text-align:center;margin-bottom: 50px;}
    .banner-image {display:none;}
    .card-body {margin-bottom:25px;}
    .container-fluid {padding: 40px 5px;}
    .full-width {padding: 25px 20px;}
    .smallcard {max-width:100%;flex: 0 0 100%;}
    .btn {width:100%;}
    .btn-lineup {margin-bottom:15px;}
 }

/* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) {
    .banner-image {display:none;}
    .narrow-banner-image {display:block;}
    .hide-sm {display:none;}
    .hide-md {display:block;}
    .hide-lg {display:block;}
}

@media screen and (max-width: 768px) {
    .smallcard {max-width:100%;flex: 0 0 100%; margin-bottom:20px;}
    .alpha-golden {background-color: #ef4723;}
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
    .narrow-banner-image {display:none;}
    .banner-image {display:block;}
    .hide-sm {display:block;}
    .hide-md {display:none;}
    .hide-lg {display:block;}
    .txt-responsive-sm {font-size:1.5em;}
    .txt-p-responsive-sm {font-size:.9em;line-height:1.6em;}
    .secondary-logo {width:25%;}
    .secondary-logo-jar {text-align:right;}
}

/* Large devices (desktops, 992px and up) */
@media screen and (max-width: 992px) {
    .smallcard {max-width:50%;flex: 0 0 50%; margin-bottom:20px;}
    .col-2 {max-width:50%;flex: 0 0 50%;}
    .hide-sm {display:block;}
    .hide-md {display:none;}
    .hide-lg {display:block;}
    .narrow-banner-image {display:none;}
    .banner-image {display:block;}
    .full-feature-golden {background-image: url('../img/dummies/smiler.jpg');}
    .col-2, .col-3, .col-5, .col-9 {max-width:100%;flex: 0 0 100%;}
    .padding-t-60, .padding-t-120 {padding-top:25px;}
    .col-2-headshot-card, .col-5-bio-card {max-width:50%; flex:0 0 50%;}
    .main-logo {width: 40%;}
    .secondary-logo {width:75%;margin-top:20px;}
    .mob-50 {max-width:50%;}

}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
    .narrow-banner-image {display:none;}
    .banner-image {display:block;}
    .hide-sm {display:block;}
    .hide-md {display:block;}
    .hide-lg {display:none;}
    .full-feature-golden {background-image: url('../img/dummies/puzzle.jpg'); }
    .secondary-logo {width:25%;}
    .secondary-logo-jar {text-align:right;}
    .menu-hide {display:none;}
}