/*      
Theme Name: IABC
Theme URI: http://www.graphicallyspeaking.ca/
Description: Template by GSSI.
Version: 1.0
Author: Graphically Speaking Services Inc.
Author URI: http://www.graphicallyspeaking.ca/
Tags: 
   
*/

.youtube_gallery_item{

margin: 0 0 30px 30px !important;

}

.page-template-default #archives {
display: none !important;
}

.wpjb-page-single .wpjb-grid-row wpjb-row-meta-membership {
display: none !important; 
}

.btn-cus {
  background: #f5965a;
  background-image: -webkit-linear-gradient(top, #f5965a, #F47424);
  background-image: -moz-linear-gradient(top, #f5965a, #F47424);
  background-image: -ms-linear-gradient(top, #f5965a, #F47424);
  background-image: -o-linear-gradient(top, #f5965a, #F47424);
  background-image: linear-gradient(to bottom, #f5965a, #F47424);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn-cus:hover {
  background: #F47424;
  background-image: -webkit-linear-gradient(top, #F47424, #f5965a);
  background-image: -moz-linear-gradient(top, #F47424, #f5965a);
  background-image: -ms-linear-gradient(top, #F47424, #f5965a);
  background-image: -o-linear-gradient(top, #F47424, #f5965a);
  background-image: linear-gradient(to bottom, #F47424, #f5965a);
  text-decoration: none;
}

#content a.btn-cus {
	color: #fff !important;
}


@media screen and (min-width: 651px){
  ul#event-categories li {
    margin-left: 59px;
  }
}

/* VOLUNTEER PAGE */

@media screen and (max-width: 650px){

    #job-postings ul li ul li {
      list-style-type: disc;
    }

    #job-postings ul li ul li ul {
      margin: 0 5%;
    }

}


.sitemap-container {
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;

}

.sitemap-container h1 {
    text-align: center;
    color: #444;
    margin-bottom: 20px;
}

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

.sitemap-list li {
    margin: 10px 0;
}

.sitemap-list .submenu {
    padding-left: 30px;
}

.sitemap-list a {
    text-decoration: none;
    color: #007BFF;
    transition: color 0.3s;
}

.sitemap-list a:hover {
    color: #0056b3;
}

/* HEADER */

#header-social {
  width: 208px;
}

#header-social li.instagram a > span {
  background-image: url('images/insta.jpg');
  background-repeat: no-repeat;
  background-position: 0px 11px;
}

#header-social li.instagram a {
  padding-right: 12px; 
}

#header-social li.instagram a > span:hover {
    background-image: url('images/insta-hover.jpg');
    background-position: 0px 0px;
}

#footer-social ul li.instagram a {
  background-image: url('images/insta-mobile.jpg');
}


/* BLOG */

@media screen and (max-width: 350px) {

  ul#news-list li .ft-img img {
    width: 100%;
    height: 100%;
  }

}

body.single-post table tbody tr {
  border: 30px solid transparent;
}

/* REGISTER LINK */

@media screen and (max-width: 650px){

  a.register-link{
    display: inline-block;
    margin-top: 22px;
    padding-right: 30px;
    background: url(images/skin/bg/bg_register-link.png) right 4px no-repeat;
    font-size: 27px;
    font-family: 'newsgoth_lt_btlight';

  }

}

/*NAV*/

#mainnav > .menu > ul > li#menu-item-148 > a {
  padding-right: 15px;
  padding-left: 15px;
}

#mainnav > .menu > ul > li > a {

  font-size: 17px;
}




#mainnav > .menu > ul > li > a > span{
	white-space: nowrap;
padding-top: 20px;
}

div#placement-top {
    display: none;
}

.em-event-add-to-calendar {display:none !important;} 
.em-icon.em-icon-clock, .em-icon.em-icon-calendar {background-image:none !important;}
.em-event-add-to-calendar-content {display:none !important;}
.em-icon {display:none !important;} 
.event-categories li {  list-style-type: none !important; }

/* New Header  */

div#header-search {
    max-width: 305px;
    width: 100%;
}

