/* Importing Google font - Open Sans */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

body{	margin: 0; padding: 0; box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; }
.header-container{ width: 90%; margin: 0 auto; }

/* SITE MENUS */
.top-header{ padding: 5px 0; background-color: #10182F; }
.top-nav{ display: flex; justify-content: space-between; align-items: center; }
.top-nav ul{ list-style-type: none; padding-left: 0; margin: 0; }
.top-nav ul li{ display: inline-block; }
.top-nav .top-contact ul li a{ color: #ffffff; text-decoration: none; margin-right:15px; display: flex; align-items: center; }
.top-nav .top-contact ul li a img{ width: 20px; margin-right: 5px; }
.top-nav .top-social ul li a{ margin-left: 10px; }
.top-nav .top-social ul li a img{ width: 25px; }

/* SITE NAVBAR STYLING */
.navbar { display: flex; align-items: center; justify-content: space-between; padding: 12px 0px; color: #fff; }
.nav-links a { color: #3e3e3e; text-decoration: none; padding-bottom: 8px; }
.nav-links a:hover{ border-bottom: 2px solid black; }

/* SITE LOGO */
.logo img{ width: 250px; }

/* NAVBAR MENU */
.menu { display: flex; gap: .4em; font-size: 16px; font-weight: 500; }
.menu li:hover { border-radius: 5px; transition: 0.3s ease; }
.menu li { padding: 5px 14px; list-style: none; }
.menu li:last-child{ padding-right: 0; }

/* RESPONSIVE NAVBAR MENU STARTS */
input[type=checkbox] { display: none; } 

/* HAMBURGER MENU */
.hamburger { display: none; font-size: 24px; user-select: none; cursor: pointer; }

/* SECTION CONTAINER */
.section-container{width: 90%;margin: 0 auto;}
.section-title{color:#017063;margin:35px 0;font-size:2.5rem;}

/* HOMEPAGE SECTIONS */
#hp-album-text p { padding-top:20px; padding-left:35px; padding-right:35px; color:#017063;}
#hp-album-text a { color:#017063;}
#hp-album-text a:visited { color:#017063;}

/* ZONES & CHURCH PAGES */
.churches-container{display:flex;column-gap:1.46%;align-content:center;flex-wrap:wrap}
.church{width:23.9%;margin-bottom:50px;box-shadow:1px 5px 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow:1px 5px 10px 0 rgba(0,0,0,0.1);-moz-box-shadow:1px 5px 10px 0 rgba(0,0,0,0.1)}
.church-img{height:225px;background-size:cover;background-position:center;margin-bottom: 10px;}
.church-title a{color:#017063}
.church-title a h2{padding:0 10px}
.church-address p{color:#017063;padding:0 10px;margin:15px 0;}

/* NEWS CENTRAL */
.central-layout{display:flex;flex-direction:row;justify-content:space-between;gap:50px}
.central-layout .column-1{width:70%}
.central-layout .column-2{width:30%}
.central-layout .column-2 .ad-image img{width:100%; padding-top:10px; }
.central-container{display:flex;column-gap:1.46%;align-content:center;flex-wrap:wrap}
.central{width:32.9%;margin-bottom:50px;box-shadow:1px 5px 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow:1px 5px 10px 0 rgba(0,0,0,0.1);-moz-box-shadow:1px 5px 10px 0 rgba(0,0,0,0.1)}

.central-img{height:225px;background-size:cover;background-position:center;margin-bottom: 10px;}
.central-title a{color:#017063}
.central-title a h2{padding:0 10px; align:center; font-size:14px;}


/* News Layout */
.news-layout{display:flex;flex-direction:row;justify-content:space-between;gap:50px}
.news-layout .column-1{width:70%}
.news-layout .column-1 .news-title h1{margin-bottom:10px;font-size:3rem;line-height:3.5rem}
.news-layout .column-1 .updated-on{margin-bottom:15px;font-size:14px;font-style:italic}
.news-layout .column-1 .article-share{margin:15px 0}
.news-layout .column-1 .article-share b{display:block;margin-bottom:8px}
.news-layout .column-1 .back-btn{margin-bottom:25px}
.news-layout .column-1 .back-btn a{text-decoration:none;color:#000;padding:0 0 3px;border-bottom:1px solid #000}
.news-layout .column-1 .news-image img{width:100%;margin-bottom:25px}
.news-layout .column-2{width:30%}
.news-layout .column-2 .ad-image img{width:100%; padding-top:10px; }

/* NEWS PAGES */
.news-container{display:flex;column-gap:1.46%;align-content:center;flex-wrap:wrap}
.news{width:32%;margin-bottom:50px;box-shadow:1px 5px 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow:1px 5px 10px 0 rgba(0,0,0,0.1);-moz-box-shadow:1px 5px 10px 0 rgba(0,0,0,0.1)}
.news-img{height:280px;background-size:cover;background-position:center;margin-bottom: 10px;}
.news-title a{color:#017063}
.news-title a:visited{color:#017063}
.news-title a h2{padding:0 10px}

.rightside { width:30%;}
.rightside h2 { font-size:16px; font-weight:bold; text-align:left;}
.rightside p { text-align:center;}
.rightside img { width:300px; padding-top:10px; padding-bottom:10px;}


/* News Awi*/
.n-section{display:flex;flex-direction:row;justify-content:space-between;gap:50px}
.n-section .n-col-2{width:300px}
.n-section .n-col-1 .news-title{padding:12px}
.n-section .n-col-2 .features-content{margin-bottom:20px}
.n-section .n-col-2 .features-content a{text-decoration:none;background-color:#f2f2f4;color:#000;display:block}
.n-section .n-col-2 .features-content h2{margin-bottom:15px}
.n-section .n-col-2 .features-content h3{padding:8px 10px}

/* Global - Maps */
.map-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; margin-bottom:20px; }
.map-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; }


/* Hotel Pages */
#hotel-section{display:flex;flex-wrap:wrap;justify-content:space-between}
#hotel-section .hotel{width:24.9%;margin-bottom:50px}
#hotel-section .hotel a{text-decoration:none}
#hotel-section .hotel .hotel-title{text-align:center;color:#000}
#hotel-section .hotel .hotel-img{margin-bottom:10px;position:relative}
#hotel-section .hotel .hotel-img .bg-img{background-size:cover;height:240px;width:100%;background-position:center}
.triangle{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:25px solid #fff}
.title h2{text-align:center;font-size:32px;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:20px 0;grid-gap:28px; color:#017063}
.hotel-title a{color:#017063}
.hotel-title a:visited{color:#017063}
.title h2:after,.title h2:before{content:" ";display:block;border-bottom:1.5px solid #ccc}

/* GLOBAL - GOOGLE ADS FORMATTING */
#center-ad { width: 90%; margin: auto; }
#ad-headliner { clear:both; width:100%; padding-bottom:10px; padding-top:10px; }
#rightside-ad-1 { clear:both; float:right; padding-top:10px; padding-bottom:10px; }
#rightside-ad-2 { clear:both; float:right; padding-top:10px; padding-bottom:10px; }


@media (max-width:991px){
    .top-nav .top-contact,.top-nav .top-social{width:50%}
    .top-nav .top-social ul{text-align:right}
    .menu{display:none;position:absolute;background-color:#fff;right:0;left:0;padding:16px;margin-top:25px}
    .menu li:hover{display:inline-block}
    .menu li+li{margin-top:20px}
    input[type=checkbox]:checked~.menu{display:block}
    .hamburger{display:block;color:#000}
    .news{width:49%;margin-bottom:50px;box-shadow:1px 5px 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow:1px 5px 10px 0 rgba(0,0,0,0.1);-moz-box-shadow:1px 5px 10px 0 rgba(0,0,0,0.1)}
    .n-section{flex-direction:column;}
}

@media (max-width: 1365px){
    .n-section{flex-direction:column;}
}