* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
}

body {
    font-size: 14pt;
    overflow-x: hidden;
    font-family: 'Varela Round', sans-serif;
}

.full-width {
    width: 100%;
}

.container {
    padding-top: 140px;
    padding-bottom: 140px;
}

.container-fluid.max-xl {
    max-width: 1600px;
}

.fade {
    opacity: 0;
    transition: 1s;
}

.fade button,
.fade input {
    cursor: default;
}

.fade.in button {
    cursor: pointer;
}

.fade.in input {
    cursor: text;
}

.fade.in {
    opacity: 1;
}

.fade-2 {
    opacity: 0;
    max-height: 0;
}

.fade-2.in {
    transition: 1s opacity;
    max-height: 250px;
    opacity: 1;
}

.fade-3 {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
}

.fade-3.in {
    transition: 1s opacity;
    max-height: 9999px;
    opacity: 1;
}

#carticon {
    position: fixed;
    top: 170px;
    right: 0;
    height: 60px;
    z-index: 10000;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    transition: all .3s ease-in-out;
}

#carticon:hover {
    background: #196BAC;
    color: #FEC340;
}

#carticon .fa {
    transition: all .3s ease-in-out;
}

#carticon:hover .fa {
    color: #FEC340;
}

/*================NAVBAR======================*/

.navbar {
    padding: 0 !important;
    margin-left: -15px;
    margin-right: -15px;
}

.nav-item {
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    float: left;
}

.nav-item.active a {
    color: #5BC4BF;
}

.nav-logo,
.nav-logo-fixed {
    padding: 12px;
}

.navbar-fixed {
    position: fixed;
    width: 100%;
    z-index: 100;
    background-color: white;
    margin-top: -28px;
    border-bottom: 1px solid #E2ECED;
    margin-bottom: -1px;
}

.navbar-brand {
    width: 260px;
    padding-bottom: 0;
    padding-top: 0;
}

.navbar-fixed .navbar-brand {
    width: 84px !important;
}

.navbar .navbar-brand .nav-logo-fixed {
    display: none;
}

.navbar .navbar-brand .nav-logo {
    display: block;
}

.navbar-fixed .navbar-brand .nav-logo-fixed {
    display: block;
}

.navbar-fixed .navbar-brand .nav-logo {
    display: none;
}

.navbar-expand-xl .navbar-nav {
    width: 100%;
}

.navbar-toggler-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.navbar .btn-default {
    height: 36px;
    min-width: 56px;
    /*position: absolute;*/
    right: 20px;
    border-radius: 0;
    transition: all .3s ease-in-out;
    cursor: pointer;
    top: 32px;
    flex: 1;
}

.navbar .btn-default:hover {
    background-color: #037C6F;
}

.navbar .btn-default .fa {
    font-size: 16px;
    opacity: .5;
}

.navbar form {
    /*padding: 2rem 3rem!important;*/
    padding: 1.75rem !important;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-flow: nowrap;
}

.navbar.navbar-fixed form {
    padding: 1rem !important;
}

.navbar.navbar-fixed .btn-default {
    top: 20px;
}

.navbar form .form-inline .form-control {
    flex: 1;
}

ul.social {
    margin: 0;
    padding: 0;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background: #FEEFCE;
}

#nav-search {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* global */

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote {}

h1 {
    font-size: 3em;
    line-height: 1em;
    margin: 1em auto;
    max-width: 1200px;
}

h2 {
    font-size: 2.2em;
    line-height: 1.2em;
    margin: 0 0 1em;
}

h3 {
    font-size: 1.5em;
}

h6 {
    text-transform: uppercase;
    color: #FFF;
    font-size: 0.6em;
    letter-spacing: 1px;
    margin: 0 0 6px;
    padding: 12px 0 0;
}

p {
    font-size: 1.2em;
    padding: 20px 0;
}

img {
    max-width: 100%;
}

p a {
    text-decoration: underline;
}

a.btn {
    text-decoration: none;
}

.img-border {
    background: rgba(33, 33, 33, 0.2);
}

.btn-default {
    background-color: #196BAC;
    color: #FFF;
    border-radius: 4px;
    padding: 12px 24px;
    text-transform: uppercase;
    border: none;
    transition: all ease-in-out .2s;
}

.btn-default:hover,
label.btn-default:hover {
    background-color: #19457C;
    color: #7cf2ec;
    transition: all ease-in-out .2s;
}

.btn-default:focus,
label.btn-default:focus,
.btn-default.active,
.btn-default.active:hover {
    background-color: #e76f6d !important;
    color: #19457C !important;
    transition: all ease-in-out .2s;
}

.btn-outline-primary {
    border: 3px solid #196BAC;
    border-color: #FFF;
}

.btn-outline-primary:hover,
.event-card .btn:hover {
    background-color: #19457C;
    color: #7cf2ec;
    transition: all ease-in-out .2s;
}

.btn-secondary.disabled, .btn-secondary:disabled{
    cursor:not-allowed;
    opacity:.4;
    color:#000;
}

.numbers[disabled]:hover {
    color: white !important;
}

.smaller {
    font-size: 0.8em;
}

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

.smaller.text-uppercase {
    letter-spacing: 2px;
}

.larger {
    font-size: 1.6em;
}

.giant {
    font-size: 5em;
}

.call-out {
    font-size: 2.25em;
    line-height: 1.25em;
}

.large-call-out {
    font-size: 2.67em;
}

.script {
    font-family: 'Pacifico', cursive;
    font-weight: 100 !important;
    font-size: 1.4em;
}

.btn {
    letter-spacing: .1em;
    font-weight: bold;
    text-transform: uppercase;
}

.hr-small {
    background-color: gray;
    background-color: rgba(0, 0, 0, 0.1);
    border: 0;
    height: 5px;
    margin: 60px auto;
    width: 210px;
    clear: both;
}

ul.social li {
    justify-content: center;
    opacity: 1;
    transition: all ease-in-out 0.2s;
}

ul.social li i:hover {
    opacity: 0.8;
    transition: all ease-in-out 0.2s;
}

.portrait {
    border: 5px rgba(0, 0, 0, 0.2) solid;
    border-radius: 50%;
    display: block;
    max-width: 200px;
    width: 100%;
}

.kid-intro-row {
    align-items: center;
}

.kid-intro-row .portrait {
    max-width: none;
}

.table-striped-2>tbody tr {
    background-color: #ffffff;
}

.table-striped-2>tbody>tr:nth-child(4n+1),
.table-striped-2>tbody>tr:nth-child(4n+1) {
    background-color: #f9f9f9;
}

.table-striped-0>tbody>tr {
    background-color: white;
}

/* colors */

.ckc-blue,
a,
.ckc-white-bg h6,
nav .ckc-blue a {
    color: #196BAC;
}

.ckc-blue-bg {
    background-color: #196BAC;
}

.ckc-light-blue-bg {
    background-color: #F4FAFB;
}

.ckc-dark-blue-bg {
    background-color: rgb(24, 101, 165);
}

.ckc-gold {
    color: #FEC340;
}

.ckc-gold-bg {
    background-color: #FEC340;
}

.ckc-gold-dark {
    color: #e2972f;
}

.ckc-salmon,
.ckc-blue a:hover {
    color: #E76F6D;
}

.ckc-salmon-bg {
    background-color: #E76F6D;
}

.ckc-white {
    color: #FFF;
}

a.ckc-white,
.ckc-white-important {
    color: #FFF !important;
    transition: all ease-in-out .2s;
}

a.ckc-white:hover {
    opacity: 0.8;
    transition: all ease-in-out .2s;
}

.ckc-white-bg {
    background-color: #FFFFFF;
}

.ckc-body{
    color:#212529;
}

.ckc-green,
.ckc-blue a,
a.ckc-blue-bg.ckc-white:hover,
.kid-stories .quote {
    color: #5BC4BF;
}

.ckc-green-dark {
    color: #2dac9e;
}

.ckc-green-bg {
    background-color: #5BC4BF;
}

.ckc-green-dark-bg {
    background-color: #2dac9e;
}

.ckc-purple {
    color: #33346e;
}

.ckc-purple-bg {
    background-color: #33346e;
}

.ckc-gray {
    color: #E5E5E5;
}

.ckc-gray-bg {
    background-color: #E5E5E5;
}

.mecum-black {
    color: #333;
}

.mecum-black-bg {
    background: #222;
}

.mecum-red {
    color: #C40B0E;
}

.mecum-red-bg {
    background: #C40B0E;
}

.firetruck-red {
    color: #e7413e;
}

.ckc-red-bg {
    background-color: #e7413e;
}

/*===========+EVENT PAGE=============*/

.event-info-section h5 {
    font-weight: 700;
}

#event-call-out p {
    padding: 0;
    margin: 0;
}

.event-info-section p {
    font-size: 1em;
    line-height: 1.5em;
}