#mainnav > .menu > ul {
    display: flex ;
    position: relative;
	justify-content: space-between;
    margin: 0 auto;
    left: 0;
    background: #333230 0% 0% no-repeat padding-box;
	height:60px;
    padding: 0 130px;
}

#logo{
	width: 300px;
   height: 68px;
}
div#util {
    top: -3px;
    position: relative;
    right: 0;
}


.header-social-mobile{
		display:none;	 
	 }

#header-social {
    width: auto;
    margin: 0 40px;
}



div#header-social i {
    font-size: 20px;
}

#header-social i:hover {
    color: #CCCAC8;
}



    #header-social ul {
        display: flex;
        justify-content: center;
        margin-top: 28px;
    }

#header-search input[type="submit"]{
	background-position: -30px;
}

#header-search input[type="submit"]:hover{
	background-position: 0px;
}

#header-search input[type="text"] {
    font: normal normal normal 16px / 40px Libre Franklin;
    letter-spacing: 0px;
    color: #CCCAC8;
padding-left: 10px;
    padding-top: 9px;
}


.h-w2.section-inner {
    margin: 0 100px;
}


#mainnav > .menu > ul > li > a {
    color: #fff;
	position:relative;
}
#mainnav > .menu > ul > li > .sub-menu-wrapper1{
	top: 42px;
   z-index: 50;
   padding-top: 28px;
}

#util > ul > li > a {
    color: #f47424 !important;
   font-family: Libre Franklin;
   font-size:16px;
}

#util > ul > li > a:hover{
	color:#acacac!important;
}



#mainnav > .menu > ul > li > a:hover > span:after {
    width: auto;
    height: 10px;
    display: block;
    background: #FF6900;
    content: '';
    position: relative;
    top: 23px;
}

#mainnav > .menu > ul > .menu-item-8923 > a:hover > span:after{
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

#mainnav > .menu > ul > .menu-item-147 > a:hover > span:after{
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

#mainnav > .menu > ul > .menu-item-142 > a:hover > span:after{
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

#mainnav > .menu > ul > .menu-item-144 > a:hover > span:after{
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

#mainnav > .menu > ul > .menu-item-148 > a:hover > span:after{
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

#mainnav > .menu > ul > .menu-item-5887 > a:hover > span:after{
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

#mainnav > .menu > ul > .menu-item-13923 > a:hover > span:after{
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

#mainnav > .menu > ul > .menu-item-13923 > a:hover > span:after{
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

#menu-mainnav .menu-item > a > span.show-after::after {
  width: auto;
  height: 10px;
  display: block;
  background: #FF6900;
  content: '';
  position: relative;
  top: 26px;
}

#menu-mainnav .menu-item-8923 > a > span.show-after::after {
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

#menu-mainnav .menu-item-147 > a > span.show-after::after {
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

#menu-mainnav .menu-item-142 > a > span.show-after::after {
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

#menu-mainnav .menu-item-144 > a > span.show-after::after {
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

#menu-mainnav .menu-item-148 > a > span.show-after::after {
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

#menu-mainnav .menu-item-5887 > a > span.show-after::after {
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

#menu-mainnav .menu-item-13923 > a > span.show-after::after {
	width: 100%;
    position: absolute;
    top: 60px;
    right: 0;
}

li#menu-item-13944 a {
    padding: 15px 53px !important;
}


#mainnav ul.sub-menu li a {
    letter-spacing: 0px;
    color: #333230;
    font-size: 18px;
    font-family: 'Libre Franklin';
    padding: 15px 35px;
}

    #mainnav ul.sub-menu {
        background: #E8E5E3 0% 0% no-repeat padding-box;
    }


#mainnav {
	border:none;
}

#header-search form fieldset{
	border: 1px solid #707070;
border-radius: 35px;
}

    #header, .h-w1 {
        height: 164px;
        z-index: 43;
        position: relative;
    }

#banner-home{
	z-index:1
}

.banner-home-new {
    background-size: cover!important;
}

.banner-home-container {
    max-width: 1340px;
    margin: 0 auto;
    padding-top: 154px;

}


.banner-home-content p a {
    COLOR: #FFF;
    TEXT-DECORATION: UNDERLINE;
}
/*
.banner-home-content {
    padding-top: 42px;
    max-width: 420px;
    padding-left: 38px;
    padding-bottom: 43px;
    padding-right: 32px;
    background: #F68428 0% 0% no-repeat padding-box;
}
 */
