.hidden {
    display: none;
}

.block {
    display: block !important;
}

.invisible {
    opacity: 0;
}

.navbar-brand-image {
    height: 40px;
}

.primary-color {
    position: relative;
    background: #1aa7e4 !important;
}

.secondary-color {
    background: #0064e4 !important;
}

.primary-text {
    color: #1aa7e4;
}

.secondary-text {
    color: #0064e4
}

.welcome {
    height: 100vh;
    min-height: 250px !important;

}
.welcome-squeezed {
    min-height: 35vh !important;
    height: auto;
}

@media screen and (max-width: 992px) {
    .welcome-squeezed {
        height: auto !important;
    }
}

.p-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/*EDGE ONLY CSS */
@supports (-ms-ime-align: auto) {
    .card-body {
        padding: 10px !important;
    }
    .card-actions {
        padding: 10px !important;
    }
}
/*EDGE ONLY CSS*?
 */

/* ----------------------------------------------
 * Generated by Animista on 2017-11-21 1:12:52
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/* ----------------------------------------------
 * Generated by Animista on 2017-11-21 1:31:53
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}
.tracking-in-expand{-webkit-animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) both}
@-webkit-keyframes bounce-in-bottom{0%{-webkit-transform:translateY(500px);transform:translateY(500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(65px);transform:translateY(65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(28px);transform:translateY(28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(8px);transform:translateY(8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-bottom{0%{-webkit-transform:translateY(500px);transform:translateY(500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(65px);transform:translateY(65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(28px);transform:translateY(28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(8px);transform:translateY(8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
.bounce-in-bottom{-webkit-animation:bounce-in-bottom 1s ease-out both;animation:bounce-in-bottom 1s ease-out both}
.slide-in-bottom{-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes bg-pan-left{0%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes bg-pan-left{0%{background-position:100% 50%}100%{background-position:0 50%}}
.bg-pan-left{-webkit-animation:bg-pan-left 8s linear infinite both;animation:bg-pan-left 8s linear infinite both}
.flip-out-hor-top{-webkit-animation:flip-out-hor-top .45s cubic-bezier(.55,.085,.68,.53) both;animation:flip-out-hor-top .45s cubic-bezier(.55,.085,.68,.53) both}
@-webkit-keyframes slide-out-bck-center{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-1100px);transform:translateZ(-1100px);opacity:0}}@keyframes slide-out-bck-center{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-1100px);transform:translateZ(-1100px);opacity:0}}

/* theme overrides */
.card-body {
    padding: 1em !important;
}

.card-title {
    margin: 0 !important;
}

.card-description {
    font-size: 0.8em
}

.gradient-bg {
    background: url(../images/gradient-2.png) !important;
}

.card-deck {
    width: 100%;
}
.card-deck .card{
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    min-width: 300px;
}

.content {
    background: url('../images/bg_gradient.png') !important;
}

.card {
    box-shadow: 0 1px 8px rgba(0,0,0,.1) !important;
    margin: 20px 0 !important;
}

.card:hover {
    cursor: pointer
}
.card-body {
    display: table-row
}

.card-info {
    display: inline-block;
    width: 78%;
}

.card-img-top {
    width: 100%;
    height: 195px;
}

.hover-image {
    display: none;
}

.card-actions {
    width: 20%;
    display: inline-block;
    font-size: 1.5em;
    vertical-align: top;
}

.card-actions > a {
    padding: 3px;
}

.card:hover {
    box-shadow: 0 5px 25px rgba(0,0,0,.1) !important;
}

.inline-block {
    display: inline-block !important;
}

.text-2x {
    font-size: 2em;
}
.sort-option {
    font-weight: 400;
    color: #9f9f9f !important;
    font-size: 1.5rem;
    line-height: 2.5rem;
    padding: 10px 0;
    margin: 0 10px;
}

.sort-option.active {
    color: #000 !important;
    border-bottom: 1px solid #007bff;
}

a {
    cursor: pointer !important;
}

.categories-container {
    background: rebeccapurple;
    color: #FFF;
}

.categories-container a {
    color: #FFF;
}

.categories-container .nav-link {
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 5px solid transparent;
}

.categories-container .active .nav-link, .categories-container .nav-link:hover {
    /*color: rebeccapurple;*/
    background: white;
}

.categories-container .nav-link:hover {
    /*color: rebeccapurple !important;*/
}

.video-info > div{
    padding: 5px;
}

#video-redirect {
    padding-top: 15%;
}


.modal-backdrop.show {
    opacity: 0.5;
    background-color: #333;
}

.media-source {
    cursor: pointer;
}

.media-source.selected {
    background: #EEE;
}

.media-source:hover {
    background: #EEE;
}

.dropdown-menu {
    width: 100%;
}

.dropdown-item.selected {
    background: dodgerblue;
    color: white !important;
}

.link {
    text-decoration: underline;
    color: dodgerblue;
}

[v-cloak] { display: none }

.card-popover {
    z-index: 1000;
    position: absolute;
    top: 0;
    margin-top: -300px;
    height: 290px;
    width: 600px;
    background: white;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 5px;
}

.mv-30 {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}

.text-smaller {
    font-size: 0.8em;
}

.cursor-pointer:hover {
    cursor: pointer;
}

#crop-container .cr-boundary {
    min-height: 400px;
}

.mt-10 {
    margin-top: 10px;
}

.navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}
.navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.text-normal {
    font-size: 12px;
}

.text-decoration-normal:hover {
    text-decoration: none !important;
}
a:hover, a:focus, a:active, a:visited, a:link{
    text-decoration: none;
}

.template-item {
    min-height: 306px;
}


.display-image.story, .hover-image.story, .display-image.square, .hover-image.square, .hover-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #d1d1d1;
    height: 195px;
}

.display-image.story img, .hover-image.story img, .display-image.square img, .hover-image.square img {
    display:none !important;
}

.story-video {
    width:338px !important;
    height: 600px !important;
    margin: 0 auto !important   ;
}