.event-links {
    list-style-type: none;
    padding-left: 0;
}

.event-links li a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-left: 15px;
}

.event-links li hr {
    width: 90%;
    margin: 15px 0 15px 0;
}

.details-h4 {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 1em;
    margin-bottom: .25em;
    margin-top: 1em;
}

.available {
    text-transform: uppercase;
    letter-spacing: 3px;
}

.event-benefits-list {
    list-style-type: none;
    padding-left: 0;
    font-size: 16px;
    margin-bottom: 0;
}

.select-sponsor {
    position: absolute;
    bottom: 0;
    right: 15px;
}

.sponsorship-text,
.sponsorship-text p {
    font-size: 14px;
}

#sponsorships .logo {
    padding: 18px;
    background: #FFF;
    border-radius: 8px;
}

#sponsorships .ckc-gray-bg {
    cursor: not-allowed;
}

/*============SEARCH PAGE=============*/

#news-search-results h5 a {
    color: #196BAC !important;
}

#fundraisers-search-results h5 a {
    color: #E76F6D !important;
}

/*=================SQUARES===================*/

.squares {
    position: relative;
    height: 20vw;
}

.squares .square {
    position: absolute;
    width: 40vw;
    height: 25vw;
    top: 0;
}

.square.left {
    left: 0;
}

.square.center {
    left: 20vw;
}

.square.right {
    right: 0;
    width: 60vw;
    overflow: hidden;
}

.square .square {
    height: 20vw;
    width: 20vw;
}

/* home */

.featured-section {
    position: relative;
}

#featuredEvents {
    /*position: absolute;
    bottom: 20%;
    right: 0;*/
    position: absolute;
    bottom: 0;
    /*top: 127px;*/
    top: -33em;
    right: 0;
    width: 100%;
    height: 100vh;
    max-height: 800px;
    z-index: 99;
}

#featuredEvents .content {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
}

#featuredEvents div {
    display: inline;
    float: right;
    clear: both;
}

#featuredEvents i,
#featuredEvents .date {
    padding: 8px;
}

#featuredEvents i {
    transform: rotate(-45deg);
}

.event-card,
.news-card {
    position: relative;
    opacity: 1;
    transition: all ease-in-out .2s;
}

.event-card:hover,
.news-card:hover {
    opacity: 0.8;
    transition: all ease-in-out .2s;
}

.event-img {
    position: absolute;
    background-size: cover;
    background-position: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.1;
}

#killianHome {
    position: relative;
}

.killian-mobile {
    display: none;
}

.fullscreen-bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -100;
}

.fullscreen-bg__video {
    opacity: 0.08;
    position: absolute;
    left: 0;
    bottom: 0;
    min-width: 100vw;
    min-height: 100%;
}

#homeHero {
    /* background-image: url(/images/curing-kids-background.jpg); */
    background-image: url('/images/ckc-hero-quilt-clean.jpg');
    background-position: center;
    background-size: cover;
    /* background-attachment: fixed; */
    height: 100vh;
    max-height: 800px;
    width: 100%;
    z-index: 1;
    position: relative;
}

@media (max-width: 1024px) {
    #homeHero {
        background-image: url('/images/ckc-hero-quilt-ipad.jpg');
    }
}



#homeHero .ckc-15-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 30vw;
    max-width:600px;
}

@media (max-width: 1440px) {
    #homeHero .ckc-15-badge {

        width: 40vw;
    }

}

@media (max-width: 1024px) {
    #homeHero .ckc-15-badge {

        width: 55vw;
    }

}


@media (max-width: 575px) {
    #homeHero .ckc-15-badge {

        width: 80vw;
    }

}


/* Animation */

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

#homeHero .ckc-15-badge .badge-svg {
    width: 100%;
    height: auto;
}

#homeHero .ckc-15-badge .content-block {
    color: white;
}

#homeHero .content-block h1 {
    margin-bottom: 0;
    font-size: 1.5em;
    margin-top: 1em;
}

#homeHero .title {
    position: absolute;
    bottom: 20%;
    left: 0;
    padding: 0 40px;
}

#homeHero h1.title {
    font-weight: normal !important;
    padding: 0;
    margin: 0;
}

#featuredEvents span {
    width: inherit;
}

#getInvolved {
    background-image: url(/images/curing-kids-cancer-girl.jpg);
    background-position: top center;
    background-size: cover;
}

.cityBack {
    background-image: url(/images/atlanta.svg);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
}

#september {
    background-image: url(/images/curing-kids-cancer-girl.jpg);
    background-position: top center;
    background-size: cover;
}

.home-s3 {
    background: rgba(171, 201, 194, 1);
    background: -moz-linear-gradient(top, rgba(171, 201, 194, 1) 0%, rgba(245, 241, 193, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(171, 201, 194, 1)), color-stop(100%, rgba(245, 241, 193, 1)));
    background: -webkit-linear-gradient(top, rgba(171, 201, 194, 1) 0%, rgba(245, 241, 193, 1) 100%);
    background: -o-linear-gradient(top, rgba(171, 201, 194, 1) 0%, rgba(245, 241, 193, 1) 100%);
    background: -ms-linear-gradient(top, rgba(171, 201, 194, 1) 0%, rgba(245, 241, 193, 1) 100%);
    background: linear-gradient(to bottom, rgba(171, 201, 194, 1) 0%, rgba(245, 241, 193, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abc9c2', endColorstr='#f5f1c1', GradientType=0);
}

.home-s3-last-block {
    background: url('/images/bear-lake.png') top center;
    background-size: cover;
    width: 100%;
}

.home-s3-action-last-block {
    background: url('/images/kid-bear.png') top center;
    background-size: cover;
    width: 100%;
}

.home-s3-action-last-block .content {
    /*padding:0 0 800px;  */
    padding: 0 0 56%;
}

.home-s3 .heart-icon {
    width: 200px;
}

#stat-section .content {
    /*padding:300px 0 300px;*/
    padding: 56% 0 56%;
}

.numbers {
    border-radius: 12px;
    padding: 16px 24px;
    display: inline-block;
    cursor: pointer;
}

.numbers.smaller {
    border-radius: 6px;
}

.call-out .numbers {
    padding: 8px 16px;
}

.col-count-4 {
    column-count: 4;
}

.col-count-3 {
    column-count: 3;
}

.home-s4 {
    background-size: contain;
    width: 100%;
}

.bouncicons {
    background: url('/images/bouncicons.svg') center;
    background-size: cover;
    width: 100%;
}

/* story modifications for wysiwyg */

.story-details img {
    background-color: rgba(35, 31, 32, .1);
    margin: .25em 1em;
}

.quote,
blockquote {
    font-family: "Slabo 27px", serif;
    margin: 1rem auto;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    font-size: 1.4rem;
}

blockquote>p {
    font-family: "Slabo 27px", serif;
    font-size: 1.6rem;
}

/* http://callmenick.com/post/styling-blockquotes-with-css-pseudo-classes */

blockquote:before,
blockquote:after {
    font-family: FontAwesome;
    position: absolute;
    font-size: 3rem;
    line-height: 1;
}

blockquote:before {
    top: 1.5rem;
    left: -5rem;
    content: "\f10d";
}

blockquote:after {
    top: 1.5rem;
    right: -5rem;
    content: "\f10e";
}

blockquote+h5 {
    font-family: 'Pacifico', cursive;
    font-weight: 100 !important;
    font-size: 1.4em;
    padding-top: 0rem;
}

blockquote+h5+h6 {
    padding-bottom: 2rem;
}

/*==========ABOUT===============*/

.about-page {
    margin-left: -15px;
    margin-right: -15px;
}

.about-list {
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.about-list a {
    flex: 1;
    list-style-type: none;
}

.about-list a.active h4 {
    font-weight: bold !important;
}

.formItem h6 {
    margin: 0;
    padding: 2em 0 0 .5em;
}

.card.about-card {
    margin: 0;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    height: 14em;
}


.locations-section .container {
    padding-top: 70px;
    padding-bottom: 70px;
}

.locations-row {
    /* margin-top:5em; */
}

.location-block {
    display: flex;
    align-items: flex-start;
    justify-content: center;

}

@media (max-width: 991px) {
    .location-block {
        flex-direction: column;
    }

    .location-heart {
        margin-bottom: 2em;
    }
}

@media (max-width: 767px) {
    .locations-row {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }

    .location-block {
        margin-bottom: 3em;
        flex-direction: row;
        justify-content: flex-start;
    }

    .location-heart {
        margin-bottom: 0;
        margin-right: 0;
    }
}

.location-heart {
    width: 72px;
    margin-right: 30px;
}

.city h4 {
    margin-bottom: .5em;
    font-size: 1.75em;
}

.city address {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
    opacity: .75;
}

.staff-img-block {
    position: relative;
}

.staff-img-block .location-heart {
    position: absolute;
    width: 48px;
    right: 8px;
    bottom: 25px;
    margin-right: 0;
}

#partners .partners-list{
    line-height:1.1em;
}

#partners .partners-list dt{
    font-size:1em;
    /* margin-top:2em; */
margin-bottom:.75em;
color: #E76F6D;;
}