.banner-home-content {
    padding-top: 20px;
    max-width: 520px;
    padding-left: 38px;
    padding-bottom: 20px;
    margin-top: 85px;
    padding-right: 38px;
    background: #f68428f2 0% 0% no-repeat padding-box;
}
.banner-home-content p {
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 26px;
    font-family: 'Libre Franklin';
    margin: 0;
}


span.border-transparent{
    height: 10px;
    display: block;
    width: 100%;
    background: #2F2F2F 0% 0% no-repeat padding-box;
    z-index: 2;
    position: relative;
    opacity: 0.5;
    top: 10px;
}


/* CTA */
#ctas{
	max-width: 100%;
	border-top:none;
	background-size: cover;
}

img.logo-prefooter {
    margin: 0px auto;
    margin-bottom: 65px;
}

.f-w2.section-inner {
    max-width: 1340px;
    margin: 0 auto;
}

.separator-footer{
	width: 535px;
    height: 10px;
    display: block;
    background: #F68428 0% 0% no-repeat padding-box;
    top: -40px;
    position: absolute;
}

.cta-wrapper ul {
      background: #171717e3 0% 0% no-repeat padding-box;
}

#ctas li a{
	background: none;
	border:none;
}

#ctas .cta .join-us-btn {
background: #fff;
padding-left: 25px;
    color: #000;
    border-radius: 100px;
    padding: 13px 10px;
padding-left: 25px;
    min-width: 179px;
    text-align: center;
    display: flex;
    width: 179px;
    justify-content: center;
    gap: 23px;
    text-transform: uppercase;
    font-size: 20px;
    align-items: center;
height: auto;
  transition: 0.4s;
font: normal normal 600 20px/40px Libre Franklin;
letter-spacing: 0px;
color: #333230;
}

 #ctas .cta a span {
	width:40px;
	height:40px;
	display:block;
	background-image: url('/wp-content/uploads/2024/11/logo-button.png');
	background-size:cover;
  transition: 0.4s;
}

#ctas .cta .join-us-btn{
	background: #fff;
padding-left: 25px;
    color: #000;
    border-radius: 100px;
    padding: 13px 10px;
padding-left: 25px;
    min-width: 179px;
    text-align: center;
    display: flex;
    width: 179px;
    justify-content: center;
    gap: 23px;
    text-transform: uppercase;
    font-size: 20px;
    align-items: center;
height: auto;
  transition: 0.4s;
font: normal normal 600 20px/40px Libre Franklin;
letter-spacing: 0px;
color: #333230;
}

#ctas .cta a span {
	width:40px;
	height:40px;
	display:block;
	background-image: url('/wp-content/uploads/2024/11/logo-button.png');
	background-size:cover;
  transition: 0.4s;
}

 #ctas .cta .join-us-btn:hover{
	background-color:#F68428;
	color:#fff;
  transition: 0.4s;
}
#ctas .cta .join-us-btn:hover span{
		background-image: url('/wp-content/uploads/2024/11/logo-tint-70.png');
  transition: 0.4s;
}


  #ctas .cta-wrapper {
display: flex;
    justify-content: flex-end;
    flex-flow: column;
    height: auto;
    max-width: 1340px;
    width: 100%;
    margin: 0 auto;
		position:relative;
    }

#ctas ul{
    max-width: 100%;
    height: auto;
    display: flex;
	position:relative;
padding: 50px 51px;
}

#ctas li p{
	color: #FFFFFFB2;
    font-size: 26px;
    line-height: 40px;
	margin:0;
}

    #ctas li {
        float: none;
        margin-left: 0;
        display: flex;
        flex-flow: row;
        justify-content: space-between;
		align-items:center;
width: 100%;

    }
 #ctas .cta a{
	        width: auto;
	padding: 0;
}

.cta b {
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
}

	 .cta-ul-mobile{
		 display:none!important;
	 }

/*Footer */
#sponsors {
	border-top: none;
}

