/* Font */
@font-face {
    font-family: 'canarolight';
    src:
         url('../font/canaro/canaro-light-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../font/canaro/canaro-light-webfont.otf') format('opentype')
}

body {background-color:#dfe7e8;}
h1, h2, h3, h4, h5, h6, p, div {
    font-family: 'canarolight', sans-serif;
}

.container-margin {width:100%;}
.download-sizing {width:170px;height:59px;}

/* Card */
.card {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.card .card-title {font-size:16px;color:#395660;}
.card .card-img {width:100%;height:100%;}
.card .card-block {padding:10px;width:100%;margin:0;}
.center-horiz {display:flex;justify-content:center;}
.center-vert {display:flex;align-items:center;}
.center-vert-horiz {display:flex;align-items:center;justify-content:center;}
.just-end {display:flex;justify-content:flex-end;}
.day-text {color:#ea452c;font-size:18px;margin:0;}
.month-text {color:#395660;font-size:14px;}
.location-text {color:#eee;font-size:16px;}
.para-text {font-size:16px;word-wrap:break-word;}
.dark-text {color:#263d4a;}
.light-text {color:#eceae6;}
.rounding-top {border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;}
.rounding-bottom {border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;}
.details-panel {background-color:#fcfcfc;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.circle {border-radius:500px !important;}
.bs-0 {box-shadow:none;}

/*remove when imgix setup*/
/*remove when activity class figured out*/
.avatar-sizing {width:65px;height:65px;}
.logo-sizing {width:110px;height:110px;}

/* Footer */
.foot {background-color:#dfe7e8;border-top:1px solid #ccc;box-shadow:none;}
footer .navbar {box-shadow:none;}
footer .footer-height {height:50px;}

/* Background Colors */
.ski {background-color:rgb(11,139,171);}
.bike {background-color:rgb(208,38,54);}
.ride {background-color:rgb(12,88,107);}
.hike {background-color:rgb(62,50,45);}
.run {background-color:rgb(240,94,67);}
.music {background-color:rgb(37,57,90);}
.climb {background-color:rgb(69,69,73);}
.yoga {background-color:rgb(74,44,72);}
.camp {background-color:rgb(66,65,54);}
.paddle {background-color:rgb(10,75,124);}
.skate {background-color:rgb(57,83,91);}
.slack {background-color:rgb(103,34,49);}
.fish {background-color:rgb(159,123,71);}
.farm {background-color:rgb(2,109,86);}
.surf {background-color:rgb(0,137,135);}
.wildcard {background-color:rgb(43,40,40);}

/* Buttons */
.primary-button {background-color:#263d4a;border:0;margin:6px;box-shadow:0 2px 5px 0 rgba(0,0,0,.18), 0 2px 10px 0 rgba(0,0,0,.14);}
.secondary-button {background-color:#eceae6;border:0;margin:6px;box-shadow:0 2px 5px 0 rgba(0,0,0,.18), 0 2px 10px 0 rgba(0,0,0,.14);}
.margin-r {margin-right:auto;}
a:visited .dark-text {color:#263d4a;text-decoration:none;}
a:visited .light-text {color:#eceae6;text-decoration:none;}
a:hover {text-decoration:none;}

/* Brand */
/* .brand-sizingold {width:144px;height:37.5px;} */
.brand-sizingnew1 {width:205px;height:85px;}

/* Customized navbar */
.navbar-padding {padding:0.4rem !important;}

/* Media Queries */
/* Small, Above 576px */
@media screen and (min-width:576px) {
  .card .card-title {font-size:18px;}
  .day-text {font-family:"canarolight",sans-serif;color:#ea452c;font-size:20px;margin:0;}
  .month-text {color:#395660;font-size:16px;}
  .location-text {font-size:18px;}
  .avatar-sizing {width:80px;height:80px;}
  /*body {background-color:teal;}*/
}
/* Medium, Above 48em (768px) */
@media screen and (min-width:768px) {
  .card .card-title {font-size:24px;}
  .day-text {font-family:"canarolight",sans-serif;color:#ea452c;font-size:26px;margin:0;}
  .month-text {color:#395660;font-size:20px;}
  .location-text {font-size:20px;}
  .para-text {font-size:18px;word-wrap:break-word;}
  .avatar-sizing {width:80px;height:80px;}
  /*body {background-color:#F4A460;}*/
}
/* Large, Above 62em (992px) */
@media screen and (min-width:992px) {
  .card .card-title {font-size:26px;}
  .day-text {font-family:"canarolight",sans-serif;color:#ea452c;font-size:28px;margin:0;}
  .month-text {color:#395660;font-size:22px;}
  .location-text {font-size:22px;}
  .para-text {font-size:20px;word-wrap:break-word;}
  .avatar-sizing {width:80px;height:80px;}
  /*body {background-color:brown;}*/
}
/* Extra large, Above 75em (1200px) */
@media screen and (min-width:1200px) {
  .card .card-title {font-size:28px;}
  .day-text {font-family:"canarolight",sans-serif;color:#ea452c;font-size:30px;margin:0;}
  .month-text {color:#395660;font-size:24px;}
  .location-text {font-size:24px;}
  .para-text {font-size:20px;word-wrap:break-word;}
  .avatar-sizing {width:80px;height:80px;}
}