#partners .partners-list dd{
    text-transform: uppercase;
    font-size: 0.6em;
    letter-spacing: 1px;
}


@media (max-width: 1199px) {
    #partners .col-count-3 {
        column-count:2;
    }

    #hundred-plus{
        -ms-flex: 0 0 50%!important;
        flex: 0 0 50%!important;
        max-width: 50%;
    }

    #twenty-five-plus{
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%;
        padding:0!important;
    }
}

@media (max-width: 600px) {
    #partners .col-count-3 {
        column-count:1;
    }

    #partners .mt-5{
        margin-top:.25em!important;
    }

    #hundred-plus{
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%;
        padding:0!important;
    }
    #fifty-plus{
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%;
        padding:0!important;
    }
    #twenty-five-plus{
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%;
        padding:0!important;
    }
}

/*=======After click==============

.card.about-card{
  height:6em;
}*/

.card.shrink-card {
    font-family: 'Varela Round', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.2em;
    font-size: 1.2em;
    height: 6em;
}

.card.about-card a {
    font-family: 'Varela Round', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.2em;
    font-size: 1.2em;
}

.about-list a.ckc-white:hover {
    color: #fff !important;
    text-decoration: none;
}

#story-card:before {
    background-image: url('/images/our-story-bg.jpg');
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: .2;
    transition: all .3s ease-in-out;
}

#staff-card:before {
    background-image: url('/images/staff-bg.jpg');
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: .2;
    transition: all .3s ease-in-out;
}

#board-card:before {
    background-image: url('/images/ckc-board-bg.jpg');
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: .1;
    transition: all .3s ease-in-out;
}

#partners-card:before {
    background-image: url('/images/partners-bg.jpg');
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: .1;
    transition: all .3s ease-in-out;
}

#celebrities-card:before {
    background-image: url('/images/celebrities-bg.jpg');
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: .15;
    transition: all .3s ease-in-out;
}

#resources-card:before {
    background-image: url('/images/resources-bg.jpg');
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: .2;
    transition: all .3s ease-in-out;
}

#owen-family:before {
    background-image: url('/images/owen-section-bg.jpg');
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 1;
    transition: all .3s ease-in-out;
}

#owen-content:before {
    background-image: none;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 1;
}

/*=====animate=========*/

@charset "UTF-8";
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

/*
#featuredEvents .content:nth-child(N) > div {
  animation-delay: [animation-duration * N]s;
}

#featuredEvents .content:nth-child(4) > div {
  animation-delay: 300s;
}

#featuredEvents .content div {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

#featuredEvents .content:nth-child(2) > div {
  animation-delay: 3s;
}

#featuredEvents .content:nth-child(3) > div {
  animation-delay: 6s;
}

#featuredEvents .content:nth-child(4) > div {
  animation-delay: 9s;
}

@keyframes fadeIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    opacity:.5;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity:1;
  }
}*/

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

/*==========PRODUCTS============*/
.product-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}

.product-box {
    width: 33.33%;
    padding: 40px;
    text-align: left;
}

.product-box .img-block {
    margin-bottom: 24px;
}

.product-box img {
    width: 100%;
    transition: opacity .2s ease-in-out;
}

.product-box img:hover {
    opacity: .9;
}

.product-box a {
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.product-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
}

.product-description {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 16px;
}

.product-img {
    padding-right: 40px;
}

.product-details-block {
    padding-left: 40px;
}

.product-meta {
    display: flex;
    justify-content: space-between;
    max-width: 250px;
    align-items: center;
    margin-bottom: 16px;
}

.product-meta input {
    max-width: 70px;
}

.product-meta p {
    margin: 0;
    padding: 0;
}

@media (max-width: 1199px) {
    .product-box {
        width: 50%;
        padding: 40px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .product-box {
        width: 50%;
        padding: 24px;
        text-align: center;
    }

}

@media (max-width: 575px) {
    .product-box {
        width: 100%;
        padding: 24px;
        text-align: center;
    }

}

/*===========STORY=============*/

#story-section {}

.story-block {
    position: relative;
}

.ckc-angel {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 180px;
}

.story-row {
    margin: 3em 0;
}

.img-block {
    background-color: rgba(35, 31, 32, .1);
    padding: 0.25em;
}

.owen-section .row {
    min-height: 50vh;
}

.owenDiv {
    background-image: url('/images/owen-section-bg.jpg');
    background-position: center;
    background-size: cover;
}

.owen-blurb {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.owen-blurb .content {
    margin: 0;
    justify-content: center;
    align-items: center;
}

#owen-section li,
#event-intro-section li {
    flex: 1;
    list-style-type: none;
}

#owen-section .card,
#event-intro-section .card {
    min-height: 50vh;
    cursor: default;
}

#owen-family {
    background-color: transparent;
    border: 0;
}

.card#owen-family:hover:before {
    transform: translate(0);
}

/*========NEWS AND EVENTS==============*/

.categories {
    list-style-type: none;
    padding-left: 0;
}

.categories li {
    display: inline;
    color: #aaa;
}

.categories li+li {
    padding-left: 15px;
}

.categories li .active {
    color: #196BAC;
}

.card {
    height: 14em;
    margin-bottom: 1em;
    padding: 1em;
    overflow: hidden;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.card:before {
    /*background-image: url('/images/portrait.jpg');*/
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: .1;
    transition: all .3s ease-in-out;
}

.card:hover::before {
    transform: scale(1.1);
}

.card .content {
    z-index: 1;
}

.card button {
    position: absolute;
    /*bottom: 30px;
    right: 26px;*/
    bottom: 1em;
    right: 1em;
    width: 6em;
}

.card .btn-outline-light:hover {
    color: #196BAC;
}

.card .date {
    text-decoration: underline;
    font-size: 1em;
    opacity: .9;
}

.card h4 {
    line-height: 1.26em;
    margin-bottom: 0;
}

.list-view .card {
    padding: 2em;
    height: 18em;
}

.list-view .card h4 {
    font-size: 2.25em;
}

.list-view .card button {
    bottom: 2em;
    right: 2em;
}

.home-s9-button {
    border: 0;
    font-size: 1.2em;
    width: 150px;
    margin-bottom: 1em;
}

.icon-pattern {
    background-image: url(/images/science-pattern-light.svg);
    background-size: 240px;
}

.ckc-blue-bg>.icon-pattern,
.ckc-purple-bg>.icon-pattern,
.ckc-red-bg>.icon-pattern,
.ckc-dark-blue-bg>.icon-pattern {
    background-image: url(/images/science-pattern.svg);
}

#impactHome {
    background-size: contain;
    background-position: top;
}

#impactAmount {
    background: url(/images/ckc-kid-hero.jpg) top center;
    background-size: cover;
}

.impactProjectTop {
    position: relative;
}

.impactProjectTop::before {
    background-image: url(/images/checks.jpg);
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: .1;
}

.impactProject h6 {
    opacity: 1;
}

.impactProject h3.projectTitle {
    margin-bottom: 2em;
}

.impactProject img {
    padding: 20px;
}

#blowWhistle .impactProjectTop::before {
    background-image: url(/images/ref.jpg);
}

#doctorMap input.donate-select {}

.fundraiser {
    position: relative;
}

.fundraiserImgDiv {
    padding: 12px;
}

.fundraiserImgDiv>div {
    background-position: center;
    position: relative;
    width: 248px;
    height: 248px;
}

.fundraiserImgDiv.circle,
.fundraiserImgDiv.circle>div {
    border-radius: 50%;
    overflow: hidden;
}

.fundraiserImg {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover !important;
    background-position: center !important;
}

.fundraiserImgDiv .click-to-replace {
    text-transform: uppercase;
    cursor: pointer;
    left: 50%;
    position: absolute;
    background: #ffffff;
    bottom: 10%;
    transform: translate(-50%, 0);
    padding: 0.3em;
    border-radius: 5px;

}

.fundraiserEditBar {
    z-index: 50;
}

.colorPicker,
.shapePicker {
    position: absolute;
    top: 0;
    padding: 10px;
}

.colorPicker {
    right: 0;
}

.shapePicker {
    left: 0;
    top: -20px;
}

.colorPicker .active {
    border: 2px solid #EEE;
    border-radius: 50%;
    padding: 4px;
}

.colorPicker i {
    margin: 4px;
}

