/*** revised styles for QE 2022 ****/

/*** QE COLORS ***/

/* #81B640   #008cba  #57277B */

.qe-bl {background-color:#008cba; }
.qe-db {background-color:#027094;}
.qe-pr {background-color:#57277B;}
.qe-gr {background-color:#81B640;}


.wrap-blue  .btn-secondary.has-outline{border:solid 3px #81B640; background-color:unset;  }


/*font styles*/
 
.font-10 {font-size:110%;} .font-15 {font-size:115%;} .font-20 {font-size:120%;}




/*** SITE HEADER ***/

.top-bar-blk {padding-bottom:1px; background-color:#027094;}

.container-fluid .logo {width:40% !important; margin:15px 25px !important;  padding:5px !important; max-width:220px;}

/** .container-fluid .logo {width:30% !important; margin:10px 15px 20px;
    min-width:150px; max-width:250px !important; padding:5px !important; } **/    

/** SECTION - NAV **/

/* NAV - QE menu */

.qe-nav-blk {width:100%;} 
.qe-nav-blk .nav {position:relative; margin:0 auto; text-align:center; }
.qe-nav-blk li {display:inline-block; }

.qe-nav-blk .btn-primary {color:#fff; border:none; padding:12px 12px !important;
    background-color:inherit;  }

.qe-nav-blk .middle {border-left: 2px solid #0079a1; border-right: 2px solid #0079a1; }

.icon-li {margin-left: 4% !important; }
.icon-li .sm_icons img {margin:10px 5px 10px 8px; width:28px; }


/*** Main nav menu  ***/

/* superfish menu */

.main-nav-blk {margin-top:1px; background-color:#222;}


/*toggle btn*/

div.sf-accordion-toggle.sf-style-black {margin:20px !important; }


/*end of menu*/




/**Reusable **/

/** HEADER - All tag features **/

.subtitle-alt.wrap {display:block; padding:1.5% 2%; color:#fff; margin:3% 3% 3% 0; }
    

/*fills entire item, accomadtes for vary hieght, paddings*/

.brand-wpr .sec-flex.wrap-blue {background-color:#027094; position:relative; }


.sec-in-btm {position:relative; }

.sec-in-btm .btn-wpr {text-align:center; }

.sec-in-btm .subtitle-alt.title-cta, .sec-in-btm h2, .sec-in-btm h3 {color:#81B640; }    

.sec-in-btm h2, .sec-in-btm h3 {border-bottom:#008cba dotted 1px; text-transform:uppercase; padding:5px 1px; text-align:center; margin-left:25px;}



.img-bkgd-wrp.f4qkits { background-image: url("/sites/default/files/images/branding/ctas/campaigns/Food4Queers/QE-CTA-Square-FoodforQueers-Blank.png"); background-position:top left; background-repeat:no-repeat; background-size:cover; }


/*add a light background to side **/

.sec-hw.wrap-light  {background-color:#f5f5f5; }



/** Icons & Lists **/


/* modify list to have fa icons */

.sec-flex .inpg_list .fa-li {margin-top: 2px; position:absolute; }
.sec-flex .inpg_list li {padding: 1% 1%; list-style-type:none !important;}


/** SECTION - BS List groups **/

/* */

.sec-flex .list-group-item {display:inline-block; width:32%;  }

.sec-sm.sec-cta {padding:0 !important; border-left:none; }

.brand-wpr .list-group-item {background-color:transparent; padding:25px 15px; border:none; }

.brand-wpr .sec-flex .list-group-item i {color:#ccc; }

.wrap-blue .msg_txt a {color:#81B640; font-weight:500; }



/** SECTION -- IMAGES **/

.flex-in-img { border:solid white 3px; }





/*** View Feeds ***/

/** View Flex Layouts

.cnt-flex-list{display:relative; padding:0; margin:0; }
.cnt-flex-list .cnt-item  {list-style-type:none; display:flex; flex-wrap:wrap;  justify-content:space-between; padding:1em 0;  }

.cnt-flex-list .media-wpr {flex:35%; }
.cnt-flex-list .cnt-body {flex:62%; padding-left: 1em; }  **/




/** RESPONSIVE CODE  **/



@media (min-width:600px) { 
   
    
.qe-nav-blk .nav {position:relative; float:right; right:15px; }   

.sec-in-btm {margin:auto; position:relative; top:1%; left:0; width:100%;}

}

@media (min-width:810px) { 
    
.sec-sm .sec-in-btm{padding:0 0 0 1% !important; /**border-left:4px solid #008cba;**/ margin-left:5%;}

.sec-flex .list-group-item {display:block; width:unset; font-size:20px;}


}

/**primary breakpoint for standard display **/

@media (min-width:980px) { 

.nav .btn {font-size:16px; }    
    

    
}    


@media (min-width:1080px) { 

  



}



/** for all things small */

/** Max of 565px **/

@media (max-width:565px) {

.nav .last .dropdown-menu { min-width:120px !important; }
.sec-in-btm .msg_txt {font-size:18px; }

}


@media (max-width:495px) {
.sec-flex .list-group-item {display:block; width:unset; }

}
/*--------------------------------------------------*/




/**  temp overrides to responseive code 
**   from alt style sheet

** All BELOW TO BE REMOVED 

**/



@media (max-width:565px) {
  
.notice-blk {display:block !important; } 

.top-nav .nav > li, .navbar .nav > li,
.qe-nav-blk .nav .li, .nav > .li {display:inline-block !important; }

}


@media (min-width:565px) and (max-width:750px) {


.top-nav .nav > li, .navbar .nav > li,
.qe-nav-blk .nav .li, 
.navbar .nav > li, .navbar .nav > li {display:inline-block !important; }


}