.sponsers-logo-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    padding: 20px;
    width: 100%;
    max-width: 1340px;
    border-top: 2px solid #707070;
    margin-top: 39px;
}

  .sponsers-logo-box {
    flex: 1 1 calc(10.66% - 10px); /* Makes each element take 1/6 of the container width */
    box-sizing: border-box;
    text-align: center; /* Center the images horizontally */
  }

  .sponsers-logo-box img {
    width: 100%; /* Make the images responsive */
    height: auto;
 	max-width: 190px;
  }

  /* Media Queries for responsive design */
  @media (max-width: 768px) {
    .sponsers-logo-box {
      flex: 1 1 calc(33.33% - 10px); /* Make each logo take 1/3 of the container width on tablets */
    }
  }


#footer{
	padding: 40px 0 75px 0;
}

.sponsors-title-container {
    width: 57%;
    float: right;
    display: flex;
    justify-content: space-between;
}

#sponsors .title {
    color: #333230;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Libre Franklin';
}

    #sponsors .sponsorship-opportunities {
        font: normal normal normal 18px / 26px Libre Franklin;
        letter-spacing: 0px;
        color: #F68428 !important;
        position: relative;
        top: 6px;
    }

#sponsors .sponsors-title-container .sponsorship-opportunitieshover:hover{
	color:#acacac!important;
}
#sponsors a{
	color:#acacac!important;
}

.sponser-logo-color {
display:none;	
	
}

#sponsors > ul {
    max-width: 1340px;
    width: 100%;
    border-top: 2px solid #707070;
}



.footer-bottom-container {
    display: flex;
    flex-flow: wrap;
    margin-top: 75px;
	gap: 40px;
}

ul#menu-footernav {
    display: flex;
    flex-flow: column;
}

.footer-bottom-icon:first-child {
    flex: 1 1 0%;
}

.footer-bottom-icon:nth-child(2){
	 flex: 1 1 12%;
}

.footer-bottom-icon:nth-child(3) {
    flex: 1 1 45%;
}

.newsletter-subox {
    margin-bottom: 65px;
}


#menu-footernav li:first-child {
    border-top: 1px solid #CCCAC8;
}

#menu-footernav li {
    padding: 7px 0;
    border-bottom: 1px solid #CCCAC8;
}

#menu-footernav a {
font: normal normal normal 15px/20px Libre Franklin;
letter-spacing: 0px;
color: #F68428;
}

#footer-logo{
	margin-top: -5px;
 
}

.footer-logo-box {
    display: flex;
    flex-flow: column;
}

.footer-logo-box p {
    display: flex;
    flex-flow: column;
    gap: 22px;
    color: #807C79;
    font-size: 15px;
    padding-left: 120px;
    margin-top: 20px;
margin-bottom: 43px;
}

.footer-logo-box p a {
    color: #F68428 !important;
    font-size:15px;
font-weight: 300;
    font-family: 'Libre Franklin';
}

.footer-logo-box p a:hover{
	        color: #acacac!important;
}

#footer-social li{
	        width: 9px;
}

ul#menu-footernav a:hover {
    color: #acacac;
}



.newsletter-subox h3 {
    margin: 0;
    color: #333230;
    font-size: 20px;
}

div#footer-social {
    display: flex;
    justify-content: center;
    position: relative;
    left: -12px;
}

div#footer-social ul {
    display: flex;
    gap: 26px;
    margin-right: 10px;

}

div#footer-social i {
    font-size: 20px;
color: #F68428
}

div#footer-social i:hover {
    color: #CCCAC8;
}

.newsletter-subox p {
    font: normal normal normal 16px / 24px Libre Franklin;
    letter-spacing: 0px;
    color: #807C79;
}
div#field_4_3, div#field_4_4 {
   max-width: 255px;
    width: 265px;
}

#gform_wrapper_4 input[type=text], #gform_wrapper_4 input[type=email] {
    border: 2px solid #F68428;
    border-radius: 30px;
}

#gform_submit_button_4[type=submit] {
    border: none;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 16px;
    border-radius: 30px;
    border: 1px solid #F68428;
    /* border-radius: 30px; */
    background: #F68428 0% 0% no-repeat padding-box;
    cursor: pointer;
    min-width: 105px;
}


