/* Theme Name: ANBC Theme URI: https://vibrantagency.com; Description: Vibrant Agency Theme Version: 2.2 Author: Vibrant Agency */ /*------------------------------------*\ MAIN \*------------------------------------*/ /* global box-sizing */ *, *:after, *:before { -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; } /* html element 62.5% font-size for REM use */ html { font-size:62.5%; } body { font:300 16px/1.8 'Montserrat', sans-serif; color:#444; overflow-x: hidden; } .top-banner{ background:#000; color:#fff; padding:10px; text-align:center; } .top-banner p{ margin-bottom:0px; display:inline-block; position: relative; font-size:20px; } .top-banner a{ line-height:normal; } @media(min-width:768px){ .top-banner+#top{ margin-top:60px; } } /*.top-banner a{ padding: 1rem 2rem; width: auto; height: auto; position:relative; top:5px; line-height: normal; } .top-banner a:hover{ background:#fff !important; color:#FF6700 !important; }*/ /* clear */ .clear:before, .clear:after { content:' '; display:table; } .clear:after { clear:both; } .clear { *zoom:1; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: bold; letter-spacing: .1em; } .h2, h2 { font-size: 2.5rem; } p { margin-bottom: 2rem; } img { max-width:100%; vertical-align:bottom; } a { color:inherit; text-decoration:none; transition: .2s; } a:hover { color:#FF6700; } a:focus { outline:0; } a:hover, a:active { outline:0; } input:focus { outline:0; border:1px solid #04A4CC; } *::-webkit-input-placeholder { color: #fff; } *:-moz-placeholder { /* Firefox 18- */ color: #fff; } *::-moz-placeholder { /* Firefox 19+ */ color: #fff; } *:-ms-input-placeholder { color: #fff; } :root { --primary: #508C9B; } .form-outer ul{ text-align:center; } .form-outer .gform_wrapper .gfield_checkbox li label{ font-size:18px; } /*------------------------------------*\ STRUCTURE \*------------------------------------*/ *{ background-position: center; -webkit-background-size: cover; background-size: cover; } video { max-width: 100%; } .video-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .video-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } /* wrapper */ .wrapper { max-width:100vw; width:100%; margin:0 auto; position:relative; overflow-x: hidden; } /* header */ .header { position: absolute; width: 100vw; top:0; left:0; z-index: 9 } .header .logo-img{ width: 348px; } /* logo */ .main-logo { margin: 0 0 0 40px; display: inline-block; color: #fff !important; text-decoration: none !important; } .main-logo h1 { font-size: 40px; letter-spacing: -.3px; } .logo-img { } /* nav */ .nav { width: 100vw; height: 100vh; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; top: 0; left: 0; color:#000; padding:calc(45vh - 150px) calc(50vw - 800px) 0; opacity:0; pointer-events: none; transition:.2s; position: fixed; } .nav.active{ opacity: 1; pointer-events: all; z-index:2; } .nav .fa-times{ position: absolute; top:20px; right:50px; font-size: 40px; color: #000; cursor:pointer; } .nav-trigger { width: 65px; height: 65px; border-radius: 50px; color: #fff; font-size: 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; position: absolute; right: 50px; top: 0; cursor:pointer; } .main-navigation .main-logo { position: absolute !important; left: 15px; top: 20px; max-width: 100%; } header .footer-col a { margin-bottom: 5px; } header .footer-col a:hover { color:#FF6700; } .activenavhome { position: absolute !important; top: 100px; right: 70px; } .activenavhome a:hover { background-color: #FF6700; color:#fff !important; border-color:#FF6700; } .main-logo img { width: 180px; max-width:100%; } /* sidebar */ .sidebar { } /* footer */ .footer { } .footerlogoname a { font-size: 40px; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; letter-spacing: 0; } .footerlogoname a:hover { color:#000; } .pre-footer a.outline-btn:hover { background-color: #fff; color:#FF6700 !important; border-color:#fff; } .footerlogoname img { width: 180px; } section{ position: relative; } /*------------------------------------*\ PAGES \*------------------------------------*/ .overlay{ position: absolute; top:0; bottom: 0; left:0; right: 0; background-color: rgba(0, 0, 0, 0.52); display: inline-block; transition:.2s; } .overlay ~ *{ position: relative; z-index: 2 } .box-links .overlay { background-color: #1A222B; opacity: .81; } .gradient-overlay{ background:linear-gradient(to bottom, rgba(256, 256, 256, 0), rgba(123, 123, 123, .32)); } .hero article { align-items: center; justify-content: center; padding-left: 20px; padding-right: 20px; } .hero.home-hero article { margin-top: 10%; } .hero article h1 { text-align: center; font-size: 15rem; font-weight: normal; font-family: 'Shellia'; line-height: 1; text-transform: none; letter-spacing: 0; color: #fff; margin:0; transform: rotate(-3deg); } .hero article h1 i { font-style: normal; } .hero article span { font-size: 40px; letter-spacing: .2em; font-weight: normal; color: #fff; margin-top: 20px; display: block; text-transform: uppercase; } .hero.home-hero article span { font-size: 20px; font-weight: bold; text-transform: uppercase; margin: 60px 0 40px; } .topsubtxt { font-size: 40px; letter-spacing: 2px; margin-bottom: 10px; } .socialicons a { font-size: 22px; display: inline-block; margin:0 20px 40px; } .socialicons a:hover i { color: #FF6700 !important; } .button{ font-size:18px; font-weight: 500; text-transform: uppercase; min-width: 250px; padding: 12px; color:#fff; border:solid 2px #fff; text-align: center; text-decoration: none !important; display: inline-block; } .down-arrow{ width:50px; height:25px; position: relative; margin:50px auto 80px; } .down-arrow svg{ width: 100%; height: 100%; position: absolute; fill: #fff; animation-name: arrowDown; animation-duration: 2s; animation-iteration-count: infinite; position: absolute;top:0; left:0; } .down-arrow svg polygon{ background-color: #fff; } .down-arrow svg:nth-of-type(2){ animation-delay: -.66s } .down-arrow svg:nth-of-type(3){ animation-delay: -1.33s; } @keyframes arrowDown{ 0%{ transform: translatey(0) scale(0.8); opacity: 0; } 33%{ transform: translatey(23px); opacity: 1; } 66%{ transform: translatey(37px); opacity: 1; } 100%{ transform: translatey(60px) scale(0.8); opacity: 0; } } .pyv-button{ position: absolute; top: 10px; font-size: 20px; font-weight: 700; color:#fff; right:0; padding: 12px 25px; background-color: rgba(255, 255, 255, 0.5); padding-right: 60px; width: 600px; display: none; justify-content: flex-start; -ms-align-items: center; align-items: center; top: 150px; } .pyv-button.active{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .pyv-button span{ text-transform: uppercase; } .pyv-button i{ font-size: 20px; color:#000; background-color: #fff; width: 25px; height: 25px; text-align: center; display: flex; justify-content: center; -ms-align-items: center; align-items: center; border-radius:50px; display: inline-block; margin-left: 15px; padding-top: 3px; text-indent: 2px; } .home-about{ display:flex; } .rotate_section h3 { font-size: 40px; letter-spacing: 0; background-color:transparent; } .rotate_section h3:before { border-bottom: 5px solid #000; content: ''; background: transparent; position: absolute; top: 40%; width: 100%; right: -100%; } .rotate_section h3:after { border-bottom: 5px solid #000; content: ''; background: transparent; position: absolute; top: 40%; width: 100%; left: -100%; } .rotaterelative { right:20%; } aside { display: block; position: relative; margin: 40px 0; } aside h3 { font: bold 12px Sans-Serif; letter-spacing: 2px; text-transform: uppercase; background: #369; color: #fff; padding: 5px 10px; margin: 0 0 10px 0; line-height: 24px; } .rotate { transform: rotate(-90deg); /* Legacy vendor prefixes that you probably don't need... */ /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } /* Class name via Modernizr */ .csstransforms aside { border-left: 34px solid #369; padding-left: 10px; } .csstransforms aside h3 { /* Abs positioning makes it not take up vert space */ position: absolute; top: 0; left: 0; /* Border is the new background */ background: none; /* Rotate from top left corner (not default) */ transform-origin: 0 0; transform: rotate(90deg); } #page-wrap { max-width: 300px; margin: 80px auto; } .main-navigation .toggle-btn { pointer-events: none; } .main-navigation .toggle-btn.withpointerevents { pointer-events: inherit; } .c-video{ width:100%; max-width:900px; display:block; margin:0 auto; object-fit: cover; } .select-content{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; min-height: 1100px; -ms-align-items: center; align-items: center; text-align: right; max-width: 633px; min-width: 460px; width: 633px; background-position: 66% 361%; -webkit-background-size: inherit; background-size: inherit; background-repeat: no-repeat; } .select-content h1{ color:#CEB674; font-size: 70px; border-right: solid 1px; padding-right: 20px; line-height: 1; } .select-content article{ width: 432px; margin-left: auto; margin-right: 40px; display: none; } .select-content article.active{ display: block; } .select-content p{ font-size: 21px; font-weight: 350; text-align: right; } .select-options{ background-position: right; background-size:300px; background-color: #1a1a1a; color:#fff; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; flex:1 1 0%; width: 0%; padding: 50px; background-repeat: no-repeat; } .select-options .selector{ font-size: 70px; font-weight: 700; line-height: 1.1; margin-bottom: 40px; } .select-options .button{ margin-top: 60px; margin-left: 80px; } .box-links{ display: flex; height: 100vh; } .box-links .left-box{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: stretch; align-items: stretch; flex: 1.5 1 0px; width: 0px; height: 100%; } .box-links a{ display: flex; justify-content: center; -ms-align-items: center; align-items: center; color:#fff; font-size: 30px; font-weight: 700; text-transform: lowercase; flex:1 1 0; width:100%; height: 100%; position: relative; height: 100%; background-position: center; -webkit-background-size: cover; background-size: cover; text-decoration: none !important; } .box-links a:hover span:not(.overlay){ color:#CEB674; border-bottom: solid 4px #CEB674; display: inline-block; margin-bottom: -4px; } .box-links a:hover .overlay{ background:rgba(255, 255, 255, 0.5); } .home-message{ height:1075px; color:#fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; position: relative; } .home-message .section-triangle{ width: 100%; height: 100%; fill: linear-gradient(to bottom, #CEB674, #675B3A); position: absolute; z-index: 1; top: 0; } .home-message > *{ z-index: 2; position: absolute; } .home-message .hm-title{ top:80px; left: 100px; position:absolute; width: 100%; } .home-message .hm-title h2{ font-size: 70px; font-weight: 700; margin: 0 25px 0 0; padding-right: 35px; line-height: 1; display: inline-block; border-right: solid 2px #fff; } .home-message .hm-title h3{ font-size: 50px; font-weight: 300; margin: 0; line-height: 1; display: inline-block; } .home-message .home-message-buttons{ width: 100%; height: 135px; display: flex; justify-content: center; align-items: center; background-color: #000; top: 50%; transform:translatey(-50%); position: absolute; } .home-message .home-message-buttons .button:nth-child(1){ margin-right: 960px } .home-message .video-frame-outer{ width: 900px; position: relative; } .video-frame-outer .video-frame-inner{ width: 100%; height: 0; padding-bottom: 66%; } .pre-footer{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; color:#000; } .pre-footer h1{ font-size: 104px; margin: 0; text-transform: uppercase; } .pre-footer h2 { font-size: 100px; margin: 0; text-transform: uppercase; font-weight: bold; } .pre-footer p { font-size: 36px; margin: 0; line-height: 1; } .pre-footer h3 { font-size: 25px; margin: 0 0 20px; } .pre-footer ul { padding: 0; list-style: none; font-size: 17px; font-weight: 500; } .pre-footer ul li { margin:0 0 20px; line-height: 1.5; } .phrase-bar{ height: 158px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; color:#fff; background: linear-gradient(to right, #675B3A, #D0B56A, #D0B56A , #675B3A); } .phrase-bar h2{ font-size: 46px; } .bottom-footer{ color:#fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 40px 0; } .bottom-footer .footer-col-left{ flex:2 1 0; width: 0; padding-left: 95px; } .footer-col-left .logo-img{ margin-left: -95px; width: 348px; } .footer-col-left a{ text-transform: uppercase; font-size: 12px; letter-spacing: .1em; } .footer-col-left a i{ letter-spacing: 1em; font-size: 18px; } .footer-col{ flex:1 1 0; width: 0; display:block; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; max-width: 325px; margin-bottom: 30px; text-align: center; } .footer-col-header { font-size: 18px; font-weight: 700; display: block; text-transform: uppercase; } .footer-col-header { font-size: 20px; font-weight: 700; display: block; text-transform: uppercase; width: 100%; border-bottom: none; position: relative; padding-bottom: 10px; } header .footer-col-header.bordered:after { position: absolute; content:''; width:auto; height: 1px; background-color:#FF6700; left: -4000px; right: -4000px; bottom:0; } .nav .footer-col:last-child > .footer-col-header { width: auto; } .footer-col a { display: block; font-size: 18px; text-transform: uppercase; margin-bottom: 20px; } footer .footer-col a { margin-bottom: 10px; font-size: 18px; } footer a:hover, .footer-col a:hover { color: #000; text-decoration: none; } .copyright { height: 155px; color: #ffff; font-weight: 500; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; letter-spacing: .3em; font-size: 12px; text-transform: uppercase; background: #000; border-top:1px solid #EDEDED; } .copyright a:hover { color:#FF6700; } .footer-contact a:hover, .footer-contact .social-icons a:hover { color:#FF6700; } .footer-contact .social-icons a { font-size: 24px; margin: 0 30px; } .footer-contact .social-icons strong { font-size: 16px; margin-right: 15px; position: relative; top: -3px; } .footer-contact .outline-btn { overflow: hidden; width: 150px; height: 35px; padding: 0; line-height: 35px; font-size: 12px; background: #EAEAEA; color: #000; font-weight: 300; border: 0 !important; } input:not([type="submit"]), select{ background-color: transparent; color:#fff; border:0; border-bottom:solid 2px #fff; font-size: 30px; font-weight: 700; letter-spacing: 0; } input:not([type="submit"])::placeholder{ color:#fff; opacity:1; letter-spacing:0; } /*PYV*/ .hero { height: 110vh; position: relative; text-align: center; background-repeat: no-repeat; background-position: center top; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; } .hero h1 { color: #fff; font-size: 8rem; font-weight: bold; text-transform: uppercase; letter-spacing: .2em; } .hero .subtitle { font-size: 24px; color: #fff; letter-spacing: .3px; font-weight: 300; } .events .inner:hover .overlay{ background: #fff !important; opacity: .80 !important; } .moreBox { display: none; } .searchform { max-width: 600px; margin: 0 auto; position: relative; } .searchform #searchsubmit { width: 49px; height: 49px; text-indent: -9999px; border: 0; padding: 0; background: url(img/searchicon2.png) no-repeat center center; position: absolute; left: 5px; top: 5px; } .searchform #s { width: 100%; margin: 0 auto; border: 0; color: #000; font-size: 18px; height: 60px; text-transform: uppercase; padding: 0 20px 0 80px; font-weight: 300; text-align: center; -webkit-box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.16); border-radius: 50px; } .waytogive p { margin: 0; } .switch-content { display: none; position:relative; z-index:2; } .switch-content:nth-child(1) { display: block; } .switch-links { padding-left: 0; } .switch-links li { list-style: none; margin-bottom: 5px; } .switch-links li a { font-size: 20px; padding: 14px 0; display: inline-block; border-bottom: 1px solid transparent; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; color: #A2A2A2; } .coreswitch .switch-links li a { padding-right: 30px; position: relative; } .coreswitch .switch-links li:hover a:after, .coreswitch .switch-links li a.active:after { content: ''; height: 5px; position: absolute; top: 50%; background: #508C9B; z-index: 3; left: 100%; margin-left: -10px; width: 110px; } .videobtm_sched { font-size: 14px; letter-spacing: 0.5px; line-height: 35px; } .coreswitch .switch-links li a:after { position: absolute; content:''; background:url(img/core_switcharrow.png); width:14px; height: 21px; right: 0; top:20px; } .tabs .videobtm_cont h3 { color: #000; } .abt_hope h3 { color: #508C9B; font-size: 17px; } .hopeswitch .switch-links li { position: relative; } .hopeswitch .switch-links li a { padding-right:30px; background:url(img/core_switcharrow.png) no-repeat center right / 14px 21px; transition:none; } .hopeswitch .switch-links li:hover a:before, .hopeswitch .switch-links li a.active:before { content: ''; height: 5px; position: absolute; top: 50%; background: #508C9B; z-index: 3; right: 100%; margin-right: 10px; width: 100%; } .beliefsswitch.hopeswitch .switch-links li a.active:before { width: 600px; } .beliefsswitch.hopeswitch .switch-links { float: right; margin-right: 100px; } .hopeswitch .switch-links li:hover a, .hopeswitch .switch-links li a.active { background:url(img/core_switcharrow.png) no-repeat center right / 14px 21px; } .coreswitchcontent .switch-content { font-size: 14px; } .abt_hope .switch-content { font-size: 14px; } .switch-links li a:hover { text-decoration: none; } .switch-links li a:hover, .switch-links li a.active { color: #508C9B; } .coreswitchcontent h3 { margin: 15px auto 50px; color: #508C9B; font-size: 30px; text-transform: uppercase; letter-spacing: .1em; } .coreswitch .switch-links li { text-align: right; } .coreswitch .switch-links{ padding: 85px 45px; } .coreswitchcontent { padding: 85px 60px; max-width: 620px; } .BioCont .name { font-size: 25px; } .BioCont .position { font-size: 14px; } .leadership .row { position: relative; z-index:3; } .leadership .row:after { position: absolute; content: ''; background-color: #DEDEDE; height: 5px; top: 150px; left: -100%; right: -100%; z-index: 1; } .leadership .row > div { position: relative; z-index:2; } /*.leadership .row:last-child > div:last-child { margin-left:33.33%; }*/ .club_content a.outline-btn { margin: 0 50px 30px; } .club_content .row { margin-bottom: 100px; } .tabs h3 { font-size: 20px; text-transform: uppercase; margin-bottom: 20px; color: #000; } .beliefsswitch .tabs h3 { font-size: 30px; } .club_content { font-size: 14px; } .inner_pdtop { padding-top:70px; } .lpkids .container-fluid .inner { max-width:720px; } .lpkids_agelvl { margin-top:100px; } .lpkids_agelvl img { margin-bottom: 70px; border-radius: 100%; } .lpkids h3 { font-size: 17px; margin-bottom: 25px; } .gt_add_content h3 { margin-top:20px; margin-bottom: 20px; color:#000; } .gttitle { text-align: left !important; letter-spacing: .1em; } .row.gt_topics { margin-right: -100px; margin-left: -100px; margin-top: 100px; } .gt_topics h3 { letter-spacing:.1em; } .om_add_ministry .row:nth-child(odd) .ministryimg { float:left !important; } .om_add_ministry .row:nth-child(even) .ministryimg { float:right !important; } .whoweare .switch-content { background: rgba(206,182,116,.71); padding: 50px 50px 30px; max-width: 600px; margin: 0 auto; } .lifegroups .maincontent a.outline-btn { margin:0 10px 30px; } .lifegroups .maincontent > div, .serve .maincontent { max-width: 580px; margin:50px auto; } .videobtm_cont .row > div { padding-right:40px; padding-left:40px; } .whoweare .switch-links { max-width: 100%; float: right; width: 700px; } .connectpage .connecttab ul.TabSelector li { width: 50%; float: left; } .connecttab ul.TabSelector li:first-child a { text-align: right; padding-right: 135px; width: 100%; } .connecttab ul.TabSelector li:last-child a { text-align: left; padding-left: 135px; width: 100%; } .connecttab ul.TabSelector li:last-child:after { background-repeat: no-repeat; margin-left: 170px; } .connecttab ul.TabSelector li:first-child:after { background-repeat: no-repeat; margin-right: 220px; } .serveverse b { font-size: 25px; margin:40px auto 20px; display: block; } .serving_oppurtunities .switch-links li a { font-size: 40px; font-weight: 300; } .serving_oppurtunities .switch-links li a:hover, .serving_oppurtunities .switch-links li a.active { font-weight: bold; } .serving_oppurtunities .switch-links li { text-align: right; } .servingswitch { padding-right: 145px; } .servingswitch .switch-links li { position: relative; } .servingswitch .switch-links li a { padding-right:25px; transition:none; position: relative; } .servingswitch .switch-links li a:before { content: ''; display: block; width: 25px; height: 38px; background: url(img/arrow-right.png) no-repeat center right; position: absolute; left: 100%; top: 50%; margin-top: -19px; z-index: 1; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } .serving_oppurtunities .tabs h3 { font-size: 40px; } .servingswitch .switch-links li a.active:before, .servingswitch .switch-links li:hover a:before { width: 225px; background: url(img/arrow-right-long.png) no-repeat center right; } .whoweare h2 { font-size: 103px; text-align: right; letter-spacing: .12em; position: relative; color: #fff; text-transform: uppercase; font-weight: 300; } .whoweare .switch-links li a { border-bottom: 5px solid transparent; font-weight: 900; } .whoweare .switch-links li:hover a, .whoweare .switch-links li a.active { color: #fff; border-color: #fff; } .our_beliefs .switch-links li a { color: #6E6E6E; font-size: 20px; font-family: 'gotham', sans-serif; padding:5px 0; position: relative; } .our_beliefs .switch-links li:hover a, .our_beliefs .switch-links li a.active { color: #000; } .our_beliefs .switch-links li:hover a:after, .our_beliefs .switch-links li a.active:after { content: ''; height: 3px; position: absolute; top: 50%; background-color: #000; z-index: 3; left: 100%; margin-left: 10px; width: 20vw; } #fancybox-content { background: transparent !important; border-color: transparent !important; border-width: 0 !important; } #fancybox-outer { background: transparent !important; box-shadow: none !important; } .events .zindex4:hover .event-info { display: block; } .our_beliefs .switch-links li { margin-bottom: 10px; text-align:right; } .our_beliefs .switch-content { background-color: rgb(255, 255, 255); padding: 60px; min-height: 680px; } .pastor-section { min-height: 816px; padding: 150px 0; } .pastor-section img { display: block; margin: 0 auto; } .pastor-section h2 { text-align: right; font-size: 50px; color: #35394F; margin:0 0 100px; } .pastor-section h2 strong { font-size: 70px; color: #CEB674; } .pastor-section h2 span { border-left: 1px solid #CEB674; padding-left: 40px; margin-left: 30px; line-height: 1; } .pastor-section .dark-container { background: #1A1A1A; color: #fff; font-size: 16px; margin-left: -15px; padding: 100px 100px 90px; } .pastor-section .dark-container .inner { max-width: 500px; float: right; } .staff-card h3 * { display: inline-block; } .team-section { padding:100px 0 70px; } .team-section h2 { color: #CEB674; text-transform: lowercase; font-size: 70px; font-weight: bold; padding: 0 20px 0 90px; border-right: 1px solid; display: inline-block; line-height: 1; margin-bottom: 100px; } .team-section h3 { font-size: 25px; color: #000; } .team-section h3 span { font-size: 15px; font-weight: 300; text-align: left; } .team-section h3 span.with-br { position: relative; top: 7px; } .staff-image { margin: 0 0 20px; } .staff-image img { border-radius: 100%; border: 2px solid #CEB674; } .team-section .row > div { margin-bottom: 30px; } .text-block { color: #000; text-align: center; padding: 6rem 0 4rem; font-size: 4rem; line-height: 1.2; } .text-block .container { max-width: 1200px; } .text-block h2 { font-size: 3rem; margin:0 0 30px; text-transform: uppercase; } .mid-banner { font-size: 18px; color: #fff; position: relative; text-align: center; } .mid-banner h3 { font-size: 13rem; font-weight: 300; letter-spacing: 0 !important; } .box-1 { color: #fff; } .box-1 h2 { font-size: 30px; margin:0 0 30px; } .box-1 h3 { font-size: 20px; margin: 0 0 15px; } .box-1 .inner { padding:100px 0; max-width: 568px; margin: 0 auto; } .outline-btn { border: 1px solid; width: 220px; display: inline-block; height: 57px; line-height: 57px; max-width: 100%; text-decoration: none !important; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; text-align: center; padding: 0; } .black-btn { color: #000; } .outline-btn { font-family: inherit; font-size: 14px; color: inherit; background: none; cursor: pointer; display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; outline: none; position: relative; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; background-color: transparent; } .outline-btn:hover { background-color: #FF6700; color:#fff !important; border-color:#FF6700; } .outline-btn.white-btn { color: #000; background-color: #EAEAEA; border-color: #EAEAEA; } .outline-btn.white-btn:hover { color: #fff !important; background-color: #FF6700; border-color: #FF6700 !important; } .outline-btn.on-white:hover { background: #FF6700; color: #fff !important; border-color: #FF6700 !important; } /* Button 1e */ .outline-btn { overflow: hidden; } .black-btn.outline-btn:hover { background-color: #FF6700; } .outline-btn:hover, .outline-btn:active { color: #fff; } .black-btn.outline-btn:hover, .black-btn.outline-btn:active { color: #fff !important; border-color: #FF6700 !important; } .gray-btn.outline-btn { background-color: #FF6700; border-color: #FF6700; color: #fff; } .gray-btn.outline-btn:hover { background-color: #FF6700; border-color: #FF6700 !important; color: #272727; } .home-about .outline-btn { overflow: hidden; margin-top: 30px; } .home-about .outline-btn span { position: relative; z-index: 2; } .contact-block { padding:8rem 0; } .contact-block h2 { font-size: 110px; color: #D0B56A; margin: 0 0 3rem; } .contact-block p { margin:0 0 3rem; } .give-block { color: #000; background:url(img/give-bg.png) no-repeat left top; } .give-block .black-btn { margin-left: 20px; } .give-block > .row > div:first-child { padding-top: 150px; padding-bottom: 100px; } .give-block h2 strong { font-size: 60px; color: #CEB674; text-transform: lowercase; } .give-block h2 strong:after { content: ''; display: inline-block; height: 58px; width: 2px; background-color: #CEB674; position: relative; top: 10px; margin-left: 25px; } section li { margin-bottom: 2rem; } .connect-block h2 { position: absolute; left: 0; right: 0; text-align: center; font-size: 103px; font-weight: 100; top: 20px; opacity: .2; z-index: 9; } .circle-groups .inner { padding: 230px 0; } .secondary-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .secondary-overlay { background-color: #7E7E7E; opacity: 0.75; } .campus-box article { position: relative; z-index: 2; } .campus-boxes .campus-box .secondary-overlay { transition: all .3s ease; } .campus-boxes{ margin:60px 0; height: 1000px; display:flex; flex-direction:column; } .campus-box{ width:669px; display:flex; justify-content: center; align-items: center; margin: 5px 0; position:relative; color:#fff; text-align:center; flex:1 1 auto; cursor: pointer; } .campus-box .blocks__section-image { opacity: 1; } .campus-box p{ font-size:25px; margin:0; } .campus-box a { text-decoration: none !important; } .square-block-2{ pointer-events: none; } .campus-box .button{ background-color:transparent; } p.campus-content{ display:none; padding:15px; font-style:normal; font-weight:500; } .blocks__section-image { position: absolute; background-size: cover; background-position: center; width: 100%; height: 100%; top: 0; left: 0; transition: all .3s ease; /* filter: grayscale(100%); opacity: .35; */ } .campus-boxes .campus-box .secondary-overlay { transition: all .3s ease; } .blocks__section-block:hover .blocks__section-image { transform: scale(1.2); opacity: 1; } .campus-boxes .campus-box:hover .secondary-overlay { opacity:.66 ; background-color: #CEB674; } .event-info { padding:15px; } .events .inner:hover .overlay { background-color: rgba(80,140,155,.86) !important; } .home-hero .fa-times:before { content: url(img/close.png); } .eventpage .inner .overlay { background-color: rgba(255,255,255, 0.5) !important; opacity: 0; } .eventpage .inner:hover .overlay { opacity: 1 !important; background-color: rgba(255,255,255, 0.8) !important; } .bottomnav a { text-decoration: none !important; } .bottomnav span { font-size: 40px; text-transform: uppercase; color: #fff; font-weight: bold; letter-spacing: .2em; } .bottomnav .row > div:hover .overlay { opacity: .65 !important; } section ul { margin-bottom: 0; padding-bottom: 20px; } .our_beliefs > .row > div:last-child { position: relative; } .footer .overlay { background: url(img/footeroverlay.png) no-repeat center bottom / cover; } .sectiontitlevertical { text-align: center; overflow: hidden; transform: rotate(20deg); transform-origin: left top; } .kidspage .box-1 h2 { text-align: center; color: #000; font-size: 50px; background: url(img/BIRTH-Kindergarten.png) no-repeat center center / 100%; margin: 0; padding: 60px 0; text-transform: uppercase; letter-spacing: .2em; } h2.sectiontitle { color: #000; font-size: 50px; text-transform: uppercase; letter-spacing: .2em; } .studentstories .inner { max-width: 481px; margin: 0 auto; } .whatscomingup p.mb100, .signupform p.mb100 { font-size: 40px; line-height: 1.2; } .whatscomingup p.mb100 b, .signupform p.mb100 b { font-size: 50px; } .whatscomingup p.pb50 { padding-bottom: 50px; font-size: 29px; line-height: 1.2; } body .gform_wrapper .gform_page_footer .button { border: 2px solid; width: 276px; display: inline-block; height: 57px; line-height: 57px; font-size: 16px; font-weight: 400; max-width: 100%; text-decoration: none !important; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; text-align: center; padding: 0; background: #EAEAEA; border-color: #EAEAEA; color: #000; } body .gform_wrapper .gform_page_footer .button:hover { background: #000; border-color: #000; color: #EAEAEA; } body img.gform_ajax_spinner, .gform_wrapper .gform_page_footer .button.gform_previous_button { display: none !important; } .signupform ul.gfield_checkbox { max-width: 140px; margin: 0 auto !important; font-size: 30px; } .signupform h2 { font-size: 30px; font-weight: bold !important; } .signupform .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] { margin-top: 0; width: 28px !important; height: 28px; margin-right: 10px; } .signupform .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: 30px; font-weight: bold; text-align: center; opacity: .46; } .signupform .gform_wrapper h3 { font-size: 25px; font-weight: bold; margin: 0; } .signupform .gform_wrapper .gform_page_footer { border-top: 0; text-align: center; padding-top: 80px; } .signupform .gform_wrapper ul li.gfield { margin-top: 50px; } .footercta { color: #707070; font-size: 30px; } .globaloutreachpage .text-block span { font-size: 90px; } .outreachpartners .overlay { opacity: 0; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } .outreachpartners .inner:hover .overlay { opacity: .9; } .pastseries .row > div { padding-left: 50px; padding-right: 50px; margin-bottom: 20px; } .pastseries .row > div img { width: 100%; } .pastseries .event_date { font-size: 70px; font-weight: 900; color: #000; letter-spacing: .2em; position: absolute; top: -50px; left: 0; right: 0; text-align: center; line-height: 1; } .pastseries h2 { font-size: 50px; text-transform: uppercase; color: #000; font-weight: 500; letter-spacing: .2em; } .messagelist h3 { font-size: 25px; font-weight: bold; text-transform: uppercase; margin: 0; } .pastseries h3, .pastseries .message-meta { font-size: 14px; text-transform: uppercase; } .messagelist .event_date { font-size: 12px; font-weight: bold; text-transform: uppercase; } .messagelist h2 { font-size: 50px; letter-spacing: .2em; } .latestmessage h2 { font-size: 50px; text-transform: uppercase; letter-spacing: .2em; font-weight: 900; margin: 0 0 60px; } .latestmessage h3 { font-size: 65px; text-transform: uppercase; font-weight: 900; letter-spacing: 0; margin: 0 0 20px; color: #508C9B; line-height: 1; } .latestmessage span { font-size: 25px; text-transform: uppercase; display: block; font-weight: bold; letter-spacing: .1em; color: #333333; } .latestmessage .the-content { line-height: 1.9; } .abtleadcontent h2 { font-size: 40px; } .abtleadcontent span > em { color:#A0A0A0; font-size:20px; } .ministries .overlay { background: transparent; opacity: 0; } .ministries .inner:hover .overlay { background: rgba(255,255,255,.85); opacity: 1; } .upcomingmissions h3 { font-size: 50px; letter-spacing: .2em; } .upcomingmissions i { font-size: 30px; } .needprayer h2.sectiontitle { font-size: 150px; letter-spacing: 0; font-weight: 300; } .introtext h2 { font-size: 130px; letter-spacing: 0; font-weight: 300 !important; color: #fff; line-height: 1; margin: 0 0 150px; } .prayerform.signupform ul.gfield_checkbox { max-width: unset; } .prayerform.signupform .gform_wrapper li.gf_list_inline ul.gfield_checkbox li { margin: 0 20px 10px; } .signupform .gform_wrapper .top_label .gfield_label { font-size: 30px; opacity: .46; } .signupform .gform_wrapper textarea.medium { width: 914px; max-width: 100%; background-color: transparent; border: 2px solid rgba(255,255,255,.46); } .prayerform .gform_wrapper .top_label .gf_list_inline .gfield_label { font-size: 25px; opacity: 1; } .home .events .event_date { position: absolute; left: 0; right: 0; bottom: 100%; font-size: 70px; font-weight: bold; line-height: 1; } .aboutsection h2 { font-size: 40px; letter-spacing: .2em; font-weight: 900; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 5px solid #000; } .aboutsection ul { padding:0; list-style: none; } .aboutsection ul li { margin: 0 0 20px; } .aboutsection ul li h3 { font-size: 25px; text-transform: uppercase; opacity: .37; cursor: pointer; } .aboutsection ul li h3:after { content: ' +'; } .aboutsection ul li h3.expands:after { content: ' -'; } .aboutsection .toggle-container { display: none; font-size: 20px; } .absolutebtn { position: absolute; left: 0; right: 0; bottom: 40px; } .events .absolutebtn { bottom: 25px; z-index: 9; } .where-to-find { font-size: 20px; } .where-to-find a.outline-btn:hover { border-color:#FF6700 !important; color:#fff !important; background-color: #FF6700; } .givetxtway h2 { font-size: 90px; } .welcome-visit h2 { font-size: 50px; } .welcome-visit p { font-size: 40px; } .serviceschedule a.outline-btn:hover { border-color:#FF6700 !important; color:#fff !important; background-color: #FF6700; } .serviceschedule .text-left { border-left:5px solid #D8D8D8; padding-top:10px; padding-bottom: 10px; } .serviceschedule p { margin-bottom: 0; } .serviceschedule h3, .serviceschedule p { font-size: 30px; } .planvisitform h3 { font-size: 60px; } .planvisitform .subtxt { font-size: 25px; line-height: 1.2; } .visitform .gform_wrapper .gform_page_footer { border-top: none; } .visitform li.gfield { width:100% !important; } .visitform li.gfield input { border-bottom: 5px solid #000; width: 100%; color: rgba(51,51,51,.28); height: 50px; text-transform:uppercase; } .visitform input[type=button] { color: #000 !important; background-color: transparent !important; border-color: #000 !important; } .visitform .gform_body .gform_page_footer { text-align: center; } .visitform .ginput_container_date input { width: 95% !important; } .visitform li.gfield input::-webkit-input-placeholder { color: rgba(51,51,51,.28); } .visitform li.gfield input:-moz-placeholder { /* Firefox 18- */ color: rgba(51,51,51,.28); } .visitform li.gfield input::-moz-placeholder { /* Firefox 19+ */ color: rgba(51,51,51,.28); } .visitform li.gfield input:-ms-input-placeholder { color: rgba(51,51,51,.28); } .visitform li.gfield input::-webkit-input-placeholder:after{ } .visitform li.gfield input:focus::-webkit-input-placeholder{ color:transparent; } .visitform li.gfield input::-moz-placeholder:after{ } .visitform li.gfield input:focus::-moz-placeholder{ color:transparent; } .makeadifference .sectiontitle { font-size: 40px; color: #000; border-bottom: 5px solid; padding: 0 0 20px; margin: 0 0 50px; position: relative; } footer .footer-col-header { padding-bottom: 20px; font-size: 17px; position: relative; border-bottom:none; } footer .footer-col-header.bordered:after { position: absolute; content: ''; width: auto; height: 1px; background-color: #fff; left: -4000px; right: -4000px; margin-right: -100%; margin-left: -100%; bottom: 0; } .complete { display: none; } i.complete, i.more { font-style: normal; } .footer-contact .col-md-7 a { padding: 0 5px; } body .gform_wrapper form img.ui-datepicker-trigger { width: 27px!important; height: 26px!important; } .homemessage .inner { background: #fff; padding: 40px; width: 898px; z-index: 8; position: relative; left: -260px; } .homemessage .inner h3 { font-size: 40px; margin: 0 0 20px; letter-spacing: .2em; font-weight: normal; } body #fancybox-content { border: 0 solid transparent; background: none; } body #fancybox-outer { background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } body #fancybox-overlay { opacity: 0.95 !important; } body #fancybox-close { position: absolute; top: -15px; right: -15px; width: 65px; height: 65px; background: transparent url(img/closebtn.png); } .main-navigation .blocks__section-tall { height: 35vh; width: 100%; } .btn-nav { width: 100%; display: block; position: absolute; bottom: 0; left: 0; right: 0; } .beliefstab h2 { font-size: 40px; font-weight: 400; } .beliefstab .innertoggle h3 { font-size: 25px; font-weight: bold; } .page-template-page-livestream .header { position: unset; background: #000; margin-bottom: 40px; padding-bottom: 20px; } .livestreamcode { z-index:1;} /*------------------------------------*\ IMAGES \*------------------------------------*/ /*------------------------------------*\ TYPOGRAPHY \*------------------------------------*/ @font-face { font-family:'Font-Name'; src:url('fonts/font-name.eot'); src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'), url('fonts/font-name.woff') format('woff'), url('fonts/font-name.ttf') format('truetype'), url('fonts/font-name.svg#font-name') format('svg'); font-weight:normal; font-style:normal; } /*------------------------------------*\ MISC \*------------------------------------*/ ::selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } /*------------------------------------*\ WORDPRESS CORE \*------------------------------------*/ .alignnone { margin:5px 20px 20px 0; } .aligncenter, div.aligncenter { display:block; margin:5px auto 5px auto; } .alignright { float:right; margin:5px 0 20px 20px; } .alignleft { float:left; margin:5px 20px 20px 0; } a img.alignright { float:right; margin:5px 0 20px 20px; } a img.alignnone { margin:5px 20px 20px 0; } a img.alignleft { float:left; margin:5px 20px 20px 0; } a img.aligncenter { display:block; margin-left:auto; margin-right:auto; } .wp-caption { background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center; } .wp-caption.alignnone { margin:5px 20px 20px 0; } .wp-caption.alignleft { margin:5px 20px 20px 0; } .wp-caption.alignright { margin:5px 0 20px 20px; } .wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; } .wp-caption .wp-caption-text, .gallery-caption { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .tabs { border: none !important; background: transparent !important; } ul.TabSelector { list-style: none; margin-left: 0; text-align: center; padding:0; } ul.TabSelector li { display:inline-block; margin: 0; position: relative; float: left; } .AbtTabs ul.TabSelector li { width: 25%; } ul.TabSelector li a { color: #231f20; padding: 10px; font-size: 25px; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; width: 100%; height: 146px; background: #fff; display: block; text-align: center; line-height: 146px; } ul.TabSelector li a span { padding-bottom: 10px; border-bottom:1px solid transparent; } ul.TabSelector li a span.abtgettoknow { width: 150px; display: inline-block; line-height: 1; } ul.TabSelector li.ui-tabs-active a span, ul.TabSelector li.ui-state-hover a span { border-bottom:1px solid #000 } ul.TabSelector li:after { content:''; background:none; position: absolute; bottom:25px; left:0; right: 0; text-align: center; margin:0 auto; width:21px; height: 14px; } ul.TabSelector li.ui-tabs-active:after, ul.TabSelector li.ui-state-hover:after { content:''; background:none; } .connecttab ul.TabSelector li a span { padding-bottom: 10px; border-bottom:1px solid transparent; } .connecttab ul.TabSelector li.ui-tabs-active:after, .connecttab ul.TabSelector li.ui-state-hover:after, .connecttab ul.TabSelector li:after { content:''; background:none; } .connecttab ul.TabSelector li.ui-tabs-active a span, .connecttab ul.TabSelector li.ui-state-hover a span { border-bottom:none; } ul.TabSelector li.ui-tabs-active a, ul.TabSelector li.ui-state-hover a { background:#F7F7F7; text-decoration:none !important } .AbtTabs h2 { font-size: 40px; text-transform: uppercase; font-weight: 300; text-align: center; margin-bottom: 40px; } .AbtTabs .subtxt { margin-bottom: 50px; } .abt_mandv .container { max-width:755px; margin:0 auto; } .abt_hope h2 { text-align: left; } .abt_hope a.outline-btn { margin:0 20px; } .ways_to_give .desc { max-width: 400px; padding: 20px; } .ways_to_give:before { content: ''; height: 440px; background: #508C9B; position: absolute; top: 50%; margin-top: -220px; left: 0; right: 0; } .headingtext { font-size: 14px; } .headingtext h2 { font-size: 40px; font-weight: normal; margin: 0 0 50px; } .ways_to_give .desc h3 { font-size: 40px; text-transform: uppercase; } .ways_to_give .desc .outline-btn { margin-top: 50px; } .ways_to_give .desc div { display: none; } .ways_to_give .inner:hover h3 { font-size: 30px; margin: 0 0 50px; } .ways_to_give .inner:hover h3 br { display: none; } .ways_to_give .inner:hover .desc div { display: block; } .ways_to_give .inner:hover .overlay { background-color: rgba(80, 140, 155, 0.86); } .showcontentonhover .desc { padding: 40px; } .showcontentonhover .desc h3 { font-size: 40px; text-transform: uppercase; } .showcontentonhover .desc div { display: none; } .showcontentonhover .inner:hover h3 { font-size: 30px; margin: 0 0 20px; } .showcontentonhover .inner:hover h3 br { display: none; } .showcontentonhover .inner:hover .desc div { display: block; } .showcontentonhover .inner:hover .overlay { background-color: rgba(80, 140, 155, 0.86); } body .gform_wrapper textarea, body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { height: 70px; background: #DEDEDE; padding: 20px 30px; border-radius: 8px; font-size: 15px; letter-spacing: .1em; font-weight: bold; border:0; } .gform_wrapper .gfield.visit-date select { height: 70px; background: #DEDEDE url(http://vibrantadmin.com/anbc/wp-content/uploads/2019/11/calendaricon.png) no-repeat; background-position:20px center; padding: 20px 30px 20px 70px; border-radius: 8px; font-size: 15px; letter-spacing: 0; font-weight: bold; border: 0; text-transform: uppercase; appearance: none; position:relative; } .gform_wrapper .gfield.visit-date select:focus { outline:none !important; } body .gform_wrapper .visit-date div.ginput_container_select { text-align:center; } .datepicker input { width: 567px !important; max-width: 100%; padding-left: 70px !important; } .datepicker .ginput_container_date { max-width: 576px; margin: 0 auto; position: relative; } body .gform_wrapper form .datepicker img.ui-datepicker-trigger { width: 38px!important; height: 38px!important; position: absolute; left: 20px; top: 25px; } body .gform_wrapper .gform_footer { text-align: center; } body .gform_wrapper .gform_footer input[type=submit] { margin: 0 auto; height: 60px; width: 210px; background: no-repeat; border: 1px solid #000000; color: #000; font-size: 14px; font-weight: bold; letter-spacing: .1em; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } body .gform_wrapper .gform_footer input[type=submit]:hover { background: #000; color: #fff; } .footer-contact { background: #000; font-size: 14px; font-weight: bold; padding: 20px 0; letter-spacing: .1em; } .owl-nav button { width: 36px; height: 61px; background: url(img/bluearrow-right.png) !important; text-indent: -9999px; outline: none !important; position: absolute; right: -80px; top: 50%; margin-top: -60px !important; } .owl-nav button.owl-next { right: -80px; } .owl-nav button.owl-prev { left: -80px; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .backto-btn { position: absolute; left: 130px; bottom: 70px; font-weight: bold; letter-spacing: .15em; text-decoration: none !important; } .backto-btn i { color: #00A1E0; font-size: 50px; position: relative; top: 13px; margin-right: 5px; } .single-message .latestmessage .video-frame-outer:before { display: none; } .prevnextbtn a { display: inline-block; height: 61px; font-size: 20px; font-weight: bold; color: #fff; line-height: 61px; text-decoration: none !important; } .prevnextbtn .text-left a { background: url(img/prevbtn.png) no-repeat left center; padding-left: 50px; } .prevnextbtn .text-right a { padding-right: 50px; background: url(img/nextbtn.png) no-repeat right center; } .singlepage.latestmessage h3, .singlepage.latestmessage .series { font-size: 20px; color: #fff; margin: 0 0 5px; } .singlepage.latestmessage .series { font-weight: normal; font-size: 18px; } .pre-footer ul { padding-left: 20px; border-left: 6px solid #F2EFEA; } .top-nav { margin-bottom: 50px; } .msgnav-box, .givenav-box { min-height: 20vh; text-align: center; } .searchresult article a.outline-btn { width:270px !important; } .abt_hope .bcwhite { background: #fff; padding-left: 80px; position: relative; } .abt_hope .bcwhite:after { position: absolute; content:''; width:100%; height: 100%; right:-100%; top:0; background-color: #fff; } .next_steps_list ul { padding:0; margin: 0; } .next_steps_list ul li { list-style: none; font-size: 20px; text-transform: uppercase; margin-bottom: 5px; font-weight: bold; } .video-container { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; overflow: hidden; -webkit-clip-path: none!important; clip-path: none!important; background-position: center; background-size: cover; } .MinistryTabs ul.TabSelector li { width: 16%; } .follow_ig .inner h4 { font-size: 25px; font-weight: 300; text-transform: uppercase; margin-bottom: 35px; } .follow_ig .inner i.fab { font-size: 30px; } .follow_ig .inner a { font-size: 14px; font-weight: bold; text-transform: uppercase; } .voltopcont .inner { max-width: 550px; margin:0 auto; line-height: 35px; } .voltopcont .inner h3 { color: #000; font-size: 40px; font-weight: 900; line-height: 44px; margin-bottom: 40px; } .voltopcont .inner h4 { font-size: 20px; font-weight: 700; margin-bottom: 40px; text-transform: uppercase; } .volbtmcont .inner { max-width: 1000px; margin:0 auto; } .volbtmcont .inner h4 { margin-bottom: 40px; } .volbtmcont ul { margin:0; padding:0; margin-left:60px; } .volbtmcont ul li { text-align: left; list-style: none; } .lg_switchlink h3 { position: relative; background-color: #fff; width: 100%; height: 120px; line-height: 30px; padding: 30px 120px 30px 30px; margin-bottom: 0; font-weight: 300; } .lg_switchlink h3:before { content: '⌃'; height: unset; width: unset !important; background-color: transparent; color: #000; right: 20px; top: 20px; font-size: 60px; -webkit-transform: scaleY(-1); transform: scaleY(-1); position: absolute; } .lg_switchlink h3.expands:before { -webkit-transform: scaleY(1); transform: scaleY(1); top:40%; } .innertoggle { max-width: 700px; margin:0 auto 30px; background-color: #fff; } .lg_switchlink .toggle-container { padding: 10px 30px; display: none; text-transform: capitalize; } .life-groups .text-center h3 { font-size: 40px; font-weight: 300; } .life-groups .text-center h4 { font-size: 20px; } .outreachcont h3 { font-size: 40px; font-weight: 300; } .outreachcont { font-size: 20px; text-transform: uppercase; margin-bottom: 50px; } .outreachvid { padding:40px; background-color: #fff; } .ministriestab h3 { font-size: 40px; font-weight: 300; margin-bottom: 130px; } .leaderinfo { font-size: 14px; text-transform:uppercase; } .leaderinfo h4 { font-size: 25px; font-weight:300; } .ctcemails .inner h3 { font-size: 17px; text-transform: uppercase; letter-spacing: 0; } .ctcemails .inner { position: relative; padding-bottom: 80px; height: 100%; } .ctcemails .inner .emailbtn { position: absolute; bottom: 0; left: 0; right: 0; } .ctcemails .row>.col:nth-child(4) .inner h3 { margin-left:-20%; margin-right: -20%; } .ctcemails { margin-top:0 !important; } .kids .lpkids_agelvl .inner div { font-size: 14px; } /*------------------------------------*\ PRINT \*------------------------------------*/ @media print { * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; } a, a:visited { text-decoration:underline; } a[href]:after { content:" (" attr(href) ")"; } abbr[title]:after { content:" (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; } pre,blockquote { border:1px solid #999; page-break-inside:avoid; } thead { display:table-header-group; } tr,img { page-break-inside:avoid; } img { max-width:100% !important; } @page { margin:0.5cm; } p, h2, h3 { orphans:3; widows:3; } h2, h3 { page-break-after:avoid; } } .giving h3 { font-size: 40px; font-weight: 400 !important; margin-bottom: 20px; } .why_give h3, .impact_of_giving h3, .waystogive h3 { font-size: 20px; margin-bottom: 20px; text-transform: uppercase; } .impact_of_giving .row > div:first-child { padding-left: 0; } .waystogive h2 { font-size: 40px; font-weight: 400; margin: 0 0 50px; } .waystogive .img-cell { height: 154px; display: flex; align-items: center; justify-content: center; margin: 0 0 15px; } /*------------------------------------*\ RESPONSIVE \*------------------------------------*/ /* Desktop */ .ForMobile { display:none !important; } @media screen and (min-width:0) and (max-width:1799px) { ul.TabSelector li a { width: auto; } .showcontentonhover .desc { font-size: 13px; } } @media screen and (min-width:0) and (max-width:1599px) { .whoweare h2 { font-size: 88px; } .pastor-section h2 { font-size: 40px; } .home-message .home-message-buttons .button:nth-child(1) { margin-right: 20px; } .home-message .home-message-buttons { top: 90%; } body .fs30 { font-size: 24px; } .home-message .hm-title h3 { font-size: 40px; } .our_beliefs .switch-links li:hover a:after, .our_beliefs .switch-links li a.active:after { width: 23vw; } ul.TabSelector li a { font-size: 21px; } footer .footer-col a { font-size: 16px; } .serving_oppurtunities .inner { padding: 0 70px; } .showcontentonhover .desc { padding: 20px; } .showcontentonhover .desc { font-size: 12px; } .showcontentonhover .desc h3 { font-size: 30px; } .ctcemails .inner h3 { font-size: 15px; } .ctcpage .container-fluid.pr100 { padding-right: 50px; } .ctcpage .container-fluid.pl100{ padding-left: 50px; } .follow_ig .pr100 { padding-right: 10px; } .follow_ig .pl100 { padding-left: 10px; } .follow_ig .inner h4 { font-size: 21px; } .follow_ig .inner a { margin-left: -15px; } .hero article h1 { margin: 10px auto 40px; } } @media screen and (min-width:0) and (max-width:1365px) { .select-options .selector { font-size: 50px; } .home-message .hm-title h2 { font-size: 50px; } .home-message .hm-title h3 { font-size: 30px; } .nav { padding: calc(50vh - 150px) calc(60vw - 600px) 0; } .pastor-section h2 { font-size: 30px; } .pastor-section h2 strong { font-size: 50px; } .whoweare h2 { font-size: 6rem; } .aboutsection:before { left: 35px; } .home .events:before { left: 35px; top: 0; } .homemessage:before { left: 47px; right: 60px; } .homemessage:after { right: 45px; } .video-responsive { max-width: 85%; margin: 0 auto; } .video-frame-outer .absolutebtn { bottom: 80px; } .getinvolved:before { right: 35px; } .getinvolved .container { max-width: 900px !important; } .mid-banner h3 { font-size: 10rem; } .getinvolved:after { right: 60px; } .footer-contact .social-icons strong { font-size: 14px; } .home .events:before { background: url(img/events.png) center -490px; } .givetxtway h2 { font-size: 80px; } .needprayer h2.sectiontitle { font-size: 100px; } .planvisitform h3 { font-size: 50px; } .singlemessage .row > .pl70 { padding-left: 15px; } ul.TabSelector li a { font-size: 18px; } footer .footer-col a { font-size: 14px; } .inner_pdtop { padding-top: 0px; } .row.gt_topics { margin-right: -15px; margin-left: -15px; margin-top: 60px; } .connecttab ul.TabSelector li:last-child:after { background-repeat: no-repeat; margin-left: 160px; } .connecttab ul.TabSelector li:first-child:after { background-repeat: no-repeat; margin-right: 200px; } .serving_oppurtunities .switch-links li a { font-size: 35px; } .showcontentonhover .inner:hover h3 { font-size: 24px; margin: 0 0 15px; } .hero article h1 { font-size: 11rem; } .footer-col a { display: block; font-size: 15px; } .activenavhome .outline-btn { width: 200px; height: 50px; line-height: 50px; } .lpkids_agelvl img { margin-bottom: 30px; } .ctcemails .inner { padding-bottom: 60px; } .students .container-fluid { font-size: 14px; } .voltopcont .inner h3 { font-size: 30px; } .voltopcont .inner h4 { margin-bottom: 25px; } .testimonials .text-cell { padding: 50px !important; } } @media screen and (min-width:0) and (max-width:1199px) { .main-logo img { width: 100px; } .bottom-footer .footer-col-left { padding-left: 65px; } .footer-col a { font-size: 11px; } .select-content { width: 600px; } .select-options .selector { font-size: 20px; } .phrase-bar h2 { font-size: 36px; } .nav { padding: calc(50vh - 150px) calc(60vw - 550px) 0; } .pre-footer h1, .connect-block h2, .hero h1 { font-size: 7rem; } .hero .subtitle { font-size: 2rem; } .whoweare h2 { font-size: 5rem; } .waytogive h3 { font-size: 4rem; } .contact-block h2 { font-size: 8rem; } .givetxtway h2 { font-size: 60px; } .pre-footer h2 { font-size: 80px; } .pre-footer p { font-size: 30px; } .footer-contact .social-icons strong { display: block; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { letter-spacing: .1em !important; } .latestmessage h3 { font-size: 30px; } .pastseries .event_date { font-size: 40px; top: -30px; } .mid-banner h3 { font-size: 6rem; margin: 0 0 40px; } h2.sectiontitle { font-size: 45px; } .globaloutreachpage .text-block span { font-size: 70px; } .serviceschedule h3, .serviceschedule p { font-size: 24px; } .planvisitform h3 { font-size: 40px; } .planvisitform .subtxt { font-size: 20px; } .our_beliefs > .row > div:last-child { padding: 40px; } .our_beliefs .switch-links li:hover a:after, .our_beliefs .switch-links li a.active:after { width: 10vw; } .aboutsection:before, .home .events:before { left: 0; } .aboutsection .container { padding: 0 80px; } .homemessage:before { left: 12px; right: 12px; } .homemessage:after { right: 0; } .getinvolved:before { right: -10px; } .getinvolved:after { right: 12px; } body .withplaybtn:before { width: 58px; height: 58px; background-size: 100%; margin-top: -29px; margin-left: -29px; } .footer-col-header { font-size: 17px; } .homemessage .inner { width: 725px; } footer .footer-col-header { font-size: 14px; } ul.TabSelector li a { font-size: 15px; } .abt_hope a.btn { margin: 0 7px; } .beliefsswitch.hopeswitch .switch-links { margin-right: 40px; } .team-col { max-width: 270px; margin: 0 auto; } .BioCont .name { font-size: 23px; } .singlepage.latestmessage .pl70.text-left { padding-left: 15px; } .AbtTabs .ui-widget-content .col-md-6.pl100 { padding-left: 40px; } .lifegrp_video .arve-wrapper { margin: 0 auto; } .connecttab ul.TabSelector li:first-child:after { margin-right: 185px; } .connecttab ul.TabSelector li:last-child:after { margin-left: 155px; } .serving_oppurtunities .switch-links li a { font-size: 28px; } .servingswitch .switch-links li a.active:before, .servingswitch .switch-links li:hover a:before { width: 125px; } .servingswitch { padding-right: 55px; } .showcontentonhover .desc { padding: 20px; } .showcontentonhover .inner:hover h3 { font-size: 21px; margin: 0 0 10px; } .showcontentonhover .desc { font-size: 10px; } .ctcemails .row>.col:nth-child(4) .inner h3 { margin-left: auto; margin-right: auto; } .lpkids_agelvl img { max-width: 160px; } .ctcemails .inner h3 { font-size: 13px; } .voltopcont.pd0 { padding: 0 20px !important; } .testimonials .text-cell { padding: 40px !important; } .topsubtxt { font-size: 35px; } .main-logo h1 { font-size: 31px; margin: 0; } } @media screen and (min-width: 0) and (max-width: 1099px) { .showcontentonhover .col-md-3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .showcontentonhover .desc { font-size: 13px; line-height: 1.2; } .showcontentonhover .desc { padding: 10px; } .topsubtxt { font-size: 25px; } .hero article h1 { font-size: 10rem; } .nav.active .main-logo h1 { font-size: 31px; margin: 20px 0; } .pt100 { padding-top: 50px !important; } .pt80 { padding-top: 50px; } .switch-links li a { font-size: 17px; } .kids .lpkids_agelvl .inner h3 { font-size: 17px; } .voltopcont .inner h3 { font-size: 25px; margin-bottom: 25px; } .volbtmcont.pr100 { padding-right: 100px; } .volbtmcont.pl100 { padding-left: 50px; } .latestmessage .row>.pl70 { padding-left: 20px; } .testimonials .text-cell { padding: 25px !important; } /* Mobile */ } @media screen and (min-width: 0) and (max-width: 991px) { .nav { padding: calc(50vh - 110px) calc(60vw - 440px) 0; } .footer-col-header { font-size: 18px; } .bottom-footer .footer-col-left { padding-left: 0px; flex: 3 1 0; } .footer-col { flex: 3 1 0; } .footer-col-left .logo-img { margin-left: -10px; margin-bottom: 10px; } .bottom-footer { padding: 40px 20px; } .phrase-bar h2 { font-size: 26px; } .pre-footer h1, .connect-block h2, .hero h1 { font-size: 7rem; } .pre-footer h2 { font-size: 4rem; margin: 0 0 5px; } .pre-footer h3 { font-size: 2rem; } .select-content { width: 50%; } .select-options .selector { line-height: 1; margin-bottom: 20px; } .box-links a { font-size: 2rem; } .home-message .hm-title h2 { margin-bottom: 15px; } .switch-links li a { font-size: 2rem; } .switch-links li { margin-bottom: 20px; } .our_beliefs > .row > div:last-child { padding: 40px; } .pastor-section h2 strong { font-size: 30px; } .pastor-section h2 { font-size: 20px; } .pastor-section h2 span { padding-left: 20px; margin-left: 10px; } .pastor-section .dark-container { padding: 80px 40px; } .team-section h2 { font-size: 6rem; } .team-section h3 { font-size: 2rem; } .home-message .video-frame-outer { padding: 0 30px; } .medialist { padding: 50px 0; } .searchform { position: relative; max-width: 600px; margin: 0 auto; } .searchform #s { width: calc(100% - 100px); } #loadMore.mt50 { margin-top: 0; } .waytogive h3 { font-size: 3rem; } .give-block h2 strong { font-size: 4rem; } .outline-btn { width: 246px; } .contact-block h2 { font-size: 7rem; } .footer-col-header { padding-right: 15px; } .footer-col a { font-size: 10px; } .home .events:before { background: url(img/events.png) center -590px; } .abtleadcontent { padding: 20px !important; } .abtleadcontent h2 { font-size: 30px; padding: 0 0 10px !important; margin: 0 !important; } .abtleadcontent span { font-size: 30px !important; } .our_beliefs .fs50 { font-size: 30px; } section h2 { font-size: 30px !important; } .upcomingmissions h3 { font-size: 30px; } body .fs40 { font-size: 30px; } .upcomingmissions i { font-size: 20px; } .pre-footer h1, .connect-block h2, .hero h1 { font-size: 5rem; } .text-block { font-size: 3rem; } .mid-banner h3 { font-size: 5rem; } .globaloutreachpage .text-block span { font-size: 50px; } .latestmessage .row > div:last-child { padding-right: 15px; } .messagelist h2 { font-size: 30px; } .messagelist h3 { font-size: 20px; } .waytogive h2.fs24 { font-size: 24px !important; margin: 0 0 40px; } .waytogive .row > div { padding-top: 40px; } body .mb80-i { margin-bottom: 40px !important; } .hero article h1 { font-size: 7rem; } .nav-trigger-container .main-logo img{ max-width: 130px; } .main-navigation .footer-col-header { font-size: 14px; } .main-navigation .footer-col a { font-size: 12px; } footer .footer-col-header { font-size: 8px; } footer .footer-col a { font-size: 10px; } .copyright { height: 100px; } ul.TabSelector li a { font-size: 11px; } .AbtTabs .ui-widget-content.pt100 { padding-top: 60px; } .switch-links li a { font-size: 2rem; } .abt_hope a.btn { margin: 0 20px 20px; } .abt_nxtstep p { margin-bottom: 0; text-align: center; } .pre-footer .text-center a img { max-width: 150px; margin: 0 auto; } .team-col { max-width: 190px; margin: 0 auto; } .BioCont .name { font-size: 19px; line-height: 1.3; margin: 15px auto !important; } .hero article span { font-size: 22px; margin-top: 0px; } .latestmessage .align-items-center .pl70 { padding-left: 10px; } ul.TabSelector li a { font-size: 10px; height: 100px; line-height: 60px; } .ui-widget-content .container-fluid.pr100 { padding-right: 50px; } .ui-widget-content .container-fluid.pl100 { padding-left: 50px; } .AbtTabs .ui-widget-content.pt100 { padding-top: 50px; } .serving_oppurtunities .inner { padding: 0 40px; } .serving_oppurtunities .switch-links li a { font-size: 25px; } .servingswitch .switch-links li a.active:before, .servingswitch .switch-links li:hover a:before { width: 115px; } .showcontentonhover .desc { padding: 30px; } .page-template-page-events .row .pl100 { padding-left: 20px; } .lpkids_agelvl .row .col { min-width: 33.33%; } .topsubtxt { font-size: 20px; } .homemessage .inner h3 { font-size: 30px; } .homemessage .inner { width: 635px; padding: 25px; } .footerlogoname a { font-size: 35px; } .outline-btn { width: 190px; height: 50px; line-height: 50px; font-size: 12px; } .ctcmain .inner.pl100 { padding-left: 10px; } .switch-links li a { font-size: 13px; } .abt_hope .bcwhite { padding-left: 50px; } .ui-widget-content.students .container-fluid.pl100 { padding-left: 20px; } .ui-widget-content.students .container-fluid.pr100 { padding-right: 20px; } .follow_ig .inner h4 { font-size: 15px; margin-bottom: 10px; } .follow_ig .inner p{ margin-bottom: 0; } .voltopcont .inner h3 { font-size: 20px; margin-bottom: 20px; line-height: 1.2; } .voltopcont .inner h4 { margin-bottom: 15px; font-size: 16px; } .volbtmcont ul { margin-left: 40px !important; } .volunteer.ui-widget-content .container-fluid.volbtmcont.pl100 { padding-left: 10px !important; } .volunteer.ui-widget-content .container-fluid.volbtmcont.pr100 { padding-right: 10px !important; } .lg_switchlink h3 { position: relative; background-color: #fff; width: 100%; height: 120px; line-height: 20px; padding: 25px 70px 25px 25px; margin-bottom: 0; font-weight: 300; font-size: 18px; } .outreachcont h3 { font-size: 30px; } .outreachcont { font-size: 16px; } .ministriestab h3 { margin-bottom: 60px; } } @media screen and (min-width:0) and (max-width:767px) { .hero{ height:56.25vw; padding:0 !important; } .top-banner{ padding:3px; } .hero.home-hero article span{ margin:20px 0 0; } .home-hero .socialicons a{ margin-bottom:0; } .text_staff_leader { margin:0 3%; } .ForMobile { display:block !important; } .ForDesktop { display:none !important; } body { min-width:320px; } header .row > div { width: 50%; } header .nav-trigger-container { background: #fff; padding: 20px 20px 10px; } .main-logo { margin: 0; } .nav-trigger-container .main-logo img { max-width: 100%; max-height: 48px; width: auto; } header .nav-trigger { width: 35px; height: 35px; font-size: 30px; right: 20px; top: 0; color: #000; } header .nav.active .nav-trigger { right: 25px; position: absolute; color: #000; top: 22px; font-size: 20px; } header .nav { background: #fff !important; color: #000; padding: 50px 35px; display: block; overflow: auto; position: absolute; top: 70px; } .footer-col { max-width: unset; } header .nav .fa-times { top: 20px; right: 30px; } header .footer-col { flex: unset; display: block; width: auto; margin-bottom: 2rem; } header .footer-col-header { padding-right: 0; border-right: 0; display: block; margin-bottom: 1rem; font-size: 14px; padding-right: 0; color: #fff; letter-spacing: .2em; border-bottom: 1px solid; } header .footer-col a { font-size: 12px; display: block; color: #fff; } header .menu-list { display: none; } header .footer-col.active .menu-list { display: block; } .home-hero .outline-btn.mr20 { margin-right: 0; } .skiptocontent { display: none; } .hero.home-hero { padding-bottom: 50px; } .hero article h1 { width: 410px; margin-left: 0; max-width: 100%; } .pyv-button { font-size: 15px; padding-right: 20px; width: 600px; text-align: right; display: block !important; padding-left: 0; max-width: 95%; top: 100px; } .select-content h1 { font-size: 5rem; margin-right: 50px; } .select-content { min-height: inherit; padding: 50px 30px; width: 100%; } .select-content p { font-size: 16px; text-align: center; } .select-content article { width: 100%; margin-right: auto; } .box-links { display: block; height: inherit; } .box-links .left-box { display: block; flex: unset; width: 100%; height: inherit; } .box-links .left-box a { height: 200px; } .box-links > a { width: 50%; height: 397px; float: left; } .home-message .hm-title h2 { font-size: 3rem; } .home-message { height: inherit; padding: 150px 0px; } .outline-btn { width: 186px; min-width: inherit; font-size: 14px; height: 47px; line-height: 45px; margin-bottom: 10px; } .pre-footer h1, .connect-block h2, .hero h1 { font-size: 5rem; } .pre-footer h3 { font-size: 1.4rem; } .pre-footer p { font-size: 14px; line-height: 1.2; } .pre-footer h2 { font-size: 50px; } .pre-footer { height: inherit; padding: 70px 0; color: #3E3E3E; } .phrase-bar { height: 101px; } .phrase-bar h2 { font-size: 18px; text-align: center; } footer .bottom-footer .row > div { width: 50%; } footer .footer-col { flex: unset; display: block; width: auto; margin-bottom: 0; } footer .footer-col-header { font-size: 12px; line-height: 1.4; margin-bottom: 15px; } footer .footer-col a { display: block; font-size: 17px; color: #fff; font-weight: bold; } .pre-footer.pb60 { padding-bottom: 0; } .pre-footer h3 { font-size: 25px; } .pre-footer ul li { color: #fff; font-size: 17px; font-weight: bold; } .mob-social { font-size: 14px; } .mob-social .fab { font-size: 28px; margin: 10px; } .box-1 .inner { padding: 100px 0 80px; } .circle-groups .inner { padding: 50px 0; } .whoweare .row > div:last-child { padding: 0; } .whoweare .row > div:first-child { padding: 50px; } .our_beliefs > .row > div:last-child:after { display: none; } .pastor-section { min-height: inherit; padding: 50px 0; } .team-section#team{ -webkit-background-size: contain!important; background-size: contain!important; } .pastor-section h2 { text-align: center; margin-bottom: 40px; } .team-section h2 { font-size: 3rem; } .staff-card{ margin-bottom:80px!important; } .contact-block h2 { font-size: 5rem; } .contact-block { padding: 3rem 0; } .text-block h2 { font-size: 2.5rem; margin: 0 0 20px; } .text-block { padding: 5rem 0; } .box-1 .inner { padding: 50px 0 30px; } .page-template-page-connect .box-1 .inner { padding-top: 80px; } .box-1 h2 { font-size: 2.5rem; margin: 0 0 20px; } .mid-banner { font-size: 2rem; line-height: 1.3; } .pre-footer h1, .connect-block h2, .hero h1 { font-size: 4rem; } body #fancybox-content .pl100 { padding-left: 15px; padding-top: 15px; } body #fancybox-close { background-size: 40px; background-repeat: no-repeat; background-position: center center; } .home-message .hm-title h3 { display: none; } .waytogive { text-align: center; } .waytogive .pr100 { padding-right: 15px; } .waytogive .mb80 { margin-bottom: 40px; } body .pb100 { padding-bottom: 50px; } body .pt100 { padding-top: 50px; } .waytogive h3 { font-size: 3rem; text-align: center; display: inline-block; } .waytogive .text-right { text-align: center!important; } .home-message .hm-title { left: 0; right: 0; text-align: center; top: 50px; } .home-message .video-frame-outer { top: -30px; } .home-message .hm-title h2 { font-size: 3rem; padding-right: 10px; margin-right: 0; text-align: center; } .copyright { font-size: 10px; } .select-content { min-width: inherit; } .home-message-buttons-mob { text-align: center; bottom: 20px; } .home-message:before { display: none; } body .form-nav a, body .pyv-form input[type="submit"] { height: 48px; font-size: 16px; display: block; width: 200px; margin: 0 auto; padding: 0 10px; line-height: 50px; max-width: 200px; min-width: 200px; } body div.wpcf7 input.wpcf7-submit { font-size: 16px; bottom: 0; position: absolute; left: 0; right: 0; } body .pyv-form .half-input { width: 100%; } body .pyv-form .fs30 { font-size: 20px; margin-bottom: 25px; } .pyv-form select, .pyv-form option { width: calc(100vw - 120px); font-size: 24px; } .pyv-form .pl80 { padding-left: 50px; } .pyv-form .select-parent::before { width: 32px; height: 32px; background-size: 100%; } body div.wpcf7 { max-width: 100%; } .whoweare h2 { font-size: 5rem; margin: 0 0 20px !important; text-align: left; } .connect-block .row .overlay { opacity: 0 !important; } .connect-block > .overlay { opacity: .81 !important; background-color: #CEB674 !important; } .page-template-page-connect .connect-block .row > div:last-child .inner { padding-top: 0; } .pyv-form { padding-top: 50px !important; padding-bottom: 0 !important; } .pyv-page { padding-bottom: 100px !important; } body .form-nav { bottom: 0 !important; position: absolute !important; } #pyv-page-4.form-nav { bottom: -50px !important; } .main-logo img { max-width: 53px; } .ForMobile.main-logo img { max-width: 53px; } .outline-btn { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .box-1 { text-align: center; } .toggle-btn.ForMobile i { float: right; position: relative; top: 8px; } .switch-links li { margin-bottom: 10px; } .switch-links li a { font-size: 1.6rem; padding-bottom: 5px; } #whoweare .switch-links { display: none; } .mobhidden { display: none; } .our_beliefs .switch-links li { margin-bottom: 0; } .our_beliefs .switch-links li a { padding-bottom: 0; } body .our_beliefs .pt100 { padding-top: 30px; } body .our_beliefs .pb100 { padding-bottom: 20px; } .our_beliefs > .row > div:last-child { padding: 30px; } .main-navigation .toggle-btn { pointer-events: auto; } .main-navigation .bcwhite { padding: 12px 25px; } .aboutsection:before, .home .events:before, .homemessage:after, .getinvolved:before, .getinvolved:after, .homemessage:before { display: none; } .home .events .event_date { left: 20px; font-size: 40px; text-align: left; top: 20px; } .events .row > .mb30 { margin-bottom: 30px; padding: 0; } .getinvolved h2.sectiontitle { background: #fff; } .getinvolved { min-height: unset !important; } .pre-footer { text-align: center; } .footer-contact .social-icons strong { font-size: 18px; } .footer-contact { font-size: 12px; } .bottom-footer { padding: 40px 0; } .bottom-footer .row > div:first-child { padding-left: 40px; padding-right: 20px; } .bottom-footer .row > div:last-child { padding-left: 30px; padding-right: 10px; } footer .footer-col-header { border-bottom: 2px solid; } .bottom-footer .row > div:first-child .footer-col-header { padding: 0 0 5px 40px; margin-left: -40px; width: 110%; } .bottom-footer .row > div:last-child .footer-col-header { padding: 0 40px 5px 0; margin-right: -40px; width: 110%; } .copyright { height: 65px; margin-bottom: 60px; } .our_beliefs .switch-links li a { display: block; text-align: left; } .our_beliefs .switch-links li a:after { content: ' +'; } .our_beliefs .switch-links li a.active:after { content: ' -'; background: no-repeat; position: unset; } .our_beliefs .switch-content { background-color: rgb(255, 255, 255); padding: 20px; min-height: unset; } .text-block { font-size: 2rem; } .text-block { font-size: 20px !important; } .whatscomingup p.mb100 b, .signupform p.mb100 b { font-size: 30px; } .mid-banner h3 { font-size: 4rem; } .whatscomingup p.mb100, .signupform p.mb100 { font-size: 30px; line-height: 1.2; margin: 0 0 40px; } body .mb80 { margin-bottom: 30px; } .waytogive .row > div:last-child { min-height: 200px !important; } .welcome-visit p { font-size: 20px; } #fancybox-content .hentry { overflow: auto; } #fancybox-content .hentry * { font-size: 20px !important; } body #fancybox-close { top: -30px !important; right: -10px !important; background-size: 20px !important; } .our_beliefs .switch-links li:hover a:after, .our_beliefs .switch-links li a.active:after { background-color: transparent; width: auto !important; } header .footer-col-header { color: #000; border-bottom: none; } header .footer-col a { color: #000; } .footer-contact { background: #FF6700; } .social-icons { padding: 50px 0; background: #000; color: #fff; text-align: center; } .social-icons a { font-size: 28px; margin: 0 10px; } .homemessage h3 { font-size: 30px; font-weight: 400; } .hero.home-hero article { max-width: 90%; margin: 0 auto; padding: 0; } .hero article h1 { font-size: 55px; } body .switch-links li a { background: #fff url(img/chevrondown.png) no-repeat 97% center !important; display: block !important; color: #000 !important; padding: 12px 40px 12px 20px !important; -webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.5); box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.5); text-align: left !important; line-height: 1.2; font-size: 12px !important; font-weight: bold !important; } body section .switch-links li a:before, body section .switch-links li a:after { display: none !important; } body .switch-links li a.active { background: #508C9B url(img/chevronup.png) no-repeat 97% center !important; color: #fff !important; } body .switch-content { font-size: 12px; background: #F0F0F0; padding: 20px; } body .switch-content h3 { display: none; } .abt_nxtstep { padding: 30px 0 0; } .beliefsswitch.hopeswitch .switch-links { margin-right: 0; float: none; } .latestmessage { text-align: center; } .lpkids_agelvl .row .col { min-width: 100%; } .servingswitch { padding-right: 0; } .coreswitch .switch-links { padding: 0; } .latestmessage .pl0 { padding-right: 0; margin-bottom: 10px; } .latestmessage span { font-size: 15px; } .latestmessage h3 { font-size: 24px; margin: 0 0 10px; } .single-message .latestmessage { padding-bottom: 20px; } .inner_pdtop { padding-top: 40px; } .main-logo h1 { font-size: 20px; margin: 0; color: #000; } .header { position: fixed; width: 100vw; top: unset; left: 0; z-index: 9; bottom: 0; } header .nav { background: #fff !important; color: #000; padding: 50px 35px; display: block; overflow: auto; position: absolute; top: unset !important; bottom: 100% !important; } header .footer-col-header:after { content:none !important; } .bottomnav span { font-size: 20px; letter-spacing: 1px; } header .footer-col-header { margin-bottom: 0; } header .footer-col { margin-bottom: 10px; } .nav-trigger-container .row>div:first-child { width: 70% !important; } .nav-trigger-container .row>div:last-child { width: 30% !important; } header .nav { padding: 70px 0 0; } .btn-nav { position: relative; bottom:-10%; } .hero article h1 { font-size: 70px; margin-bottom:15px; } .footerlogoname a { font-size: 40px; } .pre-footer ul { padding-left: 0; border-left: none; color: #fff; } .abt_hope.bclightgray2 { background: #fff; } .abt_hope h2 { text-align: center; font-size: 30px !important; } .switch-links li { margin-bottom: 30px; } .abt_hope .switch-content { font-size: 14px; margin-top: -30px; margin-bottom: 30px; } section h2 { font-size: 30px !important; } .abt_mandv.bclightgray2 { background-color: #fff; } .abt_mandv .text-left { text-align: center!important; } .abt_mandv .inner .italic { font-style: normal; } .abt_core { background-color: #fff; } .abt_leaders.bclightgray2{ background-color: #fff; } .leadership .row:after { content: none; } .abt_mandv .col-md-6.pl0 { padding-right: 0; } .kids .container-fluid { margin-bottom: 40px; } .kids .container-fluid .row { position: relative; } .kids .container-fluid .row>div.pl0 { padding-right: 0; } .kids .container-fluid .row>div>img { height: 560px; max-width: 840px; margin-left: -55%; } .kids .container-fluid .row>div:last-child { position: absolute; color: #fff; text-align: center; } .kids .container-fluid .row>div:last-child .inner h3 { color: #fff; } .lpkids_agelvl { margin-top: 0 !important; } .students h3.ForMobile { font-size: 30px; font-weight: 300; } .AbtTabs .ui-widget-content .col-md-6.pl100 { padding-left: 40px; padding-right: 40px; text-align: center; } .follow_ig .row { display: block; } .bclightgray2 { background-color: #fff !important; } .voltopcont .inner { padding: 0 20px; text-align: center; } .voltopcont.pd0 { padding: 0 0px !important; } .voltopcont .row>div:last-child { padding: 0 0px !important; } .volunteer.ui-widget-content .container-fluid.volbtmcont.pt80 { padding-top: 0 !important; } .volbtmcont ul { margin-left: 0px !important; text-align: center; margin-bottom: 50px; } .volbtmcont ul li { text-align: center; list-style: none; } .life-groups .text-center h3 { font-size: 30px; font-weight: 300; } .lg_switchlink h3 { -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); font-size: 12px; height: 80px; padding: 10px 20px; line-height: inherit; background: #fff url(img/chevrondown.png) no-repeat 97% center !important; } .lg_switchlink h3:before { content:none; } .lg_switchlink h3.expands { background: #508C9B url(img/chevronup.png) no-repeat 97% center !important; color: #fff !important; } .lg_switchlink .innertoggle span.ForMobile br { display: block; } .lg_switchlink .toggle-container { background: rgba(240,240,240,.57); } .lg_switchlink .toggle-container br { display: block; } .outreach .container-fluid.pr80 { padding-right: 0px; } .outreach .container-fluid.pl80 { padding-left: 0px; } .outreachcont { padding-right:40px; padding-left: 40px; } .outreachvid { padding: 0; } .prevnextbtn .text-left { width: 50%; float: left; } .prevnextbtn .text-right { width: 50%; float: left; } .prevnextbtn .text-right a { line-height: 1.5; } .testimonials .text-cell { text-align: center !important; } .datepicker input { padding-left: 40px !important; } .ctcmain .inner.pl100 { padding-left: 0; text-align: center; } body .gform_wrapper form .datepicker img.ui-datepicker-trigger { width: 20px!important; height: 20px!important; position: absolute; left: 15px; top: 35px; } .ministriestab .ForMobile .hero article span br { display:block !important; } .AbtTabs .ui-widget-content.pt100 { padding-top: 0 !important; } .msgnav-box, .givenav-box { min-height: 20vh; } header .nav { padding: 140px 0 0; bottom:50px; } .main-navigation .footer-col a { font-size: 17px; } .main-navigation .footer-col-header { font-size: 17px; } .owl-carousel .owl-item img { width: auto !important; } #input_6_20_date_format { text-align: left!important; } .AbtTabs ul.TabSelector li { width: 100%; display: block; z-index:9; } ul.TabSelector { position: absolute; top: 100vh; left: 0; right: 0; z-index:9; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3); } ul.TabSelector li a { font-size: 12px; height: 40px; line-height: 2; position: relative; z-index: 9; font-weight: bold; } ul.TabSelector li.ui-tabs-active a span, ul.TabSelector li.ui-state-hover a span { border-bottom: none; } .ui-tabs-panel>.withmobtab { margin-bottom: 50%; } .MinistryTabs .ui-tabs-panel>.withmobtab { margin-bottom: 80%; } .beliefstab .innertoggle h3 { font-size: 12px; font-weight: bold; padding: 10px 30px 20px 10px !important; } .beliefstab .lg_switchlink .toggle-container { font-size: 13px; } } @media screen and (min-width:0) and (max-width:575px) { .beliefs{ background-position:center right; } .aboutsection .container { padding: 0 20px; } .hero.home-hero article span { font-size: 12px; margin:0 auto; } .socialicons a { margin: 0 20px; } .pastseries .row > div { padding-left: 20px; padding-right: 20px; } h2 { font-size: 2rem; } .leadership .row:last-child > div:last-child { margin-left: 0; } .aboutsection ul li h3 { font-size: 15px; } .video-responsive { max-width: 100%; } .mid-banner h3 { font-size: 2.5rem; } .mid-banner { font-size: 1.6rem; } .makeadifference .sectiontitle { font-size: 20px; } .abtleadcontent span { font-size: 20px !important; } .our_beliefs .fs50 { font-size: 20px; } .our_beliefs .switch-links li a { font-size: 15px; } .our_beliefs > .row > div:last-child { padding: 10px 0; } section:not(.hero) br { display: none; } .pre-footer h1, .connect-block h2, .hero h1 { font-size: 3rem; } .serviceschedule h3, .serviceschedule p { font-size: 20px; text-align: center; } .planvisitform h3 { font-size: 24px; } .planvisitform .row > div:last-child { padding: 15px 30px; } .hero article span { font-size:30px; max-width:300px; margin: 0 auto; } #fancybox-content .hentry * { font-size: 16px !important; } .hero article h1 { font-size: 40px; margin:0 0 10px; } .topsubtxt { font-size: 12px; margin:10px 0 0; } .top-banner p { font-size:12px; } .home-hero .outline-btn{ margin:0; } .home-hero .socialicons a{ line-height:1; } @media only screen and (min-device-width:320px) { body {padding:0;} }