.fixed-nav-container{
	position: relative;
	z-index: 99;
	padding: 10px 0;
	transition: all 0.3s ease;
}

.fixed-menu{
		width: 100%;
		position: fixed;
		z-index: 200;
		top:0;
    }
    /*Descendants*/

    #menu-item-1639{
        position: relative;
        padding-left:33px !important;
        /* background-color:red; */
    }

    #menu-item-1639::before {
        width:15px;
        height: 15px;
        position: absolute;
        left:-5px;
        top:10px;
        content: url(../images/holodomor-descendat-logo-30.jpg);

    }
.theme-blue{
		background-color: #081c33;
		transition: all 0.3s ease;
		z-index: 21;
	}
    .branding-container{	
        position: relative;
        z-index: 16;
        transition: all 0.3s ease;	
    }

.no-branding-container{
		top: 0px !important;
		transition: all 0.3s ease;
	}

.top-bar{
    height: 80px;
    border-bottom: 1px solid #3a4c66;
}
.topbar-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.top-event-info a{
    font-size: 0.85em;
    color: #ffffff;
}
.top-event-info a:hover, .top-event-info a:visited{
    color: #ffffff;
    text-decoration: underline;
}

.download-banner{
    display: flex;
    flex-direction: column;
    text-align: center;
}

.download-banner h5{
    font-size: 2.25rem;
    font-weight: 300;
    padding: 0 20px 0 10px;
}

.first-download-banner{
    background-color: #0A1D43;
}
.first-download-banner h5{ 
    color:#ffffff;
}

.first-download-banner a{
    background-color:#253450;
    border:1px solid #FFFFFF;
    border-radius:6px;
    margin:10px;
    color:#ffffff;
}
.second-download-banner{
    background-color: #f4cd2a;
}

.first-download-banner, .second-download-banner{
    padding-top:15px;
    padding-bottom:15px;
}
.second-download-banner a{
    background-color: #FCDF6E;
    border:1px solid #FFFFFF;
    border-radius:6px;
    margin:10px;
}

.download-banner .thumb-container{
    width: 13%;
    margin: 10px auto;
    margin-bottom:30px;
    margin-top:15px;
    background-color: #ffffff;
    border:1px solid;
    border-color:#9ea9b8;
    border-radius: 3px;
    padding:5px 7px;
    display: none;
}
.download-banner .thumb-container img{
    display: inline;
}

.toplogo-menu{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.main-navigation-container{
    width: 70%;
}
ul#menu-hamburger-menu{
    padding-left:0px;
}


.banner-download-cta{
    border: 1px solid #081c33;
    border-radius: 4px;
    color: #081c33;
    padding: 7px 12px;
}

a.banner-download-cta:hover, a.banner-download-cta:visited{
    color:#ffffff;
}

.second-download-banner a.banner-download-cta:visited{

    color: #081c33;
} 
/* .upper-bar{
	border-bottom: 1px solid #3a4c66;
	position: absolute;
	z-index: 40;
	width: 100%;
	height: 60px;
	transition: transform .25s ease-in-out;
  -webkit-transition: -webkit-transform .25s ease-in-out;
}
.upper-bar-color{
	background-color: #081c33;
}


.top-donate-button{
	height: 50px;
    background-color:#f4cd2a;
	text-align: center;
	width: 150px;
	margin: 0 auto;
	display: inline-block;
}

.top-donate-button form .paypal-text{
	text-align: center;
}

.top-donate-button form{
	display: inline-block;
}

.top-event-info{
	display: none;
	float: left;
}

.top-event-info a{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9em;
	line-height: 60px;
	padding: 0 20px;
	font-weight: 300;
	letter-spacing: 0.04em;
	display: inline-block;
	color: #ffffff;
	text-decoration: underline;
}
.top-donate-button a:visited,
.top-donate-button a:hover,
.top-donate-button a:active{
	color: #212121;
}

.top-event-info span{
	font-family: 'Lato', sans-serif;
} */
.top-donate-button-container{
    display: inline-block;
    padding-right: 0px;
    border-left: 1px solid #3a4c66;
}

