/*
Theme Name: Ininew Friendship Centre
Description: Questions? Contact Design de Plume Inc. at 705.222.5740
Author: Design de Plume Inc.
Author URI: https://deplume.ca
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

@import url("https://web.archive.org/web/20250731125346cs_/https://use.fontawesome.com/releases/v5.13.0/css/all.css");


.fusion-header-v5.fusion-logo-center .fusion-logo,
body .fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-logo {
	float:inherit !important;
	max-width:200px !important;
	margin: 0 auto !important;
}
.fusion-logo-link{
	position: relative;
	top:-30px;
}
.fusion-logo-link:hover{
	background: url('/wp-content/uploads/2022/07/IFC_Logo_Main_Hover.png');
	background-position: center;
    background-size: contain;
}
/* .fusion-logo-link img{
	transition: all 0.4s;
} */
.fusion-logo-link:hover img{
	opacity: 0;
}

#credit:before {
    content: " · ";
}

p, h1, h2, h3, h4, h5, h6,th {
	font-family: proxima-nova, sans-serif !important;
	/* font-weight: 400;
	font-style: normal; */
}

a:not(.fusion-main-menu-icon):not(.fusion-mobile-menu-icons):not(.fusion-icon):not(.fusion-social-networks a), 
span:not(.ab-icon):not(.fusion-builder-live-editor):not(.fusion-panel-shortcut):not(.fusion-panel-shortcut span):not(.fusion-builder-module-controls-container a span):not(.fusion-module-icon span) {
	/* font-family: proxima-nova, sans-serif !important;
	font-weight: 400;
	font-style: normal; */
}

h1, h2, h3, h4:not(.awb-imageframe-caption-title) {
	font-weight: 700 !important;
}

h5 {
	font-weight: 400 !important;
}

h6 {
	font-weight: 200 !important;
	font-style: italic !important;
}

.dark p:not(.fusion-builder-live-editor p), .dark a:not(.fusion-builder-live-editor a), .dark span:not(.fusion-builder-live-editor span):not(.fusion-breadcrumbs span), .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
	color: #fff !important;
}

ul li::marker,
ol li::marker {
	color: #C30614;
	font-size: 20px;
}

.dark ul li::marker,
.dark ol li::marker,
.dark ul li,
.dark ol li,
.dark dl dd,
.dark dl dt {
	color: #fff !important;
}

ol li::marker {
	font-weight: 700;
}

blockquote {
	border-color: #C30614 !important;
	background: transparent !important;
	font-style: 25px !important;
	color: #000;
	font-style: normal !important;
	position: relative;
}

blockquote::before {
	content: "\f10d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: -30px;
    left: -10px;
	color: #C30614;
}

.dark blockquote {
	color: #fff !important;
	border-color: #fff !important;
}

.dark blockquote::before  {
	color:  #fff !important;
}

hr {
	color: #000;
}

.dark hr {
	color: #fff !important;
}

.accordian a {
	text-decoration: none !important;
	transition: all 0.3s !important;
	padding: 10px !important;
}

.accordian a:hover,
.accordian a:active,
.accordian a:focus,
.accordian a.active {
	background: #FAF3E8 !important;
}

.accordian .panel-body {
	background: #FAF3E8 !important;
	padding-left: 15px !important;
}


.accordian .fusion-toggle-heading {
	font-weight: 700;
}

.post {
	text-align: center;
}

.post .recent-posts-content h4 {
	font-size: 22px;
}

.post .recent-posts-content p {
	font-size: 20px;
}

.post .fusion-flexslider {
	border-radius: 25px;
	border: 3px solid #fff;
}



/* Links */

/* #content a:not(.fusion-builder-module-control):not(.home-threecard a) {
	color: #000000;
	font-weight: 600;
    text-underline-offset: 3px;
	text-decoration: underline;
	transition:all 0.4s;
} */

#content a:not(.fusion-builder-module-control):not(.home-threecard a):hover,
#content a:not(.fusion-builder-module-control):not(.home-threecard a):active,
#content a:not(.fusion-builder-module-control):not(.home-threecard a):focus {
	color: #A2030F !important;
	text-decoration: none !important;
}

#content .dark a:not(.fusion-builder-module-control):not(.home-threecard a):not(.fusion-breadcrumb-link):hover,
#content .dark a:not(.fusion-builder-module-control):not(.home-threecard a):not(.fusion-breadcrumb-link):active,
#content .dark a:not(.fusion-builder-module-control):not(.home-threecard a):not(.fusion-breadcrumb-link):focus{
	color:  #EFE09F !important;
}

