body{color:#5A5A5A;}
h3{font-family: 'robotoregular'; font-size:25px; line-height:30px; margin:0px 0px 20px 0px;  text-transform:uppercase;}
p{font-family: 'robotolight'; font-size:16px; line-height:23px; margin:0px 0px 20px 0px;}
a{color:#0fadd4;}

ul.upcomming-events{display: block; margin: 0px 0px 35px 0px; font-size: 17px; line-height: 23px; font-family: 'robotolight';}
ul.upcomming-events li{margin: 0px 0px 0px 16px;}


.whitespace{padding:65px 0px; }
.whitespace-inner{padding:0px 0px 65px 0px; }
.fix-height{min-height:430px;}
.nav-wrapper{height:65px; font-family:'robotoregular'; font-size:16px; line-height:16px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; max-width:1100px; width:100%; margin:0px auto; font-weight:normal;}
.nav-wrapper:after{display:block; content:""; margin:0px; padding:0px; clear:both; }

.olfc-brand{float:left; padding:5px 0px;}
.olfc-brand > img{max-width:100%; height:auto;}
.olfc-navigation{float:right;}
.text-center{text-align:center;}
.next-line{display:block;}

ul.olfc-navigation{display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; list-style-type:none; }
ul.olfc-navigation li{display:inline-block; padding:25px 0px 0px 0px; margin:0px 0px 0px 30px; }
ul.olfc-navigation li > a{text-decoration:none; color:#000; text-transform:uppercase; transition: all .22s; font-size:15px; line-height:15px;}
ul.olfc-navigation li > a:hover{color:#0fadd4;}
ul.olfc-navigation li > a.active{color:#0fadd4;}

/* Anouncement style */
.olfc-anounce-wrap{box-sizing:border-box; background-color:#0d9dc0; color:#fff; margin:-4px 0px 0px 0px;}
.olfc-anouncement{max-width:1100px; width:100%; margin:0px auto; font-size:17px; line-height:23px; font-family: 'robotolight';}
.olfc-anouncement h3{text-transform:uppercase; }
.olfc-anouncement p{margin:0px; font-size: 17px;  line-height: 23px; font-family: 'robotomedium';}

.olfc-anouncement ul{display:block; margin:0px 0px 15px 0px;}
.olfc-anouncement ul li{margin: 0px 0px 7px 16px;}
/* .olfc-anouncement ul li:first-child{margin:0px 0px 7px 16px;} */
.olfc-anouncement ol{display:block; margin:-12px 0px 15px 18px; font-family: 'robotomedium';
    font-size: 15px;}
.olfc-anouncement ol li{margin:0px 0px 0px 16px; }

/* 20th Dec 2024 */
.olfc-anouncement ol.numbers{margin-top: 10px;}
.olfc-anouncement ol.numbers li > ul{margin-top:0px;}
.olfc-anouncement ol.numbers li:first-child{margin-bottom:5px;}
.olfc-anouncement ol.numbers li > ul > li:first-child{margin-bottom:0px;}



/* History style */
.olfc-history{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; max-width:1100px; width:100%; margin:0px auto; font-weight:normal;}

.olfc-history > dl{display:block; position:relative; }
.olfc-history > dl:after{display:block; margin:0px; padding:0px; content:" "; clear:both; }

.olfc-history > dl dt{display:block; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:50%; padding:0px 50px 0px 0px;}

.olfc-history > dl dt > figure{overflow: hidden; max-width:535px; max-height:340px; height:auto;}
.olfc-history > dl dt img{max-width:100%; height:auto; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.olfc-history > dl dt img:hover{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);}

.olfc-history > dl dd{display:block; float:right; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left; width:50%; padding:0px 0px 0px 50px;}

.olfc-cta{display:inline-block; background-color:#20d8e8; color:#000; font-family: 'robotomedium'; font-size:17px; line-height:17px; padding:15px 30px; border:none; border-radius:5px; margin:20px 0px 0px 0px; transition: all .22s;}
.olfc-cta:hover{background-color:#0fadd4;}

.history > ul{display:block; list-style-type:none; margin:0px; padding:0px;}
.history > ul li{display:inline-block; vertical-align:top; margin:5px 3px;}

.history > ul li figure{overflow: hidden; max-width:350px; max-height:221px; height:auto; border:1px solid #ccc;}
.history > ul li figure img{max-width:100%; height:auto; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.history > ul li figure img:hover{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);}


/* Flag style */
.olfc-flag{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; max-width:1100px; width:100%; margin:0px auto; font-weight:normal;}

.olfc-flag > dl{display:block; position:relative; }
.olfc-flag > dl:after{display:block; margin:0px; padding:0px; content:" "; clear:both; }

.olfc-flag > dl dt{display:block; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:50%; padding:0px 50px 0px 0px;}

.olfc-flag > dl dt > figure{overflow: hidden; max-width:535px; max-height:340px; height:auto;}
.olfc-flag > dl dt img{max-width:100%; height:auto;}

.olfc-flag > dl dd{display:block; float:right; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left; width:50%; padding:0px 0px 0px 50px;}

.olfc-cta{display:inline-block; background-color:#20d8e8; color:#000; font-family: 'robotomedium'; font-size:17px; line-height:17px; padding:15px 30px; border:none; border-radius:5px; margin:20px 0px 0px 0px; transition: all .22s;}
.olfc-cta:hover{background-color:#0fadd4;}

.flag-history > figure{margin:0px 0px 30px 0px; text-align: center;}


/* Vision and Mission Style */
.vis-mis{display:block; position:relative;}
.vis-mis dl{display: flex; flex-direction : row; margin:0px; padding:0px; color:#fff; text-align:center; }
.vis-mis dl:after{display:block; margin:0px; padding:0px; content:" "; clear:both; }
.vis-mis dl > dt{float:left; background-color:#48423c; width:50%; padding:65px 50px 65px 210px;}
.vis-mis dl > dd{float:right; background-color:#302f2f; width:50%; padding:65px 210px 65px 50px; }
.vis-mis dl > dt > img, .vis-mis dl > dd > img{margin:0px 0px 20px 0px; max-width: 100%; height: auto;}
.vis-mis dl > dt > p:last-child, .vis-mis dl > dd > p:last-child{margin-bottom:0px;}
.vis-mis p{font-size:16px; line-height:22px;}

.parish-message{ max-width:1100px; width:100%; margin:0px auto; }
.parish-message > ul{display:block; list-style-type:none; margin:0px; padding:0px;}
.parish-message > ul li{display:inline-block; vertical-align:top; font-family: 'robotolight'; font-size: 16px; line-height: 23px;}

/* Three Boxes Style */
.three-boxes{max-width:1100px; width:100%; margin:-65px auto 0px; }
.three-boxes > ul{display:block; margin:0px ;padding:0px; list-style-type:none; text-align:center;}
.three-boxes > ul li{border:1px solid #acacac; display:inline-block; vertical-align:top; text-align:center; width:30%; padding:0px 0px 25px 0px;}
.three-boxes > ul li:nth-of-type(2){margin:0px 4.3%;}
.three-boxes > ul li > h4{font-family: 'robotoregular'; background-color:#e9e9e9; font-size:20px; line-height:20px; color:#424242; padding:15px 30px;}
.three-boxes > ul li img{display:block; margin:30px auto 20px;}
footer{display:block; text-align:center; font-family: 'robotoregular'; font-size:14px; line-height:14px; color:#000;}

/* Footer Style */
.footer-link{background-color:#e9e9e9; padding:18px 20px;}
.footer-link > a{display:inline-block; vertical-align:top; margin:0px 10px; color:#000; transition: all .22s; font-size:13px; line-height:20px;}
.footer-link > a:hover{color:#0fadd4; }

ul.copy-rights{display:block; font-size:13px;}
ul.copy-rights li{display:inline-block; vertical-align: middle; padding:18px 20px; }
ul.copy-rights li:last-child > a{display:inline-block; text-decoration:underline; color:#000; transition: all .22s; display:inline-block; vertical-align:top; padding:0px 3px;}




/* Rotating Banner Style */
.main .container{overflow-x: hidden; width: 100%; margin: 0 auto;}
.main .container #carouselController{display: flex; justify-content: center; width: 100%;}
.main .container #carouselController .button{width: 16px; height: 16px; margin:4px; border-radius: 50%; border: solid 2px #0fadd4; cursor: pointer; background-color: #000; }
.main .container #carouselController .active{background-color: #0fadd4; border: solid 2px #fff;}
.main .container .content-carousel{display: flex;}
.main .container .content{width: 100%; padding-left: 0; transition-duration: .5s; position: relative; left: 0%; display: block; align-items: center; justify-content: center; margin:0px;}
.main .container .content h2{text-align: center; margin:0; font-family: 'robotolight'; font-size:50px; line-height:63px; color:#fff; text-transform:uppercase; max-width: 75%; width: 100%;}
.container{position:relative;}
.content-carousel{position:relative; margin:0px;}
.content > img{max-width:100%; height:auto;}
.content > h2{position:absolute; color:#fff; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#carouselController{position:absolute; bottom:30px;}


/* Inner Page style */
.inner-page-title{background-color:#0fadd4; text-align:center; padding:45px; text-transform:uppercase; color:#fff; font-family: 'robotothin'; font-size:45px; line-height:45px; font-weight:normal;}

.inner-wraper h3 > span{font-size:16px; line-height:16px; text-transform:none;}
.inner-wraper{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; max-width:1100px; width:100%; margin:0px auto; }

.prist-list > ol{display:block; font-family: 'robotoregular'; font-size:14px; line-height:14px;}
.prist-list > ol li{margin:10px 0px 10px 15px;}
.prist-list > h5{font-family: 'robotoregular'; font-size:16px; line-height:16px; margin:25px 0px 0px; text-transform:uppercase; color:#393939;}
dl.add-cont{display:block; margin:0px; padding:0px; font-family: 'robotolight'; }
dl.add-cont:after{display:block; margin:0px; padding:0px; content:" "; clear:both;}
dl.add-cont > dt{display:block; float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
dl.add-cont > dd{display:block; float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


.inner-wraper > table {border-collapse: collapse; border: 1px solid #ccc; width:100%; margin:0px 0px 50px 0px;}
.inner-wraper > table tr{margin:0px; padding:0px;}
.inner-wraper > table th, td {border: 1px solid #ccc; padding:10px; }

table.upcomming-events{font-family: 'robotoregular';  font-size:14px; line-height:13px;}
table.upcomming-events tr:first-child td{text-align:center; font-size:17px; line-height:18px; background-color:#e9e9e9; text-transform:Uppercase; font-family: 'robotomedium'; }
table.upcomming-events tr:nth-child(2){font-family: 'robotomedium'; }


.table-bg{background-color:#f3f3f3;}
.bank-detail > p{font-family: 'robotoregular'; font-size:17px; line-height:23px;}
.bank-detail > p:last-child{font-family: 'robotomedium'; font-size:14px; line-height:14px; color:#dd731f; }

.bank-detail table{font-family:'robotoregular'; font-size:15px; line-height:13px; margin: 0px 0px 10px 0px;}
.bank-detail table tr:first-child{font-size:17px; line-height:15px; text-transform:uppercase; background-color: #e9e9e9; text-align:center;}
#olfc-ser-sch{margin:0px;}

.olfc-map{border:3px solid #ccc; display:inline-block; vertical-align:top; width:100%;}
.olfc-map > iframe{width:100%;}


.olfc-privacy-policy{font-family: 'robotoregular'; font-weight:normal; margin:0px 0px 30px 0px;}
.olfc-privacy-policy h2{font-size:25px; line-height:25px; text-transform:uppercase; margin:0px 0px 10px 0px;}
.olfc-privacy-policy h3{font-size:21px; line-height:21px; text-transform:none; margin:0px; margin:0px 0px 10px 0px;}
.olfc-privacy-policy h4{font-size:17px; line-height:17px; margin:0px; margin:0px 0px 5px 0px;}
.olfc-privacy-policy p{font-size:13px; line-height:17px; margin:0px; margin:0px 0px 10px 0px;}

.olfc-privacy-policy ul{display:block; font-family: 'robotoregular'; }
.olfc-privacy-policy ul li{font-family: 'robotoregular'; font-size:13px; line-height:17px; margin:0px 0px 5px 30px;}
.olfc-privacy-policy a:hover{text-decoration:underline;}

.designed{display:none; vertical-align:top; margin:0px 0px 0px 15px;}

/* Form Style */
.olfc-form-field{display:block;}
.olfc-form-field label{font-family: 'robotoregular'; font-weight:normal; font-size:15px; line-height:15px; display:block; vertical-align:top; margin:0px 0px 3px 0px;}
.olfc-form-field label > span{color:#da1212;}

.olfc-field{display:block; max-width:700px; width:100%; border:1px solid #ccc; padding:5px 7px; font-family: 'robotoregular'; font-weight:normal; font-size:14px; line-height:14px; margin:0px 0px 15px 0px; border-radius:4px;}

.olfc-message{display:block; max-width:700px; width:100%; border:1px solid #ccc; padding:5px 7px; font-family: 'robotoregular'; font-weight:normal; font-size:14px; line-height:14px; margin:0px 0px 0px 0px;}

.olfc-success-message{font-family: 'robotoregular'; font-weight:normal; font-size:18px; line-height:18px; color:#14a022; }

.nine-days{padding-bottom:30px; }
.nine-days > dl{display:block; margin:0px; padding:0px; position:relative;}
.nine-days > dl > dt{display:inline-block; vertical-align:top; width:18%; text-align: center;}
.nine-days > dl > dt > img{max-width:100%; height:auto; }
.nine-days > dl > dd{display:inline-block; vertical-align:top; width:80%; padding:0px 0px 0px 30px;}
.novena{text-align:center; }
.novena > p > img{max-width:100%; height:auto;}
.novena > p > a > img{vertical-align: middle; margin: 0px 5px 0px 0px;}
.novena > img{width:100%; height:auto;}
.back{font-family: 'robotoregular'; font-size: 16px; line-height: 21px;}
.novena-days > a{display:inline-block; vertical-align:top; margin:0px 20px;}
/* Video Gallery Style */

.magazine{max-width: 1100px; width: 100%; margin: 0px auto;}