/*
===============================================
Copyright 2024 Knights Of Columbus Our Lady of Victory Council #3358. All rights reserved.
Index Page - https://www.kofc3358.org/index.php
===============================================
*/





.kofc3358-bodycont-inr2 { 
	min-height: 150px !important; 
	padding: 25px 0;
}


.index-bodycont-inr {
	padding-top: 0 !important;
	border-left: none 0 !important;
	border-right: none 0 !important;
}
.kofc3358-indexbnr { 
	width: 100%; 
	min-height: 1100px; 
	position: relative;
	background-image:url(../images/bg_index.jpg);
	background-repeat: no-repeat; 
	background-position: top left; 
	background-size: cover;
	padding: 10px 0 0 0;
}

.pic_FrMcGivney {
	width: 100%; height: auto;
	position: absolute;
	bottom: 200px; right: 0;
	z-index: 20;
}


.indexbnr-main {
	width: 90%;
	background: rgba(0,0,0,0.5);
	border-radius: 30px; 
	margin: 0 auto; padding: 20px 0 12px 0;
	text-shadow: 2px 2px 2px #000;
}
h1.hdrindex {
	width: 89.5%;
	font-size: 2em;
	color: #e4a215;
	line-height: 32px;
	margin: 0 auto 7px auto;
}
.indexbnr-main p {
	width: 89.5%;
	font-size: 1em;
	color: #fff;	
	margin: 0 auto 8px auto;
}


.kofc3358-ind-footer { 
	width: 100%;	
	border-top: solid 3px #00194c; 
	border-bottom: solid 3px #00194c;
	position: absolute;
	bottom: 0; left: 0;
	z-index: 25;
}
.kofc3358-ind-footer-inr { 
	width: 100%;
	color: #fff; 
	padding: 12px 0 8px 0;
	background-color: #00194c; 
	border-top: solid 1px #e4a215; 
	border-bottom: solid 1px #e4a215;
}

.kofc3358-ind-footer-inr h2 {
	width: 100%;
	font-size: 1.2em;
	text-align: center;
	margin: 0 auto 8px auto;
}
.kofc3358-ind-footer-inr p {
	width: 90%;
	font-size: 1em;
	margin: 0 auto 7px auto;
}






@media (min-width:768px){
.kofc3358-indexbnr { 
	width: 100%; 
	min-height: 585px; 
	padding: 0;
}

.pic_FrMcGivney {
	width: 380px; height: auto;
	position: absolute;
	bottom: 100px; right: 0;
	z-index: 20;
}

.indexbnr-main {
	width: 56%;
	position: absolute;
	top: 20px; left: 20px;
	padding: 12px 0;
}
h1.hdrindex {
	width: 89.5%;
	font-size: 1.6em;
	line-height: 27px;
	margin: 0 auto 7px auto;
}

.kofc3358-ind-footer-inr h2 {
	font-size: 1.5em;
}
.kofc3358-ind-footer-inr p {
	width: 95%;
}


}





@media (min-width:992px){
.kofc3358-indexbnr { 
	min-height: 570px; 
}

.indexbnr-main {
	width: 68%;
	top: 40px; left: 25px;
	padding: 20px 0;
}
h1.hdrindex {
	width: 85%;
	font-size: 2.4em;
	line-height: 37px;
	margin: 0 0 10px 33px;
}

.pic_FrMcGivney {
	width: 430px;
	bottom: 20px; 
}


}





@media (min-width:1200px){
h1.hdrindex {
	width: 85%;
	font-size: 2.8em;
	line-height: 42px;
	margin: 0 0 12px 32px;
}

.kofc3358-indexbnr { 
	min-height: 558px; 
}
.pic_FrMcGivney {
	width: auto;
	bottom: 0; 
	z-index: 30;
}

.indexbnr-main {
	width: 810px;
	top: 30px; left: 40px; 
}
.indexbnr-main p {
	width: 92%;
	font-size: 1.2em;	
	margin: 0 auto 12px auto;
}

.kofc3358-ind-footer-inr h2 {
	font-size: 1.7em;
	margin: 0 0 8px 20px;
	text-align: left;
}
.kofc3358-ind-footer-inr p {
	width: 61.5%;
	margin: 0 0 12px 20px;
}



}











@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;
}
}






/* Category boxes */
.cata_list {
    width: 100%;
	list-style: none;
    margin: 0; padding: 0;
}
.cata_list li {
    width: 90%;
    float: none; 
	display: block; 
    position: relative;
    margin: 0 auto 30px auto;
    line-height: 0;
}
.cata_list li img {
    width: 100%; height: auto;
}

.cata_box        { overflow: hidden; }
.cata_box a:link { text-decoration: none; }
.cata_list_bar {
    width: 100%;
    position: absolute;
    bottom: 0; left: 0;
	background: rgba(0, 42, 128, 0.85);
    text-align: left; padding: 9px 0 8px 0;
	background-image: url(../images/bg_cata_list_bar.gif);
	background-repeat: repeat-x; 
	background-position: top left;
}
.cata_list_bar h3 {
    color: #e4a215;
    font-size: 1.6em;
	text-transform: uppercase;
	text-indent: 15px; 
}
.cata_list_bar p {
    color: #fff;
    font-size: 1em;
	margin: 8px 0;
	text-indent: 15px; 
}







@media (min-width: 768px) {
.cata_list li {
    width: 30%;
	display: inline-block;
    margin: 0 9px 35px 9px;
}
.cata_list_bar {
    padding: 7px 0 6px 0;
}
.cata_box h3 {
    font-size: 1.5em;
    line-height: 28px;
}
.cata_list_bar h3 {
    font-size: 1.5em;
}
.cata_list_bar p {
    font-size: 0.8em; 
}


}





@media (min-width: 992px) {
.cata_list li {
    width: 300px;
    margin: 0 8px 25px 10px;
}
.cata_list_bar {
    padding: 13px 0 6px 0;
	line-height: 15px;
}

.cata_box h3 { font-size: 1.9em; }
.cata_box a:hover img {
    transform: scale(1.18);
    -webkit-transform: scale(1.18);
    -moz-transform: scale(1.18);
}
.cata_box img,
.cata_box a,
.cata_box h3 {
    line-height: 20px;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
}
.cata_list_bar p {
    font-size: 1em;
	margin: 8px 0 4px 0; 
}


}





@media (min-width: 1200px) {
.cata_list li {
    width: 350px;
    margin: 0 9px 30px 16px;
}
.cata_box h3 {
    font-size: 1.9em;
    line-height: 22px;
 }


}