.top-donate-button-container a{
    display: block;
    background-image: url(../images/yellow-corner-shadow.png);
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color:#f4cd2a;
    color: #081c33;
    font-family: 'Lato', sans-serif;
    font-size: 0.9em;
    font-weight:bold;
    letter-spacing: 0.04em;
    border-radius: 4px;
    padding:5px 22px;
    position: relative;
    transition: all .2s cubic-bezier(.4,0,.2,1);
}
.top-donate-button-container a:hover{
    background-color: #E9B420;
    color: #081c33;
    /* transform: translateY(-12%); */
}


.header-logo{
    max-width: 100px;
}
.logoflex-container{
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    
}

.logotype{
    text-align: left;
}
.logoflex-container img{
    width:65%;
    padding-right: 10px;
}

.logoflex-container h1{
 font-size: 1.4rem;
 letter-spacing: 4px;
 margin: 0;

}

.logoflex-container h2{
    font-size: 0.7rem;
    letter-spacing: 0.06em;;
    color:rgba(255, 255, 255, 0.8);
    
    margin: 0;
    text-align: left;
}
.logoflex-container h6{
    font-size: 16px;
    letter-spacing: 3px;
    margin: 0;
    padding-top: 0px;
}

h3.committee-name{
    padding-top:13px;
    font-size: 9px;
    margin: 0;
    text-transform: initial !important; 
}

.logoflex-container h6, .logoflex-container h1, h3.committee-name{
    display: none;
    color:rgba(255, 255, 255, 0.8);
    text-align: left;
}
.bar-downloads-container{
    /* display: flex; */
    flex-direction: column;
    background-color: #f4cd2a;
}
.bar-downloads-container > div{
    width: 50%;
}
.bar-downloads-container{
    border-bottom: 1px solid #3a4c66;
    position: relative;
    z-index: 40;
   top: 60px;
    width: 100%;
    height: 60px;
    transition: transform .25s ease-in-out;
    -webkit-transition: -webkit-transform .25s ease-in-out;
}


/* PROMO BAR */
.holodomor-alert{
	position: relative;
	margin-top:10px;
	margin-bottom: 10px;
	padding-bottom: 30px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(69,85,96,1);
-moz-box-shadow: 0px 2px 5px 0px rgba(69,85,96,1);
box-shadow: 0px 2px 5px 0px rgba(69,85,96,1);
}

.holodomor-alert button.close span{
	color: #ffffff;
	position: absolute;
	color:rgba(255,255,255,0.5) !important;
	top:10px;
	right:20px;
    transition: all 0.3s ease;
    
}
.holodomor-alert button.close:hover span{
    color:rgba(255,255,255,1) !important;
    transform:translateY(-3px);
}
h3.promobar-title{
	color: #f4ce00;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 20px;
    font-size: 20px;
}
/* PROMO BAR */

form input{
    width: 100% !important;
}

.inthearts-container{
    display: flex;
    width: 80%;
    margin: 0 auto;
    justify-content: space-between;
}
.inthearts-container button{
    border: none;
    padding-top:8px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 44px -7px rgba(69,85,96,0.65);
    -moz-box-shadow: 0px 5px 44px -7px rgba(69,85,96,0.65);
    box-shadow: 0px 5px 44px -7px rgba(69,85,96,0.65);
    width:30%;
}

.inthearts-content{
    width: 80%;
    margin: 0 auto;
}

.inthearts-container button h2{
    text-transform: initial;
    font-size: 1.3em;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #3a4c66;
    padding-top: 10px;
}

.inthearts-container button h3{
    font-weight: 300;
    text-align: center;
    text-transform: initial;
    color: #3a4c66;
    font-size: 1.2em;
}

.inthearts-container button img {
    transition: all 0.3s ease;
}

.inthearts-container button:hover img {
    transform: scale(0.95);
}

.inthearts-modal ul li{
    list-style: none;
}

.inthearts-modal ul{
    padding-left:0;
    margin-left:0;

}

.wpcf7 label{
    width: 100% !important;
}

.wpcf7 {width:100% !important;}
.wpcf7-form {width:100% !important;}

.wpcf7-form input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {width:100% !important;}
.wpcf7-form input[type="text"], input[type="email"], textarea {width:100% !important;}