#bottomlinks a, #copyright, #credit, #credit a{
font: normal normal normal 15px/20px Libre Franklin;
letter-spacing: 0px;
color: #807C79;
}

#copyright{
	padding:0;
}

div#gform_fields_4 {
    display: flex;
    justify-content: flex-start;
}


#credit{
	padding-top: 19px;
}







/* Homepage */

    .page-template-homepage-php #content .c-w1 {
       max-width: 1340px;
        margin: 0 auto;
        padding: 0;
		width:100%;
    }


 .homepage-maincontainer {
    max-width: 1340px;
    margin: 0 auto; /* Center the container horizontally */
    display: flex;
    flex-wrap: wrap;
    gap: 40px; /* Add some space between the boxes */
    justify-content: center; /* Center the items in the container */
	margin-top: -68px;
	row-gap: 17px;
  }

  .homepage-boxes {
    flex: 1 1 calc(32.33% - 20px);
    box-sizing: border-box;
    padding: 20px 0px;
    text-align: center;
max-width: 420px;
    width: 100%;
    padding-top: 0px;
  }

	.homepage-boxes-first p {
    font-size: 26px !important;
    font-family: 'Libre Franklin' !important;
    text-align: left;
    color: #333230!important;
}


  @media (max-width: 480px) {
    .homepage-boxes {
      flex: 1 1 100%; /* Makes the boxes full width on small screens */
    }
  }

.boxes-image {
	margin-bottom: 5px;
    min-height: 400px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 0px 80px 0px 0px;
    transition: 0.4s ease-in-out;
    flex-flow: column;
    position: relative;

}

.boxes-image img{
    align-self: end;
    margin-right: 20px;
    margin-top: 20px;
    opacity: 0.7;
}

.boxes-image:hover {
    border-radius: 0;
 transition:  0.4s ease-in-out;
}

.homepage-boxes .boxes-image:hover + .box-divisor {
    width: 100%;
transition: 0.4s ease-in-out;
}

.page-template-homepage-php #content .boxes-image-text {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 27px;
    text-align: left;
    padding-left: 30px;
    font-family: 'Libre Franklin';
	margin-bottom: 38px;
}

.homepage-boxes.homepage-boxes-first b {
    font-weight: 500;
}

.page-template-homepage-php #content .boxes-image-text span {
    text-transform: none;
    font: normal normal normal 16px / 24px Libre Franklin;
}


.page-template-homepage-php #content .boxes-text {
    font: normal normal normal 16px / 24px Libre Franklin;
    letter-spacing: 0px;
    color: #86878A;
    text-align: left;
}

.homepage-boxes .box-divisor {
    width: 75px;
    height: 10px;
    display: block;
    background: #F68428 0% 0% no-repeat padding-box;
}

.iabc-history {
    margin-top: 49px;
    background-repeat: no-repeat !important;
    position: relative;
    margin-bottom: 134px;
    padding-top: 0px;
    background-position: 0px 0px !important;
background-size: cover ! Important;
}

.iabc-history-container {
    max-width: 1340px;
    margin: 0 auto;
    padding-top: 129px;
    margin-bottom: 134px;
}

.iabc-history-content {
    max-width: 650px;
    padding-bottom: 129px;
}

.iabc-history-content h3 {
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 26px;
    font-family: 'Libre Franklin';
    font-weight: 500;
	margin-top: 10px;
    margin-bottom: 20px;
}

.iabc-history-content p {
    color: #FFFFFF;
    font-family: 'Libre Franklin';
    font-size: 26px;
    letter-spacing: 0;
    line-height: 40px;
    opacity: 0.7;
}

a.history-btn {
    background: #fff;
    color: #000;
    border-radius: 100px;
    padding: 13px 10px;
    min-width: 200px;
    text-align: center;
    display: flex;
    width: 179px;
    justify-content: center;
    gap: 23px;
    text-transform: uppercase;
    font-size: 20px;
    align-items: center;
  transition: 0.4s;
font: normal normal 600 20px/40px Libre Franklin;
letter-spacing: 0px;
color: #333230;
padding-left: 30px;
}