.fundraiser ul.social li i,
.news ul.social li i {
    padding: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

ul.social .fa-envelope:before {
    margin-left: -1px;
}

.fundraiserLeft {
    z-index: 100;
    width: 320px;
}

.goal {
    position: relative;
    height: 300px;
}

.goal .goal-heart {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 99;
    background: url(/images/ckc-heart-icon.svg) no-repeat;
    background-size: 100%;
    background-position: bottom;
    width: 100%;
    max-height: 100% !important;
}

.goal .gray-heart {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 98;
    overflow: hidden;
    background: url(/images/ckc-heart-gray.svg) no-repeat;
    background-size: 100%;
    background-position: bottom;
    width: 100%;
    height: 300px;
}

.goal .goal-heart img,
.goal .goal-heart img {
    position: absolute;
    top: 0;
    left: 0;
}

.goal .goalPercent {
    position: absolute;
    width: 150px;
    bottom: 20px;
    left: 50%;
    margin-left: -75px;
    z-index: 101;
}

#donateForm h3 {
    padding: 0 0 1em 0;
}

a.donate {
    position: absolute;
    top: 0;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    border-radius: 0;
    z-index: 1000;
}

.construction {
    position: relative;
    padding: 320px 0 0;
}

.construction-back {
    position: absolute;
    width: 2800px;
    left: -1400px;
    top: 0;
    margin-left: 50%;
    overflow: hidden;
    text-align: center;
    height: 100vh;
}

.construction-back svg {
    width: 100%;
    position: relative;
    top: -40px;
}

.construction .row {
    -webkit-animation: 8s ease 0s normal forwards 1 fadein;
    animation: 8s ease 0s normal forwards 1 fadein;
}

/* Social */

#socialFeed .card {
    height: inherit;
    padding: 0;
    border: 1px solid #E2ECED;
    cursor: default;
}

.card-columns {
    -webkit-column-count: 6;
    column-count: 6;
}

#socialFeed .card:before {
    background-image: none;
    position: static;
}

#socialFeed .card header {
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 12px;
    border-bottom: 1px solid #E2ECED;
}

#socialFeed .card-body {
    font-size: 14px;
    padding: 12px;
}

#socialFeed .socialFeed-image {
    width: 100%;
    cursor: pointer;
}

.social-img {
    width: 30px;
}

.socialFeed-user-name-upper {
    font-weight: bold;
    padding-left: 12px;
}

#socialFeed,
.search-s4,
#about-quote {
    /*background-image: url('/images/hexPattern.svg');*/
    background-repeat: repeat;
    background-attachment: fixed;
}

#socialFeed h2 {
    text-align: center;
    color: #003B49;
}

#socialFeed .well {
    margin-bottom: 0;
    background-color: #fff;
    /*opacity: .75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor: pointer;*/
}

/*#socialFeed .well:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}*/

.socialCard {
    outline: 1px solid #E2ECED;
    margin-top: 1px;
    margin-left: 1px;
}

.socialContent {
    /*margin-top: 1em;*/
}

.media-left {
    display: none;
}

.media-body {
    position: relative;
}

.media-body .fa {
    position: absolute;
    right: 0;
    top: 0;
}

.media-object {
    max-width: none !important;
    width: 40px;
}

.media-heading {
    color: #003B49;
}

/* Does the fade in after delay */

@keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }

    66% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1;
    }

    66% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* about.board */

.ckc-board {
    color: #196BAC;
    /* default to ckc-blue */
    font-size: 1rem;
}

.ckc-board ul li {
    font-style: italic;
}

.ckc-board ul li strong,
.ckc-board ul li h5 {
    font-style: normal;
}

.board-row ul li a {
    color: #E76F6D !important;
}

.board-row ul li a:hover {
    text-decoration: underline !important;
}

/* about.partners */

.sponsors-list{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}

.sponsors-list li{
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    display: flex;
    align-items: center;
    justify-content:center;
    padding:3rem;
    position:relative;
    min-height:350px;
}

@media (max-width: 960px) {
    .sponsors-list li{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        display: flex;
        align-items: center;
        justify-content:center;
        padding:3rem;
        position:relative;
        min-height:300px;
    }
    .sponsors-list .info-box-content{
 
        width: 90%!important;
    }

}

@media (max-width: 767px) {
    .sponsors-list li{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content:center;
        padding:3rem;
        position:relative;
        min-height:300px;
    }
  
}

.sponsors-list .partner-image{
    transition: all .3s ease-in-out;
    max-width: 300px;
}

.sponsors-list .info-box-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .7s ease-in-out;
    padding: 3rem;
    width: 100%;
    max-width:500px;
}

.sponsors-list li:hover .info-box-content {
    opacity: 1;
}

.sponsors-list li:hover .partner-image {
    opacity: .2;
}

.sponsors-list .info-box-content p {
    font-size: .9rem;
    color: white;
    padding:0;
}


.squares.tablet-mobile {
    display: none;
}

.corporate-partners .info-box {
    /*padding-bottom: 25%;
    overflow: hidden;*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

/* .corporate-partners .info-box-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .7s ease-in-out;
    padding: 3rem;
    width: 95%;
} */

.corporate-partners .info-box:hover .info-box-content {
    position: absolute;
    opacity: 1;
}

.corporate-partners .info-box .partner-image {
    transition: all .3s ease-in-out;
    max-width: 300px;
}

.corporate-partners .info-box:hover .partner-image {
    opacity: .2;
}

.corporate-partners .info-box-content p {
    font-size: .9rem;
    color: white;
}

#mecum {
    background-color: #1E1F1E;
}

#atandt {
    background-color: #019EDB;
}

#cfo {
    background-color: #BC1E34;
}

#ericsson {
    background-color: #1C2C5B;
}

#cosPhones {
    background-color: #007dc3;
}

#proFive {
    background-color: black;
}

/* donate */

.donate-amount {
    width: 100%;
    height: 44px;
    padding: 4px;
}

#enter-own-amount {
    font-family: 'Valera Round', sans-serif;
    font-size: 16px;
    font-weight: 700;
    border: 0;
}

#enter-own-amount:focus {
    background: #E5E5E5;
    color: #196BAC;
}

.donate-amount-custom {
    width: 100%;
    height: 36px;
}

.donate-amount-custom:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .25);
}

.donate-amount-custom input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    outline: 0;
    box-shadow: none !important;
}

.donate-amount-custom .input-group-addon {
    background-color: #E5E5E5;
    border: 0;
    height: 44px;
}

.donate-amount.active,
.donate-frequency.active {
    box-shadow: inset 0 0 6px #AA5555;
    background-color: #E76F6D;
}

.donate-honor-name,
.donate-honor-name:focus {
    background-color: #E5E5E5;
    border: 0;
}

.donate-checkbox input {
    display: none;
}

.donate-checkbox .fa-stack {
    font-size: .7rem;
}

.donate-checkbox .fa-stack .fa-stack-1x {
    font-size: 1rem;
}

.donate-coach-options {
    user-select: none;
}

.donate-coach-options .disabled {
    color: #E5E5E5;
}

.donate-cause-select,
.donate-cause-select:hover,
.donate-cause-select:active,
.donate-cause-select:focus {
    background-color: #E5E5E5;
    color: #5BC4BF;
}

.donate-cause-textarea,
.donate-cause-textarea:hover,
.donate-cause-textarea:active,
.donate-cause-textarea:focus {
    background-color: #E5E5E5;
    color: #5BC4BF;
    border: 0;
    resize: none;
}

.donate-in-progress {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 10000000000050;
    top: 0;
    left: 0;
}

.donate-in-progress img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.commentBox {
    font-weight: 400 !important;
    line-height: 1.5;
}

/* contact */

.contact input,
.contact input:focus,
.contact textarea,
.contact textarea:focus {
    background-color: #E5E5E5;
    border: 0;
}


/* AUCTION */

.auction-item-list {
    padding-left: 18px;
}

.auction-item-list li {
    margin-bottom: 15px;
}

.auction-item-list .form-control {
    display: inline;
    max-width: 95%;
}

@media (max-width: 992px) {
    .auction-item-list .form-control {
        max-width: 80%;
    }
}

.keep-it-100 {
    max-width: inherit !important;
    width: 100%;
}

.mt-100 {
    margin-top: 4em;
}

/*=======HAMBURGER======*/

.navbar-toggler-icon {
    width: 40px;
}

.navbar-toggler-icon:focus {
    outline: -webkit-focus-ring-color auto 0 !important;
}

.navbar svg {
    width: 100%;
}

.navbar svg .st0 {
    fill: #FEC340;
}

.navbar svg .st1 {
    fill: #196BAC;
}

.navbar svg .st2 {
    fill: #5BC4BF;
}

/*=========SUBFOOTER=========*/

.subFooter {
    background-color: #38A6A2;
}

.subFooter .row {
    align-items: center;
}

.subFooter ul li a,
.subFooter ul li {
    /*color:rgba(255, 255, 255, 0.5)!important;*/
    color: #C0F3F1 !important;
}

