/***********************
    General Styles
************************/
h1.h1{
    line-height:1.1;
    margin-bottom:1em;
    text-align:center;
}
.sm-text{
    font-size:.9em;
    font-style:italic;
}

.btn{
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
}
@media(min-width:1024px){
    h1.h1{
        font-size:4rem;
    }
}

/**************************
    Nav / Header Styles
***************************/
/* Nav */
.fid-simple-header .aviation-logo{
    height:34px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
@media(min-width:768px){
    .fid-simple-header .aviation-logo{
        margin-left:initial;
        margin-right:initial;
    }
}

/* Header */
.hero-banner{
    position:relative;
}
/*.hero-banner::after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-image:linear-gradient(to top, rgba(0,0,0,0.3), transparent);
    z-index:100;
}*/
.hero-banner .img-wrapper{
    position:relative;
    overflow-x:clip;
}
.hero-banner .img-wrapper img{
    position:absolute;
    top:0;
    left:0;
    animation-duration:8s;
    animation-iteration-count:infinite;
}
.hero-banner .img-wrapper img:first-child{
    animation-name:heroImgOne;
    z-index:2;
}
.hero-banner .img-wrapper img:nth-child(2){
    animation-name:heroImgTwo;
    z-index:1;
}
.hero-banner .img-wrapper img.invisible{
    opacity:0;
    z-index:0;
    position:relative;
}
.desktop-hero{
    display:none;
}
.mobile-hero,
.desktop-hero{
    width:100%;
    max-width:100%;
}
@keyframes heroImgOne{
    0%{left:0; right:0; z-index:2;}
    16%{left:-100%; right:100%; z-index:2;}
    33%{left:-100%; right:100%; z-index:1;}
    50%{left:0; right:0; z-index:1;}
    68%{left:0; right:0; z-index:1;}
    72%{left:0; right:0; z-index:2;}
    100%{left:0; right:0; z-index:2}
}
@keyframes heroImgTwo{
    0%{left:0; right:0; z-index:1;}
    16%{left:0; right:0; z-index:1;}
    33%{left:0; right:0; z-index:2;}
    50%{left:0; right:0; z-index:2;}
    68%{left:-100%; right:100%; z-index:2;}
    72%{left:-100%; right:100%; z-index:1;}
    100%{left:0; right:0; z-index:1}
}
@media(min-width:520px){
    .mobile-hero{
        display:none;
    }
    .desktop-hero{
        display:block;
    }
}

/***********************
    Main Styles
************************/
main{
    background-color:#fff;
}
section{
    padding-top:3em;
}
section h2.h2,
section h2.h3{
    text-align:center;
    margin-bottom:1em;
}

/* Main Section */
.main-section p{
    text-align:center;
}
.main-section h2.h3{
    font-size:1.2em;
}
.main-section .list-card_wrapper p{
    margin-bottom:4px;
}
.main-section .list-card_wrapper ol{
    margin-bottom:1.5em;
    width:100%;
    max-width:675px;
    margin-left:auto;
    margin-right:auto;
}
.main-section .btn.btn-primary + p{
    text-align:center;
    margin-top:6px;
}
@media(min-width:768px){
}

/* Weather Section */
.weather-section{
    padding-bottom:2em;
}
.weather-section img{
    width:100%;
    max-width:100%;
    margin-top:1.5em;
}
@media(min-width:768px){    
    .weather-section{
        padding:8em 0 6em;
        width:100%;
        max-width:1100px;
        margin-left:auto;
        margin-right:auto;
    }
    .weather-section .row{
        align-items:center;
    }
    .weather-section img{
        margin-top:0;
    }
}

/* Gift Options */
.img-cards-wrapper .img-cards-row{
    margin-bottom:-1px;
}
.img-cards-wrapper .img-card-text{
    position:relative;
    background-color:#fff;
    z-index:10;
    height:400px;
}
.img-card.flight-bag{
    background-image:url('../images/osprey-flight-bag.jpg');
}
.img-card.img-wrapper{
    position:relative;
    overflow-x:clip;
}
.img-card.img-wrapper div{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
.img-card.img-wrapper div.women-fl,
.img-card.img-wrapper div.women-vest,
.img-card.img-wrapper div.men-fl,
.img-card.img-wrapper div.men-vest,
.img-card.img-wrapper div.flight-bag,
.img-card.img-wrapper div.flight-bag-open{
    z-index:2;
    animation-duration:8s;
    animation-iteration-count:infinite;
}
.img-card.img-wrapper div.women-fl{
    animation-name:imgOne;
}
.img-card.img-wrapper div.men-fl{
    animation-name:imgTwo;
}
.img-card.img-wrapper div.flight-bag,
.img-card.img-wrapper div.women-vest{
    animation-name:imgAltOne;
}
.img-card.img-wrapper div.flight-bag-open,
.img-card.img-wrapper div.men-vest{
    animation-name: imgAltTwo;
}
@keyframes imgOne{
    0%{left:0; right:0; z-index:2;}
    16%{left:-100%; right:100%; z-index:2;}
    33%{left:-100%; right:100%; z-index:1;}
    50%{left:0; right:0; z-index:1;}
    68%{left:0; right:0; z-index:1;}
    72%{left:0; right:0; z-index:2;}
    100%{left:0; right:0; z-index:2;}
}
@keyframes imgTwo{
    0%{left:0; right:0; z-index:1;}
    16%{left:0; right:0; z-index:1}
    33%{left:0; right:0; z-index:2;}
    50%{left:0; right:0; z-index:2;}
    68%{left:-100%; right:100%; z-index:2;}
    72%{left:-100%; right:100%; z-index:1;}
    100%{left:0; right:0; z-index:1;}
}
@keyframes imgAltOne{
    0%{left:0; right:0; z-index:2;}
    16%{left:100%; right:-100%; z-index:2;}
    33%{left:100%; right:-100%; z-index:1;}
    50%{left:0; right:0; z-index:1;}
    68%{left:0; right:0; z-index:1;}
    72%{left:0; right:0; z-index:2;}
    100%{left:0; right:0; z-index:2;}
}
@keyframes imgAltTwo{
    0%{left:0; right:0; z-index:1;}
    16%{left:0; right:0; z-index:1}
    33%{left:0; right:0; z-index:2;}
    50%{left:0; right:0; z-index:2;}
    68%{left:100%; right:-100%; z-index:2;}
    72%{left:100%; right:-100%; z-index:1;}
    100%{left:0; right:0; z-index:1;}
}
.img-card .women-fl{
    background-image:url('../images/women-shirt-fl.jpg');
}
.img-card .men-fl{
    background-image:url('../images/men-shirt-fl.jpg');
}
.img-card .women-vest{
    background-image:url('../images/men-vest.jpg');
}
.img-card .men-vest{
    background-image:url('../images/women-vest.jpg');
}
.img-card .flight-bag{
    background-image:url('../images/osprey-flight-bag.jpg');
}
.img-card .flight-bag-open{
    background-image:url('../images/osprey-flight-bag-open.jpg');
}
.text-card h3{
    font-weight:800;
    font-size:2rem;
    text-align:center;
    margin-bottom:18px;
}
.text-card p,
.text-card li{
    color:#605B71;
    line-height:1.5;
    font-size:16px;
}
@media(min-width:768px){
    .img-cards-wrapper .img-card-text{
        height:auto;
    }
}

/* Standard Card */
.standard-card .h3{
    text-align:center;
    margin-bottom:1em;
}
.standard-card .text-img-wrapper{
    display:flex;
    flex-direction:column-reverse;
    align-items:center;
}
.standard-card .text-img-wrapper div{
    padding-right:2em;
}
.standard-card .btn.btn-primary{
    margin-bottom:1em;
}
.standard-card .visa-img{
    width:100%;
    max-width:350px;
    margin-bottom:2em;
}
@media(min-width:1024px){
    .standard-card{
        margin-bottom:6em;
    }
    .standard-card .text-img-wrapper{
        flex-direction:row;
    }
}

/* Blue Section */
.blue-section{
    background-color:#0000eb;
    color:#fff;
    padding:2em 15px;
    margin:5em 0 0;
}
.blue-section h2{
    text-align:center;
}


/*****************************
    Legal / Footer Styles
******************************/
.offer-details{
    background-color:#f5f5f5;
    padding-bottom:1em;
}
.offer-details p{
    font-size:14px;
    line-height:1.3;
    color:#212121;
}