.hp-registration-banner{
     background-color: #E9B420; 
    display: flex;
    flex-direction: column;
    /* justify-content: space-around;  */
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.hp-registration-banner h1{
    color: #081c33;
}

.banner-cta {
    margin: 1.5em;
}

.banner-cta-text{
    /* width:100%; */
    margin-left: 1em;
    font-size: 1.6em;
}

.banner-cta a{
    background-color: #081c33;
    width: 220px;
    padding: 12px 20px;
    font-size: 1.3em;
    border-radius: 6px;
    color: #E9B420;
}
.banner-cta a:hover, .banner-cta a:active, .banner-cta a:visited{
    color: #e3e9f0;
    text-decoration: none;
}

.woocommerce-checkout #payment {
    background: #f9f9fb !important;
    border-radius: 5px !important;
	border: 1px solid rgba(0,0,0,0.1) !important;
}

.hotel-registration a{
    background-color: #E9B420;
    color: #081c33;
}

.payment_method_stripe label{
	display: inline !important;

}
.woocommerce-checkout #payment p{
	margin-bottom:5px !important;
}

wc_payment_method payment_method_stripe{
	margin:0 0 20px 0 !important;
}

.woocommerce-checkout #payment div.payment_box{
	border-radius: 6px;
    background-color: #e8eaf1 !important;
}
.woocommerce-checkout #payment div.payment_box::before{

    border: 1em solid #e8eaf1 !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
}

.woocommerce-input-wrapper, .form-row, .woocommerce form .form-row-first,{
    width: 100% !important;
}

.woocommerce button.button.alt, .checkout-button{
 background-color: #E9B420 !important;
 color: #081c33 !important;
}
.billing-container, .additional-info-container{
    margin-bottom:50px;
    width:100%;
}

.customer-details-container{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.woocommerce-billing-fields input {
    width:100% !important;
    margin-bottom:10px;
}

.woocommerce-page form .form-row-first, .form-row-last{
    width:100% !important;
}

.woocommerce-page form .form-row-first label, .woocommerce-input-wrapper{
    width:100% !important;
    margin-bottom: 20px;
}
#billing_phone{
    padding: 8px 5px;
}

.woocommerce-billing-fields label{
    margin-bottom:0px !important;
    line-height: 1.3em;
}

.wc-stripe-elements-field{
    border: 1px solid #ddd;
    margin: 5px 0;
    padding: 5px;
    background-color: #fff;
    outline: 0;
}
.woocommerce-input-wrapper input{
    border: 1px solid #c1c1c1;
}
.woocommerce-SavedPaymentMethods-saveNew input{
    width: 15px !important;
    display: inline-block;
    margin-right: 10px !important;
}
.woocommerce form .form-row label{
    margin-bottom:0px;
    line-height: 1.4em !important;
}
.woocommerce-checkout #payment div.payment_box .form-row{
    margin-bottom: 0.5em !important;
}

.woocommerce-checkout #payment ul.payment_methods li .stripe-credit-card-brand{
    right:35px !important;
}

.stripe-card-group, .stripe-exp-element, .wc-stripe-elements-field{
    width:100%;
}
.selection .select2-selection{
    margin-bottom:7px !important;
}
#checkout-radio input, #checkout-radio label{
    display: inline-block !important;
    width: 92%;
    margin-bottom: 20px;
}


.woocommerce-additional-fields .input {
    width: 20% !important;
    margin-right: 5px;
}

.woocommerce form .form-row .input-checkbox{
    width: 20px !important;
}

.woocommerce-additional-fields .woocommerce-input-wrapper{
 margin-bottom: 0px;
}

.upcoming-events-container{
    background-color: #0D1D43;
    padding: 70px 
}

.upcoming-events-container h1{
    color: #ffffff;
    text-align: center;
}
.events-thumbs-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1280px;
    margin: auto;
    flex-wrap: wrap;
}
.events-thumbs-container > div{
    width: 90%;
    background-color: #152A55;
    border-radius: 10px;
    margin: 20px auto;

}

.thumbnail-content{
    padding:10px;
    color:#ffffff;
    font-family: 'Montserrat', sans-serif;
}

.thumbnail-content .date{
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom:10px;
    margin-top: 20px;
}

.thumbnail-content .event-title{
    font-weight: 300;
    
}

.thumbnail-content .event-cta a{
    background-color: #3F6BC4;
    color: #ffffff;
    padding: 7px 12px;
    border-radius: 6px; 
   
}

.thumbnail-content .event-cta{
    margin-top:20px;
    margin-bottom: 20px;
}
.thumbnail-content .event-desc{
    color: #9AACD3;
    font-weight: 300;
    font-size: 0.9em;
}