.subFooter ul.pull-left li {
    padding-right: 15px;
}

/*===============MODAL FOR BIO===============*/

.hidden-mobile {
    display: block;
}

.hidden-mobile.back-to-all {
    display: inline-block;
}

.visibile-mobile {
    display: none;
}

.visible-mobile.fa {
    position: absolute;
    top: -15px;
    right: 15px;
    display: none;
}

@media (max-width: 1280px) {
    .modal-body {
        /*max-height: 430px!important;*/
    }

    .card-columns {
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media (max-width: 1200px) {
    .trevModal-content .modal {
        width: 100% !important;
    }

    .teamProfile .fa {
        /*top: 15px!important;
    right: 30px!important;*/
    }
}

@media (max-width: 992px) {
    .modal {
        top: 0 !important;
    }

    .modal-header,
    .modal-body {
        padding: 2rem !important;
    }

    .large-call-out {
        font-size: 1.8em;
    }

    .fundBtn {
        font-size: 1rem !important;
    }
}

@media (max-width:768px) {
    .modal-content .row {
        margin: 0;
    }
}

@media (max-width: 767px) {
    #second-donate-row {
        padding-top: 8px;
    }
}

@media (max-width: 736px) {

    /*.trevModal-content .modal {
    width: 100%!important;
  }*/
    /*.teamProfile .fa {
    top: 15px!important;
    right: 15px!important;
  }*/
    /*.trevModal-content {
    height: 100vh!important;
    padding: 15px;
    overflow-y: scroll;
  }*/
    #fundraiserH2 {
        font-size: 1.75em;
    }

    .call-out {
        font-size: 1.25em;
    }

    .modal-content {
        /*height:300px;
    top:27%!important;*/
        padding: 2rem !important;
        position: static;
        transform: none;
        margin-top: 0;
    }

    .modal-body .content {
        min-height: 1px !important;
        height: 210px;
    }

    .hidden-mobile,
    .hidden-mobile.back-to-all {
        display: none;
    }

    .visible-mobile.fa {
        display: block !important;
    }

    .modal-content .content h2 {
        font-size: 1.75em;
    }
}

@media (max-width: 575px) {

    .modal-body,
    .modal-header {
        width: 100% !important;
        padding: 1.5rem !important;
    }

    .modal-content {
        top: 52% !important;
        padding: 3rem !important;
    }

    .modal-content .content {
        height: 40vh;
    }

    .modal-body .title {
        font-size: 1rem !important;
    }

    .modal-content .content h2 {
        font-size: 1.5em !important;
    }

    .modal-body p {
        font-size: .85em !important;
    }

    .teamMember {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }

    .modal-content .row {
        flex-wrap: wrap !important;
    }

    .visible-mobile.fa {
        top: -4px;
        right: 33px;
    }
}

.modal {
    padding: 0;
    /*width: 1170px!important;*/
    margin: auto;
    display: inline-block;
    height: inherit;
    top: 50%;
}

.modal-content .row {
    -webkit-box-shadow: 0 10px 6px -6px rgba(35, 31, 32, 0.95);
    -moz-box-shadow: 0 10px 6px -6px rgba(35, 31, 32, 0.95);
    box-shadow: 0 10px 6px -6px rgba(35, 31, 32, 0.95);
    flex-wrap: nowrap;
}

.modal-header {
    border-bottom: none;
}

.modal-content {
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    /*width: 100%;
  max-width: none;*/
}

.teamMember img {
    border-radius: 50%;
}

.hr-team {
    width: 100%;
    margin: 30px 0 14px 0;
}

.ticket-qty {
    width: 80px;
    float: right;
    margin-bottom: 15px;
}

.modal .modal-body {
    overflow-y: inherit;
}

.trevModal-content {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: transparent !important;
    box-shadow: none;
    color: #fff;
}

.modal ul {
    list-style-type: none;
    padding-left: 0;
}

.modal ul li {
    font-size: 1.25em;
}

.modal h2 {
    /*color: #FF6C2C;*/
    padding-bottom: 0;
    margin-bottom: 0;
}

.modal-body h4 {
    color: #FF6C2C;
}

.modal-body .title {
    font-style: italic;
    padding-top: 0;
    margin-top: 0;
}

.modal-header .img-block {
    border-radius: 50%;
    background-color: #17629F;
}

.teamProfile .fa {
    font-size: 2em;
    position: absolute;
    top: -2em;
    right: 15px;
    z-index: 10000;
    transition: all .4s ease-in-out;
}

.teamProfile .fa:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.modal-header .pull-left p {
    margin-bottom: 0;
}

.modal-body {}

.modal-body .content {
    max-height: 390px;
    min-height: 300px;
    overflow-y: scroll;
    text-align: left;
    padding-right: 1em;
    /*        padding-top: 0;*/
}

.modal-body p {
    font-size: 1em;
    line-height: 1.4em;
}

.modal-body h3 {}

.modal-body h3:first-child {
    margin-top: 0;
}

.trevModal-overlay {
    background-color: rgba(35, 31, 32, 0.9) !important;
}

/*===========LOG IN MODAL==============*/

@media (max-width: 575px) {
    #login-modal .modal-body .content {
        height: inherit;
        overflow-y: inherit;
        padding: 0;
    }

    #login-modal .modal-body .content h3 {
        text-align: center !important;
    }

    #login-modal .modal-body .content a {
        width: 100%;
    }

    #login-modal .modal-body .content p {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

/*========END MODAL==================*/

/*===============COACHES CURING KIDS CANCER====================*/

.gift-content {
    max-width: 800px;
    margin: 3em auto 0 auto;
}

/*========nEWS EVENTS PAGE============*/

.primary-img-row {
    /*background:#f1f1f1;*/
}

.primary-img-div {
    max-width: 100%;
    margin: auto;
}

.primary-img {
    max-height: 500px;
}

/*===========VIDEO PLAYERS=============*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Date picker */

.angular-date-picker {
    position: absolute;
    color: #333;
    font: normal 14px sans-serif;
    border: 1px solid #ddd;
    display: inline-block;
    background: #fff;
    z-index: 100;
}

.angular-date-picker>._month {
    text-align: center;
    line-height: 22px;
    padding: 10px;
    background: #fcfcfc;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.angular-date-picker>._month>button {
    color: #555;
    font: normal 14px sans-serif;
    outline: none;
    position: absolute;
    background: transparent;
    border: none;
    cursor: pointer;
}

.angular-date-picker>._month>button:hover {
    color: #333;
}

.angular-date-picker>._month>button._previous {
    left: 10px;
}

.angular-date-picker>._month>button._next {
    right: 10px;
}

.angular-date-picker>._days {
    width: 210px;
    /* 30 x 7 */
    margin: 10px;
    text-align: center;
}

.angular-date-picker>._days>._day-of-week,
.angular-date-picker>._days>._day {
    box-sizing: border-box;
    border: 1px solid transparent;
    width: 30px;
    line-height: 28px;
    float: left;
}

.angular-date-picker>._days>._day-of-week {
    font-weight: bold;
}

.angular-date-picker>._days>._day.-padding {
    opacity: .5;
}

.angular-date-picker>._days>._day {
    cursor: pointer;
}

.angular-date-picker>._days>._day.-selected {
    background: #e0e0e0;
}

.angular-date-picker>._days>._day.-today {
    border-color: #aaa;
}

.angular-date-picker>._days>._day:hover {
    background: #eee;
}

.angular-date-picker>._days:after {
    content: '';
    display: block;
    clear: left;
    height: 0;
}

.ambassadorForm input,
.ambassadorForm input:focus,
.ambassadorForm textarea,
.ambassadorForm textarea:focus {
    background-color: #E5E5E5;
    border: 0;
}

/* Date picker */

/*=========== @MEDIA CALLS =============*/

@media (max-width: 1750px) {
    .corporate-partners .info-box-content p {
        font-size: .8rem;
    }
}

@media (max-width: 1600px) {
    .corporate-partners .info-box-content p {
        font-size: .75rem;
    }

    .corporate-partners .info-box-content {
        padding: 1em;
    }
}

@media (max-width: 1450px) {
    .corporate-partners .info-box-content {
        padding: 1.8em;
    }

    #mecum p {
        padding: 15px 0 5px 0;
    }
}

@media (max-width: 1400px) {
    .desktop {
        display: none;
    }

    .tablet-mobile {
        display: inherit !important;
    }

    .corporate-partners .info-box {
        position: relative;
    }

    .squares {
        height: 75vw;
    }

    .squares #mecum {
        width: 100%;
    }

    .squares #atandt {
        float: left;
    }

    .squares #ericsson {
        float: left;
    }

    .squares>.square {
        width: 50%;
        height: 25vw;
    }

    .squares>.square.right {
        width: 100%;
        height: 50vw;
        top: 50vw;
    }

    .square .square {
        height: 50vw;
        width: 50vw;
    }

    .navbar-brand {
        width: 220px !important;
    }

    .nav-item {
        font-size: 0.7em;
    }

    /*.navbar .form-inline{
      padding:1rem 1rem!important;
    }*/
}