a.history-btn:hover {
    background: #f68429;
    transition: 0.4s;
    text-decoration: none;
    color: #fff;

}

a.history-btn:hover span {
	background-image: url('/wp-content/uploads/2024/11/logo-tint-70.png');
  transition: 0.4s;
}

.history-btn span{
	width:40px;
	height: 40px;
	background-image: url('/wp-content/uploads/2024/11/logo-button.png');
	display:block;
	background-size:cover;
  transition: 0.4s;
}


span.history-divisor{
	width: 100%;
	max-width:940px;
    height: 10px;
    display: block;
    position: relative;
	background: #F68428 0% 0% no-repeat padding-box;
	top: -134px;
}

.history-divisor-top{
	width: 75px;
    height: 10px;
    display: block;
	background: #F68428 0% 0% no-repeat padding-box;
}

#burger-icon {
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .line {
    transition: all 0.3s ease;
  }
  #burger-icon.active .line1 {
    transform-origin: center; /* Ensure transformations are happening from the center */
    transform: rotate(45deg) translate(5px, 5px);
  }
  #burger-icon.active .line2 {
    opacity: 0;
  }
  #burger-icon.active .line3 {
    transform-origin: center; /* Ensure transformations are happening from the center */
    transform: rotate(-45deg) translate(5px, -5px);
  }

  #burger-icon, #close-icon {
    cursor: pointer;
    transition: all 0.3s ease;
  }

div#subnav.aside {
    margin-top: 10px;
}

  /* Styles for smaller screens */
  @media (max-width: 1340px){
.h-w2.section-inner {
    margin: 0px 75px;
}
	  #mainnav > .menu > ul{
		  padding: 0 90px;
	  }
a#footer-logo img {
    width: 368px;
    height: auto;
}
	     .footer-bottom-icon {
        width: 380px;
    }
	input#gform_submit_button_4 {
		max-width: 90px;
		width: 100%;
	}

	  div#gform_fields_4{
		  width:93%
	  }
	div#footer-social {
    display: flex;
    justify-content: start;
    margin-left: 133px;
}

  }

@media (max-width: 1270px){

	#mainnav > .menu > ul > li > a > span {
        line-height: 24px;
        padding-top: 5px;
        display: flex;
        align-items: center;
        text-align: center;
white-space: normal;
	}
}



 @media (max-width: 1200px){
.m-w2  {
    margin: 0px!Important;
}
.h-w2.section-inner {
    margin: 0 30px;
height: 125px!important;
}
	  .homepage-boxes{
		  flex: 1 1 calc(50% - 20px);
			max-width: 420px;
	  }
#mainnav > .menu > ul > li > a > span {
white-space: normal;
        line-height: 24px;
        padding-top: 5px;
        display: flex;
        align-items: center;
        text-align: center;

}
	 #mainnav > .menu > ul{
		 padding: 0 30px;
	 }
#mainnav > .menu > ul > li > a {
    padding: 0px 35px;
}
.banner-home-new {
    background-size: cover !important;
    background-position: -310px 19px !important;
    background-repeat: no-repeat !important;
}
	 .iabc-history{
		 padding-left: 75px;
	 }
span.history-divisor {
    width: 100%;
    max-width: 1260px;
    height: 10px;
    display: block;
        position: relative;
        background: #F68428 0% 0% no-repeat padding-box;
        left: 0px;
        top: inherit;
        bottom: 134px;
}

  }

 @media (max-width: 1069px){
	 #logo{
	top: 35%;
	 }
	 #header-social, #util{
		 display:none;
	 }
	 .header-social-mobile{
		display:block;	 
		display: flex;
        justify-content: flex-end;
        gap: 30px;
        padding-top: 20px;
        margin-right: 40px;
	 }
	 .header-social-mobile .contact-social-mobile{
		     color: #f47424 !important;
		font-family: Libre Franklin;
		font-size: 16px;
	 }
.header-social-mobile ul {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.header-social-mobile i {
    font-size: 20px;
}
div#header-search {
    max-width: 475px;
    width: 100%;
}
	 #footer{
		 padding-bottom:0;
	 }
ul#menu-footernav {
display: flex;
    flex-flow: column;
    width: 290px;
    margin: 0 auto;
    float: right;
    margin-right: 30px;
