/*
===============================================
Copyright 2024 Knights Of Columbus Our Lady of Victory Council #3358. All rights reserved.
===============================================
*/

/*
===========================================
*************************   GENERAL FEATURES   *************************
===========================================
*/




html, body { 
    width: 100%; height: 100%;
    margin: 0; padding: 0;
	max-width: 100%;
}
body {
	background-color: #fff;  
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px;
	color: #333;
}



@media (min-width:1200px){
body {
	background-color: #007ac8; 
	background-image: url(../images/bg_topstrip.jpg); 
	background-repeat: repeat-x; 
	background-position: top left; 
}

}




p { font-size: 1em; }
p.subhd, p.subhd2 { 
     font-size: 1.1em;
	 font-weight: bold; 
	 color: #17397d;
	 line-height: 18px; 
}
p.subhd  { color: #17397d; margin-bottom: 0 !important; }
p.subhd2 { color: #000; margin-bottom: 15px !important; }


.subftr { 
     width: 90%; 
	 margin: 12px auto;
	 text-align: center;
	 font-size: 1.35em;
	 line-height: 23px; 
}

.bold { 
	 font-weight: bold; 
}



@media (min-width:992px){
p.subhd, p.subhd2 { 
     font-size: 1em;
}

.subftr { 
     width: 95%; 
	 margin: 20px auto;
	 font-size: 1.6em;
	 line-height: 28px; 
}

}



@media (min-width:1200px){
.subftr { 
	 margin: 30px auto;
	 font-size: 1.85em;
	 line-height: 33px; 
}

}



img  { border: none 0; }

a:link      { color: #0052ce; text-decoration: underline; }
a:visited   { color: #0052ce; text-decoration: underline; }
a:hover     { color: #3370ac; text-decoration: none; }


table { border: none 0; }
td    { vertical-align: top; }



.kofc-row  { margin-left: 0 !important;  margin-right: 0 !important; }
.kofc-cont { padding-left: 0 !important; padding-right: 0 !important; }
.row       { --bs-gutter-x: 0 !important; }

.lft  { text-align: left; }
.rght { text-align: right; }

h1, h2, h3, h4, h5, h6 { font-family: 'Lora'; }
h1 { /* Main Headline */
	font-size: 2em;
	color: #00194c; /* dark blue */
	line-height: 20px;
}
h1.hdr { /* Main Headline */
	line-height: 30px;
	margin: 0 0 5px 0;
}
h1.hdr2 {
	line-height: 25px;
	margin: 20px 0 0 0;
}
h1.hdr3 {
	line-height: 30px;
	margin: 20px 0 7px 0;
}

h3, h4 { color: #fff7b2; } /* cream */

h2 { font-size: 1.85em; } /* Main Sub Headline */
h3 { font-size: 1.6em; }
h5 { font-size: 1.4em; }

.subhdr { /* Sub Headline */
	font-size: 1.2em;
	font-weight: 600;
	line-height: 20px;
	margin: 0 0 15px 0;
}



@media (min-width:768px){
h1 { /* Main Headline */
	font-size: 2.5em;
}
h1.hdr { /* Main Headline */
	line-height: 30px;
	margin: 0 0 20px 0;
}
h1.hdr2 {
	line-height: 30px;
}

.subhdr { /* Sub Headline */
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 0 5px 0;
}


}




@media (min-width:992px){
.subhdr { /* Sub Headline */
	font-size: 1.5em;
	line-height: 25px;
}


}




@media (min-width:1200px){
.subhdr { /* Sub Headline */
	font-size: 1.6em;
	line-height: 28px;
}


}





.clearfix:after {
    clear: both;
    content: "."; display: block;
    height: 0; visibility: hidden;
}
.clearfix { display: block; }






.img_lft, .img_rght { 
    width: 100%;
	margin: 0;
	text-align: center;
}
.img_lft img, .img_rght img { 
    width: 100%;
	height: auto;
}


@media (min-width:768px){
.img_lft img, .img_rght img { 
    width: 85%;
	height: auto;
	margin: 10px 0 0 0;
}
}


@media (min-width:992px){
.img_lft { 
    width: auto;
	float: left;
	margin: 0 25px 15px 0;
}
.img_rght { 
    width: auto;
	float: right;
	margin: 0 0 15px 25px;
}
.img_lft img, .img_rght img { 
    width: auto; height: auto;
	margin: 0;
}
}





.kofc3358-body2 { 
    width: 100%; 
	margin: 0; padding: 0 0 33px 0;
}


@media (min-width:768px){
.kofc3358-body2 { 
	background-image: url(../images/kofc3358-body2.png); 
	background-repeat: no-repeat;  
	background-position: bottom center; 
	margin: 0; padding: 0;
}


}






.kofc3358-body { 
    width: 100%;  
	margin: 0; 
	padding: 0;
}
.kofc3358-body header { 
    width: 100%;
	min-height: auto;  
	margin: 0; padding: 0; 
	background-color: #fff;
	background-image: url(../images/bg_header.jpg);
	background-position: top left; background-repeat: no-repeat;
}

.kofc3358-body header .col-md-4 { 
    text-align: center; 
	z-index: 50; 
}
.kofc3358-header .logo_KofC-Main01 { 
    width: 85%; height: auto;   
	margin: 10px auto 0 auto; 
	padding: 0;
}
.kofc3358-header { 
    position: relative; 
}



.kofc3358-soc-cont {
	position: relative;
	display: none;
}


.kofc3358-soc-navbar {
	width: auto;
	float: right;
	display: block !important;
	position: absolute;
	top: 36px; right: 90px;
	z-index: 30;
}
.kofc3358-soc-navbar ul {
	list-style: none;
}
.kofc3358-soc-navbar ul li {
	display: inline;
	margin: 0 0 0 5px;
}
.kofc3358-soc-navbar ul li a {
	font-size: 1.4em;
	color: #fff;
	background-color: #e4a215;
	text-decoration: none;
	border: none 0;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	transition: all 0.5s;
}
.kofc3358-soc-navbar ul li a:hover {
	color: #fff;
	background-color: #3894de;
}
.kofc3358-soc-navbar ul li a.fa-facebook-f   { padding: 7px 6px 6px 9px; }
.kofc3358-soc-navbar ul li a.fa-phone        { padding: 7px 3px 7px 6px; }
.kofc3358-soc-navbar ul li a.fa-google       { padding: 7px 3px 6px 6px; }
.kofc3358-soc-navbar ul li a.fa-envelope     { padding: 7px 3px 7px 7px; }
.kofc3358-soc-navbar ul li a.fa-location-dot { padding: 7px 4px 6px 8px; }






.kofc3358-soc-navbar2 {
	display: none;
}



@media (min-width:768px){
.kofc3358-soc-navbar2 {
	width: auto;
	display: none;
	position: absolute;
	top: 3px; right: 20px;
}
.kofc3358-soc-navbar2 {
	display: block !important;
}
.kofc3358-soc-navbar2 ul {
	list-style: none;
}
.kofc3358-soc-navbar2 ul li {
	display: inline;
	margin: 0 0 0 5px;
}
.kofc3358-soc-navbar2 ul li a {
	font-size: 1.3em;
	color: #fff;
	text-decoration: none;
	transition: all 0.5s;
}
.kofc3358-soc-navbar2 ul li a:hover {
	color: #3894de;
}
.kofc3358-soc-navbar2 ul li a.fa-facebook-f   { padding: 7px 6px 6px 9px; }
.kofc3358-soc-navbar2 ul li a.fa-phone        { padding: 7px 3px 6px 6px; }
.kofc3358-soc-navbar2 ul li a.fa-google       { padding: 7px 3px 6px 6px; }
.kofc3358-soc-navbar2 ul li a.fa-envelope     { padding: 7px 3px 6px 7px; }
.kofc3358-soc-navbar2 ul li a.fa-location-dot { padding: 7px 2px 6px 7px; }

}





@media (min-width:992px){
.kofc3358-body header { 
	min-height: 150px;  
}
.kofc3358-soc-navbar2 {
	right: 40px;
}

}






@media (min-width:768px){
.kofc3358-soc-cont {
	display: block;
}

}





@media (min-width:1200px){
.kofc3358-body { 
    width: 1200px;  
	margin: 20px auto; 
	padding: 0; 
}
.kofc3358-body header { 
    height: 150px;  
	margin: 0; padding: 0;
	background-image: url(../images/bg_header.jpg);
	background-position: top left; background-repeat: no-repeat; 
	background-size: auto;
    border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    border-top: solid 2px #fff;
    border-bottom: none 0;
    border-left: solid 2px #fff;
    border-right: solid 2px #fff;
}
.kofc3358-header {  
	border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    border-top: solid 3px #002570;
    border-bottom: none 0;
    border-left: solid 3px #002570;
    border-right: solid 3px #002570;
}

.kofc3358-header .logo_KofC-Main01 { 
    width: 369px; 
}

}










.kofc3358-navbar { 
    padding: 0 !important; 
	border-top: solid 3px #002570;
    border-bottom: solid 3px #002570;
}
.kofc3358-navbar .container-fluid { 
    border-top: solid 1px #e4a215;
    border-bottom: solid 1px #e4a215;
	background-color: #002570;
}
.kofc3358-navbar .container-fluid .navbar-brand { 
    display: none;
}

.kofc3358-navbar-toggler { 
    border: solid 1px #fff;
	margin: 8px 15px; padding: 0 5px;
}
.kofc3358-navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.kofc3358-navbar-toggler.navbar-toggler:focus {
	box-shadow: none !important; 
}
.kofc3358-navbar-toggler.navbar-toggler:focus .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(228,162,21)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.kofc3358-navbar .navbar-nav .nav-link.active, 
.kofc3358-navbar .navbar-nav .nav-link.show, 
.kofc3358-navbar a, .kofc3358-navbar a:link, 
.kofc3358-navbar a:visited {
	color: #fff !important; 
	text-decoration: none !important;
}
.kofc3358-navbar a:     { color: #e4a215; }

.kofc3358-navbar-nav li {
	background-color: #214795;
	border-bottom: solid 1px #fff;
	text-indent: 15px;
}





@media (min-width:992px){
.kofc3358-navbar { 
	position: absolute;
	left: 0; bottom: 0; 
	border-top: none 0;
}
.kofc3358-navbar-nav {
	z-index: 800;
}
.kofc3358-navbar .container-fluid { 
    border-top: none 0;
    border-bottom: solid 1px #e4a215;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,002570+91&0+0,1+91 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,37,112,1) 91%); 
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.kofc3358-navbar-nav li {
	background-color: transparent;
	border-bottom: none 0;
}


}





@media (min-width:1200px){
.kofc3358-navbar-nav {
	position: absolute; 
	right: 40px;
	font-size: 1.2em;
}
.kofc3358-navbar .container-fluid {
	min-height: 40px;
}
#navbarNavDropdown {
	position: relative;
}


.kofc3358-navbar a:hover {
	color: #e4a215 !important; 
	text-decoration: underline !important;
}

}







.kofc3358-bodycont {  
    width: 100%; 
	border-top: none 0;
	border-bottom: none 0;
}
.kofc3358-bodycont-inr {  
    border-top: none 0;
	border-bottom: none 0;
    border-left: solid 2px #fff;
    border-right: solid 2px #fff;
	background-color: #fff; 
	padding-top: 10px; 
	padding-bottom: 20px;   
}
.kofc3358-bodycont-inr2 {  
    width: 92.5%; 
	margin: 0 auto; padding: 0; 
	min-height: 100px;
}


@media (min-width:768px){
.kofc3358-bodycont-inr2 {  
    width: 95%;
	padding: 10px 0 35px 0;
}

}





@media (min-width:992px){
.kofc3358-bodycont {  
    width: 100%; 
	border-top: none 0;
	border-bottom: none 0;
    border-left: solid 3px #002570;
    border-right: solid 3px #002570;
}
.kofc3358-bodycont-inr {  
    border-top: none 0;
	border-bottom: none 0;
    border-left: solid 2px #fff;
    border-right: solid 2px #fff;
	background-color: #fff; 
	padding-top: 20px; 
	padding-bottom: 35px;   
}
.kofc3358-bodycont-inr2 {  
	min-height: 500px; 
}	
.kofc3358-bodycont-inr2 {  
	min-height: 500px;
	padding: 10px 0 30px 0;
}	
	
}
	
	
	
	

@media (min-width:1200px){	
.kofc3358-bodycont-inr2 {  
	padding: 20px 0 35px 0;
}

}




.kofc3358-footer {
	min-height: 80px; 
	background-color: #002570; 
	border-top: none 0;
	border-bottom: none 0;
	border-left: solid 3px #002570;
	border-right: solid 3px #002570;
}
.kofc3358-navbar2-cont {
	border-top: solid 2px #00194c;
	border-bottom: solid 1px #00194c;
	background-color: #00194c;
}
.kofc3358-navbar2-cont-inr {
	position: relative;
	text-align: center;
	border-top: solid 1px #feb50e;
	border-bottom: solid 1px #feb50e;
	min-height: 20px;
}

ul.kofc3358-navbar-nav2 {
    list-style-type: none;
    margin: 0; padding: 0;
    overflow: hidden;
}
ul.kofc3358-navbar-nav2 li {
    float: none;
	display: inline-block;
}
ul.kofc3358-navbar-nav2 li a {
    display: block;
    padding: 4px 6px;
	font-size: 0.85em;
}
ul.kofc3358-navbar-nav2 li a:link    { color: #fff; text-decoration: none; }
ul.kofc3358-navbar-nav2 li a:visited { color: #fff; text-decoration: none; }
ul.kofc3358-navbar-nav2 li a:hover   { color: #fff; text-decoration: underline; }


.ftr-shadow {
	display: none;
}



@media (min-width:768px){
.kofc3358-navbar2-cont-inr {
	text-align: left;
}
	
ul.kofc3358-navbar-nav2 {
    margin: 0 0 0 5px;
}
ul.kofc3358-navbar-nav2 li {
    float: left;
	display: inline-block;
}
ul.kofc3358-navbar-nav2 li a {
    display: block;
    padding: 8px 15px;
	font-size: 1em;
}
	
}





@media (min-width:992px){
ul.kofc3358-navbar-nav2 {
    margin: 0 0 0 15px;
}
ul.kofc3358-navbar-nav2 li a {
    padding: 8px 20px;
	transition: all 0.5s;
}
	
}





@media (min-width:1200px){
.kofc3358-footer {
	position: relative;
	border-radius: 0px 0px 25px 25px;
    -webkit-border-radius: 0px 0px 25px 25px;
    -moz-border-radius: 0px 0px 25px 25px;
	border-top: none 0;
	border-bottom: solid 3px #002570;
	border-left: solid 3px #002570;
	border-right: solid 3px #002570;
	margin-bottom: 80px;
}
.ftr-shadow {
	width: 100%;
	position: absolute;
	left: 0; bottom: -45px;
	text-align: center;
	display: block;
}
	
}






.kofc3358-footer-inr {
    color: #fff; 
	padding: 12px 0;
}

.pic_footer {
	display: none; 
}
.kofc3358-ftr-lft .kofc_logo_sml, .kofc3358-ftr-lft address {
	float: left; 
}
.kofc3358-ftr-lft .kofc_logo_sml {
	margin: 0 0 0 12px; 
}
.kofc3358-ftr-lft address {
	font-size: 0.9em;
	margin: 0 0 0 12px; 
}
.kofc3358-footer-inr a:link    { color: #fff; text-decoration: none; }
.kofc3358-footer-inr a:visited { color: #fff; text-decoration: none; }
.kofc3358-footer-inr a:hover   { color: #fff; text-decoration: underline; }

.kofc3358-ftr-rgt {
	position: relative; 
}
.kofc3358-ftr-rgt p {
	width: 90%;
	font-size: 0.8em; 
	text-align: center;
	margin: 7px auto 0 auto !important; 
}




@media (min-width:768px){
.kofc3358-ftr-rgt p {
	position: absolute; 
	bottom: 0; right: 0;
	text-align: right;
	margin: 0 25px 0 0 !important; 
}
	
}





@media (min-width:1200px){
.pic_footer {
	display: block; 
	float: left; 
	margin: 0 0 0 15px;
}
.kofc3358-ftr-lft .kofc_logo_sml, .kofc3358-ftr-lft address {
	margin: 8px 0 0 12px; 
}
.kofc3358-ftr-rgt p { 
	bottom: 7px; 
}
.kofc3358-ftr-rgt p br { 
	display: none; 
}

}






/* Button containers */
.KC_btn_cont {
    width: auto;
    margin: 0 0 15px 0;	
}
.KC_btn_bdr {
    width: 95%;
	max-width: 400px;
    margin: 0 auto; padding: 0;
	border: solid 3px #e4a215;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	border-radius: 30px;
}
.KC_btn_bdr:hover {
	border: solid 3px #6fd1ff;
}
.KC_btn_cont-lft  { text-align: left; }	
.KC_btn_cont-rght { text-align: right; }	
.KC_btn_cont-ctr  { text-align: center; }


a.KC_btn {
	width: 100%; min-width: 120px;
	display: inline-block;
	margin: 0; padding: 5px 20px;
	text-align: center;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	border-radius: 30px;
	font-size: 1.45em; 
	font-weight: bold !important;
	text-decoration: none !important; 
	cursor: pointer;
	transition: all 0.5s;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2d57ab+7,001a4d+93,001a4d+93 */
	background: linear-gradient(to bottom,  rgba(45,87,171,1) 7%,rgba(0,26,77,1) 93%,rgba(0,26,77,1) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: solid 3px #fff;
}
a.KC_btn:link, a.KC_btn:visited, a.KC_btn:active { 
    color: #fff !important;
	text-decoration: none !important;
	transition: all 0.5s;
} 
a.KC_btn:hover { 
	color: #6fd1ff !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6c6c6c+7,262626+93 */
    background: linear-gradient(to bottom,  rgba(108,108,108,1) 7%,rgba(38,38,38,1) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	text-decoration: none !important; 
}




@media (min-width:768px){
.KC_btn_bdr {
    width: 85%;
}

}




@media (min-width:992px){
.KC_btn_bdr {
    width: auto;
}
a.KC_btn {
	font-size: 1.7em; 
}

}






/* Social Nav Icons */
.a2a_floating_style {
	width: 100%; padding: 0; position: fixed; bottom: 30%; z-index: 9999995;
	animation: none; margin: 0; left: 0; bottom: 0; border-radius: 0 !important;
	border: none 0; 
}
.a2a_svg   { width: 25%; height: 35px; float: left; margin: 0; padding: 0; }
.a2a_label { display: none; }
.a2a_s_facebook, .a2a_s_phone, .a2a_s_mail, .a2a_s_map {
	background-repeat: no-repeat !important; background-position: center center; background-color: #e4a215;
}
.a2a_s_facebook { background-color: #43609c; background-image: url(../images/icons_fb.png) !important; }
.a2a_s_phone    { background-color: #1dcaff; background-image: url(../images/icons_phone.png) !important; }
.a2a_s_mail     { background-color: #d34836; background-image: url(../images/icons_mail.png) !important; }
.a2a_s_map      { background-color: #ded1c1; background-image: url(../images/icons_map.png) !important; }




@media (min-width: 768px) {
.a2a_floating_style {
	display: none; 
}

}







/* Standard ad page */
.ad_image {
	width: 100%; padding: 0 0 20px 0;
	text-align: center;   
}
.ad_image img {
	width: 90%; height: auto; 
}




@media (min-width: 768px) {
.ad_image {
	width: 50%; 
        float: left; 
        margin: 0 25px 0 0;   
}
.ad_image img {
	width: 100%; 
}


}




@media (min-width: 992px) {
.ad_image img {
        margin-bottom: 25px;   
}



}