/* .fusion-breadcrumb-link{
	text-decoration:underline;
}

.fusion-breadcrumb-link:hover span,
.fusion-breadcrumb-link:active span,
.fusion-breadcrumb-link:focus span,
.breadcrumb-leaf {
	color: #A2030F;
}

.breadcrumb-leaf {
	font-weight: 700 !important;
}

.dark .breadcrumb-leaf {
	color:  #EFE09F !important;
} */

.fusion-breadcrumb-link,.breadcrumb-leaf,.fusion-breadcrumb-item{
	text-decoration:underline;
	text-underline-offset: 4px;
}
.fusion-breadcrumb-link:hover,.breadcrumb-leaf:hover,.fusion-breadcrumb-item:hover{
	text-decoration:none;
}


.breadcrumb-leaf:hover,.fusion-breadcrumb-item:hover span{
	color:#DDBD2D;
}
/* Buttons */
.fusion-button,input[type="button"],input[type="submit"]{
	text-decoration: none !important;
}

.fusion-button:hover span,
.fusion-button:active span,
.fusion-button:focus span,
input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus{
	border-bottom: 2px solid #ddbd2d !important;
}



.dark .fusion-button {
	background:  #fff !important;
}

.dark .fusion-button span {
	color:  #000 !important;
}

.dark .fusion-button:hover span,
.dark .fusion-button:active span,
.dark .fusion-button:focus span {
	border-bottom: 2px solid #267F21;
}

.dark .fusion-button:hover,
.dark .fusion-button:active,
.dark .fusion-button:focus {
	background: #EFE09F !important;
}

/* Forms */
input[type="submit"]{
	padding:10px 20px;
	color:#fff;
	border: none !important;
	background-color: #434343 !important;
}
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus{
	background-color: #267F21 !important;
}
	


/* radio */
input[type="radio"]{
	outline:none;
	height: 1.2rem;
    width: 1.2rem;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 50%;
    border: 2px solid #C30614;
}

input[type="radio"]:hover,input[type="radio"]:focus,input[type="radio"]:focus-visible{
    border: 3px solid #C30614;
}


input[type="radio"]:checked{
	border: 6px solid #C30614;
}

.dark input[type="radio"]{
    border: 2px solid #fff;
}

.dark input[type="radio"]:hover,.dark input[type="radio"]:focus,.dark input[type="radio"]:focus-visible{
    border: 3px solid #fff;
}


.dark input[type="radio"]:checked{
	border: 6px solid #fff;
}

/* checkbox */
input[type="checkbox"]{
	outline:none;
	height: 1.2rem;
    width: 1.2rem;
    accent-color: #A2030F !important;
}
.dark input[type="checkbox"]{
    accent-color: #fff !important;
}
input[type=date], 
input[type=email], 
input[type=number], 
input[type=password], 
input[type=phone-number], 
input[type=text], 
input[type=search], 
input[type=time], 
select, 
textarea {
	border-radius: 5px !important;
	border:  1px solid #000 !important;
	color: #000 !important;
	padding: 10px;
	transition: all 0.3s !important;
}

input[type=date]:hover,
input[type=date]:active,
input[type=date]:focus, 
input[type=email]:hover,
input[type=email]:active,
input[type=email]:focus, 
input[type=number]:hover,
input[type=number]:active,
input[type=number]:focus, 
input[type=password]:hover,
input[type=password]:active,
input[type=password]:focus, 
input[type=phone-number]:hover,
input[type=phone-number]:active,
input[type=phone-number]:focus, 
input[type=text]:hover,
input[type=text]:active,
input[type=text]:focus, 
input[type=time]:hover,
input[type=time]:active,
input[type=time]:focus, 
input[type=search]:hover,
input[type=search]:active,
input[type=search]:focus, 
select:hover,
select:active,
select:focus, 
textarea:hover,
textarea:active,
textarea:focus {
	outline: 0;
  	box-shadow: 0 0 0 3px #000;
}


/* modal */
.modal-header .close{
	height:1.2em;
	width:1.2em;
	border-radius:50%;
	color:#fff;
	opacity:1;
	background:#AA182C;
}
.modal-header .close:hover,.modal-header .close:focus{
	background:#000000;
}
/* Footer */

.facebook-footer-link:before {
	content: "";
}
.fusion-footer .dark a:not(.fusion-builder-module-control){
	text-decoration: underline;
	text-underline-offset: 2px;
}
.fusion-footer .dark a:not(.fusion-builder-module-control):hover,
.fusion-footer .dark a:not(.fusion-builder-module-control):active,
.fusion-footer .dark a:not(.fusion-builder-module-control):focus{
	color:  #EFE09F !important;
	text-decoration:none;
}