@media (max-width: 1199px) {
    .about-list a {
        min-width: 33.33%;
    }

    #owen-section .card,
    #event-intro-section .card {
        min-width: 100%;
    }

    #homeHero {
        background-attachment: inherit !important;
    }

    .fullscreen-bg,
    .fullscreen-bg__video {
        display: none !important;
    }

    .kid-stories .portrait {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2em;
    }

    .story-block .row {
        padding: 2em !important;
    }

    .story-block h3 {
        font-size: 1.25em;
        min-height: 100px;
    }

    .navbar {
        z-index: 999;
    }

    .navbar-expand-xl .navbar-nav {
        background-color: #196BAC;
    }

    .navbar-nav {
        display: flex;
        flex-direction: row;
    }

    .nav-item {
        width: 100%;
        padding: 1.75em;
    }

    .navbar-nav .nav-link {
        color: white !important;
    }

    .navbar .form-inline .form-control {
        width: 95%;
    }

    .navbar-nav li.active {
        background-color: #09548D;
    }

    #featuredEvents {
        /*top: 114px;*/
    }

    .donate-numbers {
        width: 100%;
    }

    .event-links li a {
        margin-left: 0;
    }

    #event-intro-section h2 {
        font-size: 26px;
        margin-bottom: 0;
    }

    #event-intro-section .card {
        height: 100%;
        min-height: inherit;
        padding: 30px;
    }

    #event-intro-section #event-logo {
        min-height: 75vh;
    }

    #event-intro-section {
        flex-wrap: wrap-reverse;
    }
}

@media (max-width: 1024px) {
    #homeHero .title {
        top: 0;
        bottom: inherit;
        width: 100%;
    }

    #homeHero .title img {
        height: 80px !important;
    }


    #featuredEvents {
        position: static;
        max-height: none;
        display: flex;
        height: auto;
    }

    #featuredEvents .content {
        position: static;
        transform: initial;
        width: 100%;
    }

    #featuredEvents .content div {
        display: block;
        float: none;
        clear: both;
    }
}

@media (max-width: 992px) {
    .list-view .card {
        padding: 1em;
        height: 14em;
    }

    .list-view .card h4 {
        font-size: 1.6em;
    }

    .list-view .card button {
        bottom: 1em;
        right: 1em;
    }

    .numbers.giant {
        font-size: 3em;
        width: 100%;
        text-align: center;
    }

    .card-columns {
        -webkit-column-count: 2;
        column-count: 2;
    }

    .form-control {
        min-height: 44px;
    }

    .navbar .btn-default {
        height: 44px !important;
    }

    .navbar-nav {
        display: flex;
        flex-direction: column;
    }

    .fa-th {
        display: none;
    }

    #killian-png {
        display: none;
    }

    .killian-mobile {
        display: block;
    }

    h1 {
        font-size: 1.4em;
        line-height: 1em;
        margin: 0;
    }

    #homeHero .title {
        top: 0;
        bottom: inherit;
        width: 100%;
    }

    #homeHero .title img {
        height: 80px !important;
    }

    #featuredEvents {
        top: -32em;
    }

    .nav-item {
        padding: 1em;
    }

    .navbar .form-inline {
        padding: 1.5rem;
    }

    #staff-container .portrait {
        margin: auto;
    }

    .kid-intro-row h2 {
        font-size: 2em;
    }

    .give-option {
        margin-bottom: 4em;
    }

    .give-option:last-child {
        margin-bottom: 0;
    }

    .ckc-angel {
        top: 0;
        width: 100px;
    }

    #imSoldDiv {
        margin-left: 0 !important;
        float: none !important;
    }
}

@media (max-width: 768px) {
    .container {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    p.larger {
        font-size: 1.2em;
    }

    p {
        font-size: 1em;
    }

    footer {
        padding: 0 20px;
    }

    footer .text-left,
    footer .text-right,
    footer {
        text-align: center;
    }

    .about-list a {
        min-width: 50%;
    }

    .corporate-partners .info-box-content {
        padding: 20px;
    }

    .story-row p {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .story-row .img-block {
        margin-bottom: 2em;
    }

    .numbers.giant {
        font-size: 2.5em;
        text-align: center;
    }

    .nav-item {
        padding: .75em;
    }

    .fa-th-large,
    .fa-th-list {
        display: none;
    }

    #fundraiser-how-graphic {
        margin-top: 3em;
    }

    #search-current-fundraisers {
        width: 100%;
        height: 44px;
        margin-bottom: 3em;
    }

    #startFundbtn {
        width: 100%;
    }

    #featuredEvents {
        position: static;
        max-height: none;
        display: flex;
        height: auto;
    }

    #featuredEvents .content {
        position: static;
        transform: initial;
        width: 100%;
    }

    #featuredEvents .content div {
        display: block;
        float: none;
        clear: both;
    }

    .hide {
        display: none;
    }

    .navbar .btn-default {
        top: 20px !important;
    }

    .kid-intro-row .portrait {
        max-width: 200px;
    }

    .kid-intro-row h2 {
        font-size: 1.75em;
    }

    .auctionDiv {
        margin-bottom: 2em;
    }

    .offline-donate-row h6 {
        text-align: left !important;
    }

    #specialPayment .btn {
        float: none;
    }

    #specialPayment form h6 {
        text-align: left !important;
    }
}

@media (max-width: 768px) {
    .navbar .form-inline {
        margin: 0 !important;
        padding: 1rem !important;
    }

    .categories.pull-right {
        display: none;
    }

    .categories.pull-left {
        float: none;
        margin-bottom: 1.5em;
    }

    .categories.pull-left li a {
        padding: 1em;
        font-size: 1.25em;
    }

    .subFooter .container {
        max-width: none;
    }
}

@media (max-width: 736px) {
    .portrait {
        margin-bottom: 2em;
        margin-left: auto;
        margin-right: auto;
    }

    .contact-btn {
        width: 100%;
        margin-top: 1em;
    }

    #homeHero {
        height: 100vh;
        min-height:500px;
    }

    #homeHero .title {
        top: 0;
        bottom: inherit;
        width: 100%;
    }

    #homeHero .title img {
        height: 80px !important;
    }

    a.donate {
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        margin-left: 0;
        border-radius: 0;
        z-index: 10000;
        height: 44px;
    }

    header .row.ckc-gold-bg {
        margin-top: 44px;
        padding: 7px 0;
    }

    #quote-row {
        position: relative;
    }

    #next,
    #prev {
        position: absolute;
        top: 30%;
    }

    #prev {
        left: -30px;
    }

    #next {
        right: -30px
    }

    .home-s6-main br {
        display: none;
    }

    #owen-section .card,
    #event-intro-section .card {
        min-height: 100vh;
    }

    .navbar-fixed {
        margin-top: -86px !important;
    }

    .navbar-brand {
        width: 200px !important;
    }

    #min-donation h3 {
        font-size: 1.25em;
    }

    #event-intro-section h2 {
        font-size: 26px;
        margin-bottom: 0;
    }

    .event-links {
        margin: 0 0 35px 0;
    }

    .event-links li hr {
        width: 100%;
    }

    .event-benefits-list li {
        padding: 5px 0;
    }
}