margin-bottom: 30px;
}

	 .newsletter-box{
		 margin: 0 auto;
		display: block;
		width: 70%;
		flex: unset!important;
	 }
.footer-logo-box.footer-bottom-icon {
    margin-left: 30px;
}

  }


 @media (max-width: 650px){
	 #logo{
        left: 5% !important;
        display: block !important;
        max-width: 272px !important;
        top: 17% !important;
        background: url(/wp-content/uploads/2024/11/logo-update.png) !important;
        background-size: cover !important;
        height: 60px !important;
        width: 100% !important;

	 }
div#util-mobile ul {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}

div#header-search {
          top: 83px;
position: absolute;
        z-index: 3;
        margin: 0 auto;
        width: 90%;
        left: 20px;
}

	 #header-search form fieldset{
		 position: relative;
	 }

	 div#header-search label{
		 display:none
	 }

	 #header-search input[type="text"]{
		     font: normal normal normal 16px / 40px Libre Franklin;
		letter-spacing: 0px;
		color: #CCCAC8;
		padding: 5px 10px;
		width: 100%;
		border: 1px solid #000;
		border-radius: 30px;
	 }
	 #header-search input[type="submit"]{
        position: absolute;
        right: 20px;
        top: 16px;
        border: navajowhite;
        background: transparent;
        color: #f47424;
        font-size: 17px;
        font-family: 'Libre Franklin';
        text-transform: lowercase;
	 }
    #mainnav > .menu > ul > li > .sub-menu-wrapper1 {
        display: none;
    }

	 #mainnav > .menu > ul > li > a:hover > span:after{
		 display:none;
	 }


	 .h-w2.section-inner{
		     margin: 0;
	 }
.header-social-mobile {
    justify-content: space-between;
    margin: 0 30px;
}
	 #mainnav .menu .menu-title{
		 display:none!important;
	 }
	 #mainnav > .menu > ul{
		 padding: 0;
		float: none;
		margin: 0;
		z-index: 3;
		border-top: none !important;
        position: relative;
        top: 31px;
		display: none;
	 }
#mainnav > .menu > ul > li {
    margin: 0;
background: #E8E5E3 0% 0% no-repeat padding-box;
}
	 #mainnav > .menu > ul > li > a{
		 color: #333230!important;
          font-family: 'Libre Franklin'!important;
          padding: 10px 20px!important;
font-size: 18px !important;
	 }

.menu-button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 51px;
    height: 1px;
    padding-top: 50px;
    overflow: hidden;
    border-left: 1px solid #fff;
    background: url('../images/mobile/skin/bg/btn_menu.gif');
    -moz-background-size: auto 50px;
    -webkit-background-size: auto 50px;
    background-size: auto 50px;
}


.header-social-mobile a {
    color: #f47424 !important;
}

ul#menu-mainnav {
    flex-flow: column;
}
	 #menu-mainnav {
		 background: #333230!important;
	 }
	 #mainnav{
		 border-bottom: none!important;
	 }
    #mainnav .menu {
        width: 100%!important;
        min-height: 20px!important;
        background: #333230!important;
        height: 30px;
        min-height: 30px!important;
        
    }
	 span.border-transparent{
		 top: 0px;
	 }

	 .homepage-maincontainer{
		 margin-top: 0px;
	 }
	 .banner-home-new{
		 background-repeat: no-repeat !important;
		        background-position: 0px 30px !important;
        background-image: url(/wp-content/uploads/2024/11/main-banner-mobile.jpg) !important;
        background-size: contain !important;
	 }
	 .banner-home-container{
		padding-top: 235px;
	 }
	 
.banner-home-content {
    max-width: 650px;
    width: 100%;
}

.banner-home-content p {
    margin-bottom: 0;
}

	 .homepage-maincontainer{
		     flex-flow: column;
    	align-items: center;
        margin: 0 30px;
    
	 }

.boxes-image {
    max-width: 370px;
    min-height: 353px;
    background-size: contain !important;
}