/* menu */
.fusion-alignright a span{
	transition: all 0.4s;	
}
.fusion-alignright a span:not(.fusion-megamenu-icon):hover{
    box-shadow: 0 2px 0 0 ;
}
.fusion-alignright a .fusion-megamenu-icon:hover{
    background: transparent;
    border-radius: 50%;
}
.fusion-alignright a .fusion-megamenu-icon:hover{
    background: rgba(244,243,239,0.5);
}

.fusion-search-submit.searchsubmit,
.fusion-search-submit.searchsubmit{
	display: none;
}
input[type=search],
input[type=search]{
	padding:20px !important;
}
.fusion-mobile-menu-icons a:after, .fusion-mobile-menu-icons a:before{
	color: #2D2D31 !important;
}
.fusion-search-form-content{
	overflow:visible !important;
}
#menu-main-menu li a:not(.fusion-dropdown-submenu a){
	cursor: default !important;
}
#menu-main-menu .sub-menu{
}

/* mobile menu */



/* search-results */
.search-results .fusion-post-wrapper{
	border:2px #C76605 solid !important;
}

.search-results .fusion-flexslider.flexslider{
	border:none;
}
.search-results #main{
	background-color:#F5EBDF;
}
/* homepage */
#main{
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.viewall,.upcomingevents,.reachout{
	height:230px;
}
.viewall .fusion-column-wrapper{
	background:url("/wp-content/uploads/2022/07/1-AllPrograms-BG.jpg") !important;
	background-position: center !important;
	transition: all 0.4s !important;
}
.viewall .fusion-column-wrapper:hover{
	background: linear-gradient(0deg, rgba(44,59,10,0.5), rgba(44,59,10,0.5)),url("/wp-content/uploads/2022/07/1-AllPrograms-BG.jpg") !important;
}
.upcomingevents .fusion-column-wrapper{
	background:url("/wp-content/uploads/2022/07/2-UpcomingEvents-BG.jpg") !important;
	background-position: center !important;
	transition: all 0.4s !important;
}
.upcomingevents .fusion-column-wrapper:hover{
	background: linear-gradient(0deg, rgba(44,59,10,0.5), rgba(44,59,10,0.5)),url("/wp-content/uploads/2022/07/2-UpcomingEvents-BG.jpg") !Important; 
}

.reachout .fusion-column-wrapper{
	background:url("/wp-content/uploads/2022/07/3-ReachOut-BG.jpg") !important;
	background-position: center !important;
	transition: all 0.4s !important;
}
.reachout .fusion-column-wrapper:hover{
	background: linear-gradient(0deg, rgba(44,59,10,0.5), rgba(44,59,10,0.5)),url("/wp-content/uploads/2022/07/3-ReachOut-BG.jpg") !important;
}

.home-threecard .fusion-column-wrapper p a{
	transition: all 0.4s;
}

.home-threecard .fusion-column-wrapper:hover .fusion-text>p>a{
	box-shadow: 0 2px 0 0 #ddbd2d;
}

.home-programs .fusion-text{
	background:#3C3C3C;
	transition: all 0.4s;
}

.home .home-red .fusion-text{
	background-color: #A2030F;
	transition: all 0.4s;
}

.home-programs div:hover + .fusion-text{
	background-color:#267F21;
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 2px;
	text-decoration-color: #fff;
}
.home-programs .fusion-imageframe,.home-programs .fusion-imageframe img{
	width:100%;
}
.home-programs .fusion-text p{
	margin:8px auto;
}

.Homepage_Graphic{
	position: absolute !important;
	right:-350px !important;
	bottom:-60px !important;
}
.Homepage_Graphic img{
	max-width:500px;
}
.fusion-events-thumbnail img{
	width:100%;
}
.fusion-events-thumbnail.hover-type-none{
	border-radius: 25px;
	border: 3px solid #fff !important;
	overflow:hidden;
}
.fusion-column-wrapper:hover tribe-events-event-image{
	background-image:linear-gradient(0deg, rgba(44,59,10,0.5), rgba(44,59,10,0.5));
}

.fusion-events-thumbnail{
	position: relative;
}