@media (max-width: 575px) {

    /*h1 {
      font-size: 2.5em;
  }*/
    h2 {
        font-size: 1.75em;
    }

    h3 {
        font-size: 1.25em;
    }

    #carticon {
        top: inherit;
        bottom: 50px;
    }

    .giant {
        font-size: 3.5em;
    }

    .col-count-4,
    .col-count-3 {
        column-count: 2;
        width: 100%;
        padding-top: 0 !important;
    }

    .about-list a {
        min-width: 50%;
    }

    .about-list a h4 {
        font-size: 1.25rem;
    }

    .story-section .w-75 {
        width: 100% !important;
    }

    #homeHero {
        height: 70vh;
    }

    #owen-section .card {
        min-height: 55vh;
    }

    #owen-family:before {
        background-image: url(/images/owen-section-bg.jpg);
        background-size: cover;
        background-position: left;
    }

    #owen-content .content {
        width: 100% !important;
    }

    #owen-content .content h2 {
        margin-bottom: 0;
    }

    #event-intro-section h2 {
        font-size: 26px;
        margin-bottom: 0;
    }

    #event-intro-section .card {
        height: 100%;
        min-height: inherit;
        padding: 30px;
    }

    #event-intro-section #event-logo {
        min-height: 50vh;
    }

    .event-links {
        margin: 0 0 35px 0;
    }

    .event-links li hr {
        width: 100%;
    }

    .event-info-section .numbers {
        float: left !important;
        margin-top: 2em;
    }

    .event-benefits-list li {
        padding: 5px 0;
    }

    .card-columns {
        -webkit-column-count: 1;
        column-count: 1;
    }

    .footer-row {
        width: 100% !important;
        margin: 0 !important;
    }

    nav .form-inline {
        padding: 15px 0 !important;
    }

    nav .form-control {
        max-width: none;
        width: 100%;
    }

    nav form .btn-default {
        height: 44px;
        /*border-radius: 0;
        position: absolute;
        top: 19px;
        right: 16px;
        width: 64px;*/
    }

    nav .visible-mobile.fa {
        position: static;
    }

    .squares {
        height: 500vw;
    }

    .squares>.square {
        width: 100%;
        height: 100vw;
    }

    .squares>.square.right {
        width: 100%;
        height: 200vw;
        top: 200vw;
    }

    .squares>.square>.right {
        top: 100vw;
    }

    .square .square {
        height: 100vw;
        width: 100vw;
    }

    .quoteDiv {
        margin: 1.5em 0;
    }

    .footer-row p,
    footer p {
        text-align: center !important;
    }

    .subFooter ul {
        display: flex;
        flex-direction: column;
    }

    .subFooter ul li {
        text-align: center;
        display: block;
        width: 100 !important;
        line-height: 1.75em;
    }

    .subFooter ul li a.pull-left,
    .subFooter ul li a.pull-right {
        float: none !important;
        width: 100% !important;
    }

    .bouncicons {
        background-image: none;
    }

    #quote-row {
        width: 90%;
        margin: auto;
    }

    #homeHero .title {
        padding: 0;
    }

    .quote-mark {
        text-align: center;
        margin: 1em auto;
    }

    #getInvolved {
        background-image: url('/images/ways-to-give-home-mobile.jpg');
        background-position: top center;
        background-size: cover;
    }

    .home-s3 .heart-icon {
        width: 140px;
    }

    .home-s3 h2 {
        font-size: 1.5em;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .home-s3 hr {
        display: none;
    }

    .join {
        display: none;
    }

    .fundraiser-block {
        margin: 15px 0;
    }

    .fundraiser-block .numbers {
        width: 100%;
        text-align: center;
    }

    .primary-img-div {
        /*padding-left:15px;
  padding-right:15px;*/
    }

    #staff-container {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    #staff-container .portrait {
        margin: auto;
    }

    #parent-resources-section .btn-default {
        width: 100%;
    }

    #join-button {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #ckc-mecum-partners {
        padding: 2rem !important;
    }

    #killianHome .container {
        padding-top: 15px;
    }

    .ticket-qty {
        margin-bottom: 0 !important;
        margin-top: 15px;
        float: none;
    }

    .modal-buttons .btn {
        width: 100% !important;
        margin: 7px 0 !important;
    }

    #event-call-out p {
        text-align: left;
    }
}

@media (max-width: 460px) {
    .numbers.giant {
        font-size: 2em;
    }
}

@media (max-width: 320px) {
    .about-list a {
        min-width: 100%;
    }

    .col-count-4,
    .col-count-3 {
        column-count: 1;
    }
}

/*=======DROPDOWN==========*/

.dropdown-menu {
    transition: ease-in-out .3s all;
    border: 1px solid #E2ECED;
    top: 58px;
    width: 230px;
    border-radius: 0;
    left: -28px;
}

.dropdown:hover>ul.dropdown-menu {
    display: block;
}

.navbar-fixed .dropdown-menu {
    top: 48px;
}

ul.dropdown-menu li {
    padding-left: 1em;
    padding-right: 1em;
    font-size: .8em;
}

.dropdown-toggle {
    padding-top: 54%;
    padding-bottom: 54%;
    position: relative;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 10.5px 0;
    overflow: hidden;
    background-color: #E2ECED;
}

.hide-desktop {
    display: none;
}

@media (max-width: 1199px) {
    .dropdown-toggle {
        color: white !important;
    }

    .dropdown {
        text-align: center;
    }

    .dropdown:hover>ul.dropdown-menu {
        display: none;
        position: absolute;
        top: 76px;
        width: 230px;
        border-radius: 0;
        left: 41px;
    }

    .navbar-nav {
        position: relative;
    }

    .navbar-nav .dropdown-menu {
        position: absolute;
        top: 76px;
        width: 230px;
        border-radius: 0;
        left: 41px;
    }

    .navbar-nav .dropdown-menu a {
        color: #196BAC !important;
    }

    .hide-desktop {
        display: block;
    }

    .dropdown-toggle::after {
        display: inline-block;
        width: 0;
        height: 0;
        /* margin-left: .255em; */
        /* vertical-align: .255em; */
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-left: .3em solid transparent;
        right: -18px;
        top: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
    }

    #involved-dropdown {
        left: 23px;
    }
}

@media (max-width: 992px) {
    .dropdown {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    ul.dropdown-menu {
        width: 100% !important;
        background-color: #09548D;
        text-align: center !important;
        border: none;
        left: 0 !important;
        position: static !important;
        padding-top: 1em;
        padding-bottom: 1em;
        padding-left: 0;
        padding-right: 0;
    }

    ul.dropdown-menu li {
        font-size: 14px;
        padding: .75em;
    }

    .navbar-nav ul.dropdown-menu li a {
        color: white !important;
    }

    .dropdown:first-child {
        padding-top: 2em;
        padding-bottom: 1em;
    }

    .dropdown {
        padding-bottom: 1em;
    }

    .dropdown.show {
        padding-bottom: 0;
    }

    .dropdown-menu.show {
        margin-top: 1.25em;
    }

    .dropdown-menu .divider {
        display: none;
        background-color: transparent;
    }

    .dropdown-toggle {
        padding: .5rem 1rem;
    }

    .dropdown-toggle::after {
        display: inline-block;
        width: 0;
        height: 0;
        /* margin-left: .255em; */
        /* vertical-align: .255em; */
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-left: .3em solid transparent;
        right: -5px;
        position: absolute;
    }
}

/*===============FUNDRIASER EDITOR=================*/

@media (max-width: 768px) {
    .fundraiserEditBar {
        position: static !important;
        width: 100%;
    }

    .fundraiserEditBar .row .col {
        text-align: center;
        margin-bottom: 1em;
        min-width: 100% !important;
    }

    .colorPicker {
        position: static;
        text-align: center;
    }

    .colorPicker h6 {
        display: block !important;
    }

    .colorPicker i {
        margin: .5em;
        font-size: 2em;
    }

    .colorPicker .active {
        padding: 4px 6px;
    }
}

/*======OPTIONAL DESIGNATOR==========*/

#optionalDesignation {
    padding-left: 15px;
}

#optionalDesignation::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 12px;
}

#optionalDesignation::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 12px;
}

#optionalDesignation:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 12px;
}

#optionalDesignation:-moz-placeholder {
    /* Firefox 18- */
    font-size: 12px;
}

/* Color schemes for kids */

/* colors-1 */

.kid-stories.colors-1 {
    background-color: #196BAC;
}

.kid-stories.colors-1 .intro-div {
    background-color: #FEC340;
}

.kid-stories.colors-1 h1 .script,
.kid-stories.colors-1 .details-container .script,
.kid-stories.colors-1 .details-container blockquote {
    color: #FEC340;
}

/* colors-2 */

.kid-stories.colors-2 {
    background-color: #196BAC;
}

.kid-stories.colors-2 .intro-div {
    background-color: #5BC4BF;
}

.kid-stories.colors-2 h1 .script,
.kid-stories.colors-2 .details-container .script,
.kid-stories.colors-2 .details-container blockquote {
    color: #5BC4BF;
}

/* colors-3 */

.kid-stories.colors-3 {
    background-color: #33346e;
}

.kid-stories.colors-3 .intro-div {
    background-color: #5BC4BF;
}

.kid-stories.colors-3 h1 .script,
.kid-stories.colors-3 .details-container .script,
.kid-stories.colors-3 .details-container blockquote {
    color: #5BC4BF;
}

/* colors-4 */

.kid-stories.colors-4 {
    background-color: #33346e;
}

.kid-stories.colors-4 .intro-div {
    background-color: #E76F6D;
}

.kid-stories.colors-4 h1 .script,
.kid-stories.colors-4 .details-container .script,
.kid-stories.colors-4 .details-container blockquote {
    color: #E76F6D;
}

/*==============SHOPPING CART================*/

#cart th {
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    border-top: 0;
    border-bottom: 5px solid rgba(25, 107, 172, .1) !important;
}

#item-th {
    width: 75%;
}

#price-th {
    width: 2%;
}

#sub-th {
    width: 2%;
}

#qty-th {
    width: 9%;
}