.homepage-boxes:last-child {
    padding: 0;
}


	 .iabc-history-content{
		  margin: 0 30px;
		padding-bottom: 54px;
	 }
	 .history-divisor-top{
		 display:none;
	 }

	 .iabc-history-content p{
		 font-size:24px;
	 }
	 a.history-btn{
		 margin: 0 auto;
	 }
	 .iabc-history{
		 margin-bottom: 0;
        margin-top: 18px;
padding-left: 0;
background-size: cover !important;
  background-image: url(/wp-content/uploads/2024/11/story-bg-mobile.jpg)!important;
        background-position: 0px 0px !important;

	 }
    #ctas {
        display: block !important;
        background-repeat: no-repeat;
        padding-top: 20px;
		background-image: url('/wp-content/uploads/2024/11/bg-join_mobile.jpg')!important;
		background-position: -0 -0;
   margin-top: 150px;
        background-size: contain;
    }
	 div#ctas-mobile {
		display:none;
	 }
	 #ctas ul{
		 padding: 50px 30px;
	 }

	 img.logo-prefooter{
		 position: relative;
    		top: -50px;
	 }
#ctas li {
    flex-flow: column;
}
	 .cta-ul-desktop{
		 display:none!important;
	 }
	 .cta-ul-mobile{
		 display:block!important;
        margin-top: -5px;
	 }

	 #ctas li p{
		 line-height:52px;
	 }


#ctas .cta .join-us-btn {
    margin-top: 40px;
}
	 .separator-footer{
	width:50%;
		 top:-41;
	}

    #sponsors {
        display: block!important;
    }
.sponsors-title-container {
    width: 100%;
    float: inherit;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    gap: 14px;
}
.sponsers-logo-wrapper {
    margin-top: 20px;
}
    .sponsers-logo-box {
        flex: 1 1 calc(50.33% - 10px);
    }

    .footer-logo-box.footer-bottom-icon {
        margin: 0 30px;
    }
    div#footer-social {
        display: flex;
        justify-content: center;
        margin-left:0px !important;
    }
	 div#footer-social ul{
		 gap:0;
	 }
    #footer-logo {
        display: block!important;
    }

    ul#menu-footernav {
        display: flex;
        flex-flow: column;
        max-width: 650px;
        float: none;
        margin: 0 30px;
		width: auto;
    }

	 .footer-bottom-icon:nth-child(2){
		flex: unset;
		width: 100%;
	 }
	 .footer-logo-box p{
		     padding-left: 90px;
	 }
    #bottomlinks {
        padding-top: 17px;
        text-align: center;
    }
.newsletter-subox {
    margin-bottom: 0;
}
div#gform_fields_4 {
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
}
div#field_4_3, div#field_4_4 {
    max-width: 640px;
	width: auto;
}
.gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gform_footer {
    align-self: flex-end;
    display: flex;
}
    .newsletter-box {
        margin: 0 auto;
        display: block;
        width: auto;
        flex: unset !important;
        margin: 0 30px;
    }

    #bottomlinks ul {
        display: flex!important;
justify-content: center;
    }
	 #bottomlinks li{
		 white-space: nowrap!important;
opacity: 0.7;
	 }
.copyright-subox {
    position: relative;
    left: -10px;
}
	 #copyright{
		 margin:0!Important;
	 }
	 #bottomlinks li.about{
		 display:block!important
	 }
	 #credit{
		 padding-top: 12px!important;
opacity: 0.7;
	 }

}

@media (max-width: 430px){
.banner-home-container {
        padding-top: 160px;
    }
	#logo{
max-width: 265px !important;
        left: 3% !important;
}

}

.nt-event-list .event-categories {display:none;}
.nt-event-list .em-item-desc {padding-top:8px;}
.wpjb-page-single .wpjb-top-header-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px; /* Adjust height as needed */
    background-color: #f5f5f5; /* Optional: background color */
}

.wpjb-page-single .wpjb-top-header-image img {
    width: 120px; /* Adjust to make it bigger */
    height: auto;
    max-height: 150px;
    max-width:150px !important;
    object-fit: contain;
}
.wpjb .wpjb-top-header-image {width:150px !important;}
.wpjb .wpjb-top-header-content { width: calc( 100% - 150px ) !important; }
.em-item-image  {display:none;}