@media (min-width: 576px) {  }

.download-banner, .top-bar{
    transition: all 0.3s ease;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    text-align: left;
    background-color: #ffffff;
    padding: 6px !important;
    border: 1px solid #e7f0f9;
}

h2.woocommerce-loop-product__title{
text-align:left;
color: #212529 !important;
}

.woocommerce a.button{
border: 1px solid #bfc9d9;
}

a.added_to_cart{
    background: #eff1f3;
background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec);
background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
color: #212121;
/* display: block; */
position: relative;
overflow: hidden;
/* height: 29px; */
box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
border-radius: 2px;
background: #e7e9ec;
border-radius: 3px;
border-color: #ADB1B8 #A2A6AC #8D9096;
border-style: solid;
border-width: 1px;
margin-top: 20px;
padding: 4px 20px;
}

a.added{
    background-color: #fcfff8 !important;
border: 1px solid #8BC34A !important;
}


.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after{
color: #74bc20;
}

.fooddrivebanner{
    border: 3px solid #f4cd2a;
    border-radius: 10px;
    width:95%;
    
    margin-left:auto;
    margin-right:auto;
    position: relative;
   z-index: 11;
    background-size:cover;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(69,85,96,0.3); 
    box-shadow: 0px 0px 15px 5px rgba(69,85,96,0.3);
    height: 800px;
    margin-top:-150px;
    /* background-image: url(../images/homepage/FoodDriveMainBannerMobile.jpg); */

    background-repeat: no-repeat;
}

.event-promo-bar-desktop{
display: none;
}

.event-promo-bar-mobile{
    display: block;
}

.duranty-spokeperson-bio{
    display:flex;
    flex-direction: column;
    border:1px solid #cccccc; 
    border-radius:6px; padding:15px; 
    justify-content:space-between;
    margin-bottom:20px;
}
.duranty-spokeperson-bio-image{
    margin-bottom: 20px;
}


@media screen and (min-width: 450px) {
    .fooddrivebanner{height: 900px;}
}

@media screen and (min-width: 510px) {
    .fooddrivebanner{height: 1200px;}
}

@media screen and (min-width: 610px) {
    .fooddrivebanner{height: 1300px;}
}
/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
    .logoflex-container, .bar-downloads-container, .first-download-banner, .second-download-banner,.topbar-container, .customer-details-container, .hp-registration-banner, .download-banner, .events-thumbs-container, .duranty-spokeperson-bio{flex-direction: row;}
    .download-banner > div{width:50%;}
    .logoflex-container{align-items: center;}
    .logoflex-container h1, .logoflex-container h6, h3.committee-name{display: block;}
    .logotype{padding-left: 10px;border-left:1px solid;border-color:rgba(255, 255, 255, 0.8);}
    .logoflex-container h2{color: #f4cd2a; font-size: 1rem;}
    .logoflex-container img{width:28%;}
    .header-logo{max-width:310px;}
    .download-banner .thumb-container{display: block;}
    .top-donate-button-container{padding-right:20px;}
    .top-event-info a{font-size: 1em;}
    .billing-container, .additional-info-container{width:45%;}
    .top-bar{height:40px;}
    /* .banner-cta-text{width: 70%;} */
    .banner-cta {margin:2em;}
    .banner-cta-text{font-size:2.5em;}
    .checkout #wc-stripe-cc-form{width:400px !important;}
    .events-thumbs-container > div{width:30%;}
    /* .fooddrivebanner{height: 150px;margin-top:-75px;background-image: url(../images/homepage/FoodDriveMainBannerDesktop.jpg); width:90%;background-size:cover;} */
    .event-promo-bar-desktop{display:block;}
    .event-promo-bar-mobile{display:none;}
    .fooddrivebanner{height: 150px;margin-top:-75px; width:90%;background-size:cover;}
    .duranty-spokeperson-bio-image{width:27%;}
    .duranty-spokeperson-bio-text{width:70%;}
   
    
}

@media screen and (min-width: 820px) {
    .fooddrivebanner{height: 250px;margin-top:-175px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1360px) { 
    .fooddrivebanner{max-width:1300px;height: 300px;margin-top:-175px;}
 }

@media screen and (min-width: 1500px) {

}