#remove-th {
    width: 12%;
}

#cart td {
    padding-top: 3em;
    padding-bottom: 3em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
}

#cart h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
}

#cart h4 {
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 15px;
    color: #5BC4BF;
    position: relative;
}

#cart .larger {
    font-size: 18px;
    margin-bottom: 21px;
}

#cart .fa {
    color: rgba(25, 107, 172, .4);
    cursor: pointer;
    transition: all .2s ease-in-out;
    font-size: 21px;
}

#cart .fa:hover {
    color: #E76F6D;
}

#cart .content {
    margin-top: 20px;
}

#cart p {
    font-size: 16px;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight: 500;
}

#cart .team {
    list-style-type: none;
    font-weight: 500;
    padding-left: 0;
    width: 280px;
    font-size: 16px;
}

#cart .team span {
    float: right;
}

#cart h4 .fa {
    padding-left: 15px;
    position: absolute;
    top: -5px;
}

#cart .benefits-list {
    list-style-type: none;
    padding-left: 0;
    font-weight: 500;
    font-size: 16px;
}

.cart-img {
    width: 100%;
}

#cart tfoot {
    /*border-top: 1px solid #e9ecef;*/
}

#cart .donate-footer {
    background-color: rgba(25, 107, 172, .04);
}

#cart .donate-footer td {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#cart .donate-footer p {
    /*padding-left:20px;*/
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    font-size: 18px;
}

#cart tfoot td {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}

#cart .total {
    padding-top: 15px;
    /*font-size: 1.75em;*/
    padding-bottom: 20px;
    font-size: 24px;
}

#cart .total-border {
    border-bottom: 5px solid rgba(25, 107, 172, .1) !important;
}

#cart .form-control {
    border: 1px solid #e9ecef;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: rgba(25, 107, 172, 1);
    margin-top: -6px;
    text-align: right;
}

#cart .qty-form-control {
    margin-left: 21px;
}

#cart .subtotal {
    /*padding-top:30px;*/
    font-weight: 500;
}

#sub-fund {
    font-size: 1em;
}

#donate-value {
    padding-left: 0 !important;
    /*padding-right:0!important;*/
    position: relative;
}

#donate-value input[type="number"] {
    position: absolute;
    right: 50px;
    min-width: 80px;
    height: 40px !important;
    top: 50%;
    transform: translate;
    transform: translate(0%, -36%);
}

#donate-value input[type="submit"] {
    position: absolute;
    height: 40px;
    /*top:14px;*/
    width: 40px;
    right: 15px;
    background: #5BC4BF;
    color: white;
    border: none;
    border-radius: initial;
    cursor: pointer;
    transition: all .2s ease-in-out;
    top: 50%;
    transform: translate;
    transform: translate(0%, -50%);
}

#donate-value input[type="submit"]:hover {
    background: #196BAC;
    color: #5BC4BF;
}

@media (max-height: 800px) {
    #add-cart-modal {
        transform: translate(-50%, 10%);
    }
    .no-min-height {
        transform: translate(-50%, 0%);
    }
  }

  @media (max-height: 820px) {
 
 

    .no-min-height .teamProfile .row{
        height:70vh;
        overflow:scroll;
    }
  }

#add-cart-modal .content{
    max-height: inherit !important;
    min-height: inherit !important;
    height: auto !important;
    overflow-y: auto;
    padding-right: 0;
}

#add-cart-modal h4 {
    color: #196BAC;
}

#add-cart-modal .modal-buttons .btn {
    flex: 1;
    margin: 8px;
    width: inherit;
}

.modal-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.modal-buttons .btn {
    width: 48%;
    margin: 0;
}

@media only screen and (max-width:991px) {
    #item-th {
        width: 65%;
    }

    #price-th {
        width: 2%;
    }

    #sub-th {
        width: 2%;
    }

    #qty-th {
        width: 12%;
    }

    #remove-th {
        width: 20%;
        min-width: 120px;
    }
}

@media only screen and (max-width: 736px) {
    #carticon {
        height: 52px;
    }

    #carticon .fa {
        font-size: 1.75em;
    }

    #cart .fa-trash-o {
        color: #E76F6D;
    }

    #cart h4 .fa {
        right: 0;
    }

    #cart .team {
        width: 100%;
    }

    #remove-th {
        min-width: inherit;
    }

    #cart td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #cart tr {
        border-top: 1px solid #e9ecef;
        padding: 1em 0;
    }

    #cart .qty-form-control {
        margin-left: 0;
        width: 75px;
    }

    #cart .img-block {
        margin: 0 15px 15px 15px;
    }

    #cart .donate-footer {
        display: flex;
        align-items: center;
    }

    .hide-mobile {
        display: none !important;
    }

    .tally-tr {
        display: flex !important;
        justify-content: flex-end;
        padding: 15px 0;
    }

    .mobile-only {
        display: block !important;
    }

    .space {
        display: none;
    }

    .view-more {
        display: none;
    }

    .order-mobile {
        margin-top: 15px;
    }

    .address-mobile,
    .desc-mobile,
    .title-td,
    .content-td {
        /*padding-bottom: 45px!important;*/
    }

    .intro-td {
        /*padding-bottom: 90px!important;*/
    }

    .actions-td {
        /*padding-bottom: 50px!important;*/
    }

    .actions-td .fa {
        font-size: 20px;
    }

    .li-tr {
        margin-top: 15px;
        margin-bottom: 15px;
        /*border-top:1px solid #ccc;*/
    }

    .expand .mobile-table {
        padding-left: 0;
        padding-right: 0;
    }

    .mobile-table tr:nth-child(even) {
        /*background-color: #f1f1f1!important;*/
    }

    #recurring-table tr:nth-child(even) {
        background-color: #f1f1f1 !important;
    }

    /* Force table to not be like tables anymore */
    .mobile-table,
    .mobile-table thead,
    .mobile-table tbody,
    .mobile-table th,
    .mobile-table td,
    .mobile-table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .mobile-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .mobile-table tr {
        /*border: 1px solid #EEE;*/
        border: none;
    }

    .mobile-table>tbody>tr>td {
        /*border:none!important;*/
        display: flex;
    }

    .mobile-table td {
        /* Behave  like a "row" */
        border: none;
        /*border-bottom: 1px solid #eee;*/
        position: relative;
        /*padding-left: 50%;*/
        white-space: normal;
        text-align: left;
    }

    .mobile-table .th-mobile {
        /* Now like a table header */
        /*position: absolute;*/
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 22%;
        padding-right: 30px;
        /*white-space: nowrap;*/
        text-align: right;
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        letter-spacing: 1px;
        margin-top: 7px;
        color: rgba(25, 107, 172, .6);
        text-transform: uppercase;
    }

    .mobile-table .td-mobile {
        /* Now like a table header */
        /*position: absolute;*/
        /* Top/left values mimic padding */
        top: 6px;
        right: 6px;
        width: 78%;
        padding-right: 10px;
        /*white-space: nowrap;*/
        text-align: left;
        /*text-transform: uppercase;*/
    }

    /*
	Label the data
	*/
    .mobile-table .th-mobile {
        content: attr(data-title);
    }

    .angular-date-picker {
        position: static;
    }
}

@media (max-width: 670px) {
    .mobile-table .th-mobile {
        padding-right: 15px;
    }
}

@media (max-width: 480px) {
    .blog-editor-title {
        margin-left: 0;
        margin-right: 0;
    }

    .sidebar-nav .navbar .navbar-collapse {
        height: auto;
    }

    .profileDiv {
        max-height: inherit !important;
        ;
    }

    .btn-lg {
        width: 100%;
    }
}

@media (max-width: 320px) {
    .mobile-table .th-mobile {
        width: 32%;
    }
}

.mobile-only {
    display: none;
}

.offline-donate-row {
    justify-content: center;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

#invoicableContainer {
    padding-top: 0;
    padding-bottom: 0;
}

#invoicableRow {
    background: rgba(25, 107, 172, .04);
    padding: 20px;
    margin-bottom: 30px;
}

#invoicableRow h4 {
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0;
    font-size: 18px;
}

#invoicableRow label {
    font-size: 16px;
    padding-left: 15px;
}

#invoicableRow .form-check-input {
    margin-right: 10px;
}

#specialPayment {
    max-width: 600px;
    margin-left: auto;
}

#hh-donate{
    margin-top:1em;
    margin-bottom:-7em;
}

@media (max-width: 1199px) {
    #hh-donate{
        margin-bottom:-3em;
    }
}

@media (max-width: 991px) {
    #hh-donate{
        margin-top:0;
    }
}

@media (max-width: 767px) {
    #hh-donate{
        margin-bottom:0em;
    }
}

.simple-embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 1400px;
	margin: 0 auto;
}

.simple-embed-container iframe, .simple-embed-container object, .simple-embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}