.fusion-events-thumbnail a::before{
        text-align: center;
	display:inline-block;
/*     z-index: 100; */
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 20px;
    background: linear-gradient(0deg, rgba(208,0,16), rgba(199,102,5,0.8));
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.fusion-events-thumbnail a:hover::before{
    opacity: 1;
} 



.fusion-events-thumbnail a::after{
    text-align: center;
    z-index: 100;
	content:url('/wp-content/uploads/2022/08/card-arrow.svg');
	color:#fff;
/* 	font-family: "Font Awesome 5 Free"; */
	font-weight: 900;
    position: absolute;
    width: auto;
    height: auto;
    top:45%;
	left:45%;
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.fusion-events-thumbnail a:hover::after{
    opacity: 1;
}

/* 
article.post:hover .recent-posts-content .entry-title a{
    text-decoration: none !important;
	color:#A2030F !important;
} */

/* about us */


.graphic-container{
	background-size: contain !important;
}

/* all programs */
/* .allprograms-graphic{
	right:-800px;
}
.allprograms p{
	padding-bottom: 8px;
	border-bottom: 2px #E2DECF solid;
} */

/* .right-image{
	 right: -400px !Important;
    max-width: 1200px;
	padding-top:50px;
    position: absolute !important;
} */

/* contact us */
form input{
	min-height:40px;
}
form #nf-field-4{
	min-height:50px;
	min-width:100px;
	background-color:#434343;
	color:#fff;
	border-radius:10px;
	border:none;
}
form #nf-field-4:hover{
	background-color:#267F21;
	border:none !important;
}

/* 404 */
.mainbox {
  margin: auto;
  height: 600px;
  width: 600px;
  position: relative;
}

  .err {
    color: #C76605;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 11rem;
    position:absolute;
    left: 20%;
    top: 8%;
  }

.far {
  position: absolute;
  font-size: 8.5rem;
  left: 42%;
  top: 15%;
  color: #C76605;
}

 .err2 {
    color:#C76605;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 11rem;
    position:absolute;
    left: 68%;
    top: 8%;
  }

.msg {
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.6rem;
    position:absolute;
    left: 16%;
    top: 45%;
    width: 75%;
  }

/*search page*/
.search-results .search-page-search-form{
     margin:100px 0px;
}
.search-results #main{
     background-color:#F5EBDF;
	margin-bottom:-200px;
	padding-bottom:350px;
}

/* events page */
.tribe-events-header a,.tribe-events-calendar-list-nav a{
	text-decoration: none !important;
}

.tribe-events-event-image img{
	width:100%;
}

.fusion-events-content-wrapper h4{
	font-size:17px !important;
}



@media (max-width:1700px) {
	.Homepage_Graphic img{
		max-width:200px;
	}
	.Homepage_Graphic{
		right:-250px !important;
	}
}

@media (max-width:1440px) {
	.allprograms-graphic{
		right:-500px;
	}
	.right-image{
		right: -300px;
		max-width: 800px;
	}
	.Homepage_Graphic{
		margin-bottom: -20px !important;
    	right: -150px !important;
	}

}

@media (max-width:1048px) {
	.mainFooter{
		background-size: 1000px !important;
	}
	.fusion-contact-info-phone-number span{
		padding-right: 0 !important;
	}
	.allprograms-graphic{
		right:-300px;
	}
	.graphic-container{
		background-image: none !important;
	}
	.fusion-logo-link{
		top:0;
	}
	.fusion-mobile-menu-design-modern .fusion-alignleft span span{
		display: block;
	}
	.right-image{
		position:relative !important;
		right:0 !important;
		max-width: auto !important;
	}
	.mainFooter .fusion-text{
		text-align: center;
	}
	.facebook-footer-link{
		margin: 0 auto;
	}
}

/* make table responsive */
@media screen and (max-width: 600px) {	
	  table {width:100%;}
	  thead {display: none;}
	  tr:nth-of-type(2n) {background-color: inherit;}
	  tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
	  tbody td {display: block;  text-align:center;}
	  tbody td:before {
	      content: attr(data-th);
	      display: block;
	      text-align:center; 
	  }
	}


@media (max-width:768px) {
	.fusion-alignright ul li{
		display: block !important;
	}
	.fusion-alignright ul li a span{
		margin: 0 auto;
	}

	.menu-item-163 .menu-text{
		display: none;
	}
	.allprograms-graphic{
		right:-100px;
		top:0px;
	}
	.search-results div.fusion-blog-archive.fusion-blog-layout-grid-wrapper{
		padding-bottom:180px;
	}
}

@media (max-width:320px) {
	
}

.fusion-breadcrumb-sep:nth-last-child(2), .fusion-breadcrumb-item:nth-last-child(3){
display:inline-block !important;
}