/* Theme Name: Church Theme URI: https://wordpress.org/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Theme Description Version: 1.0 Text Domain: church This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @font-face { font-family: 'FrizQuadrata BT'; src: url('fonts/FrizQuadrataITCbyBT-Roman.eot'); src: url('fonts/FrizQuadrataITCbyBT-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/FrizQuadrataITCbyBT-Roman.woff2') format('woff2'), url('fonts/FrizQuadrataITCbyBT-Roman.woff') format('woff'), url('fonts/FrizQuadrataITCbyBT-Roman.ttf') format('truetype'), url('fonts/FrizQuadrataITCbyBT-Roman.svg#FrizQuadrataITCbyBT-Roman') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02 XLtIt'; src: url('fonts/NHaasGroteskDSW02-36XLtIt.eot'); src: url('fonts/NHaasGroteskDSW02-36XLtIt.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-36XLtIt.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-36XLtIt.woff') format('woff'), url('fonts/NHaasGroteskDSW02-36XLtIt.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-36XLtIt.svg#NHaasGroteskDSW02-36XLtIt') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02 Bd'; src: url('fonts/NHaasGroteskDSW02-75Bd.eot'); src: url('fonts/NHaasGroteskDSW02-75Bd.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-75Bd.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-75Bd.woff') format('woff'), url('fonts/NHaasGroteskDSW02-75Bd.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-75Bd.svg#NHaasGroteskDSW02-75Bd') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskText W02 MdIt'; src: url('fonts/NHaasGroteskTXW02-66MdIt.eot'); src: url('fonts/NHaasGroteskTXW02-66MdIt.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskTXW02-66MdIt.woff2') format('woff2'), url('fonts/NHaasGroteskTXW02-66MdIt.woff') format('woff'), url('fonts/NHaasGroteskTXW02-66MdIt.ttf') format('truetype'), url('fonts/NHaasGroteskTXW02-66MdIt.svg#NHaasGroteskTXW02-66MdIt') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02 BdIt'; src: url('fonts/NHaasGroteskDSW02-76BdIt.eot'); src: url('fonts/NHaasGroteskDSW02-76BdIt.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-76BdIt.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-76BdIt.woff') format('woff'), url('fonts/NHaasGroteskDSW02-76BdIt.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-76BdIt.svg#NHaasGroteskDSW02-76BdIt') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskText W02 Md'; src: url('fonts/NHaasGroteskTXW02-65Md.eot'); src: url('fonts/NHaasGroteskTXW02-65Md.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskTXW02-65Md.woff2') format('woff2'), url('fonts/NHaasGroteskTXW02-65Md.woff') format('woff'), url('fonts/NHaasGroteskTXW02-65Md.ttf') format('truetype'), url('fonts/NHaasGroteskTXW02-65Md.svg#NHaasGroteskTXW02-65Md') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02 Ulth'; src: url('fonts/NHaasGroteskDSW02-15UltTh.eot'); src: url('fonts/NHaasGroteskDSW02-15UltTh.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-15UltTh.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-15UltTh.woff') format('woff'), url('fonts/NHaasGroteskDSW02-15UltTh.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-15UltTh.svg#NHaasGroteskDSW02-15UltTh') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskText W02 Bd'; src: url('fonts/NHaasGroteskTXW02-75Bd.eot'); src: url('fonts/NHaasGroteskTXW02-75Bd.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskTXW02-75Bd.woff2') format('woff2'), url('fonts/NHaasGroteskTXW02-75Bd.woff') format('woff'), url('fonts/NHaasGroteskTXW02-75Bd.ttf') format('truetype'), url('fonts/NHaasGroteskTXW02-75Bd.svg#NHaasGroteskTXW02-75Bd') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02 MdIt'; src: url('fonts/NHaasGroteskDSW02-66MdIt.eot'); src: url('fonts/NHaasGroteskDSW02-66MdIt.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-66MdIt.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-66MdIt.woff') format('woff'), url('fonts/NHaasGroteskDSW02-66MdIt.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-66MdIt.svg#NHaasGroteskDSW02-66MdIt') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02'; src: url('fonts/NHaasGroteskDSW02-55Rg.eot'); src: url('fonts/NHaasGroteskDSW02-55Rg.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-55Rg.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-55Rg.woff') format('woff'), url('fonts/NHaasGroteskDSW02-55Rg.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-55Rg.svg#NHaasGroteskDSW02-55Rg') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02 Blk'; src: url('fonts/NHaasGroteskDSW02-95Blk.eot'); src: url('fonts/NHaasGroteskDSW02-95Blk.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-95Blk.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-95Blk.woff') format('woff'), url('fonts/NHaasGroteskDSW02-95Blk.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-95Blk.svg#NHaasGroteskDSW02-95Blk') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02 XLt'; src: url('fonts/NHaasGroteskDSW02-35XLt.eot'); src: url('fonts/NHaasGroteskDSW02-35XLt.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-35XLt.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-35XLt.woff') format('woff'), url('fonts/NHaasGroteskDSW02-35XLt.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-35XLt.svg#NHaasGroteskDSW02-35XLt') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02 BlkIt'; src: url('fonts/NHaasGroteskDSW02-96BlkIt.eot'); src: url('fonts/NHaasGroteskDSW02-96BlkIt.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-96BlkIt.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-96BlkIt.woff') format('woff'), url('fonts/NHaasGroteskDSW02-96BlkIt.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-96BlkIt.svg#NHaasGroteskDSW02-96BlkIt') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02'; src: url('fonts/NHaasGroteskDSW02-25Th.eot'); src: url('fonts/NHaasGroteskDSW02-25Th.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-25Th.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-25Th.woff') format('woff'), url('fonts/NHaasGroteskDSW02-25Th.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-25Th.svg#NHaasGroteskDSW02-25Th') format('svg'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02 UltThIt'; src: url('fonts/NHaasGroteskDSW02-16UltThIt.eot'); src: url('fonts/NHaasGroteskDSW02-16UltThIt.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-16UltThIt.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-16UltThIt.woff') format('woff'), url('fonts/NHaasGroteskDSW02-16UltThIt.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-16UltThIt.svg#NHaasGroteskDSW02-16UltThIt') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskText W02 It'; src: url('fonts/NHaasGroteskTXW02-56It.eot'); src: url('fonts/NHaasGroteskTXW02-56It.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskTXW02-56It.woff2') format('woff2'), url('fonts/NHaasGroteskTXW02-56It.woff') format('woff'), url('fonts/NHaasGroteskTXW02-56It.ttf') format('truetype'), url('fonts/NHaasGroteskTXW02-56It.svg#NHaasGroteskTXW02-56It') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02 It'; src: url('fonts/NHaasGroteskDSW02-56It.eot'); src: url('fonts/NHaasGroteskDSW02-56It.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-56It.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-56It.woff') format('woff'), url('fonts/NHaasGroteskDSW02-56It.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-56It.svg#NHaasGroteskDSW02-56It') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02 Lt'; src: url('fonts/NHaasGroteskDSW02-45Lt.eot'); src: url('fonts/NHaasGroteskDSW02-45Lt.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-45Lt.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-45Lt.woff') format('woff'), url('fonts/NHaasGroteskDSW02-45Lt.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-45Lt.svg#NHaasGroteskDSW02-45Lt') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02 LtIt'; src: url('fonts/NHaasGroteskDSW02-46LtIt.eot'); src: url('fonts/NHaasGroteskDSW02-46LtIt.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-46LtIt.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-46LtIt.woff') format('woff'), url('fonts/NHaasGroteskDSW02-46LtIt.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-46LtIt.svg#NHaasGroteskDSW02-46LtIt') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02 ThinIt'; src: url('fonts/NHaasGroteskDSW02-26ThIt.eot'); src: url('fonts/NHaasGroteskDSW02-26ThIt.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-26ThIt.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-26ThIt.woff') format('woff'), url('fonts/NHaasGroteskDSW02-26ThIt.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-26ThIt.svg#NHaasGroteskDSW02-26ThIt') format('svg'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskText W02 BdIt'; src: url('fonts/NHaasGroteskTXW02-76BdIt.eot'); src: url('fonts/NHaasGroteskTXW02-76BdIt.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskTXW02-76BdIt.woff2') format('woff2'), url('fonts/NHaasGroteskTXW02-76BdIt.woff') format('woff'), url('fonts/NHaasGroteskTXW02-76BdIt.ttf') format('truetype'), url('fonts/NHaasGroteskTXW02-76BdIt.svg#NHaasGroteskTXW02-76BdIt') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'NeueHaasGroteskDisp W02 Md'; src: url('fonts/NHaasGroteskDSW02-65Md.eot'); src: url('fonts/NHaasGroteskDSW02-65Md.eot?#iefix') format('embedded-opentype'), url('fonts/NHaasGroteskDSW02-65Md.woff2') format('woff2'), url('fonts/NHaasGroteskDSW02-65Md.woff') format('woff'), url('fonts/NHaasGroteskDSW02-65Md.ttf') format('truetype'), url('fonts/NHaasGroteskDSW02-65Md.svg#NHaasGroteskDSW02-65Md') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'frizquadrata_btroman'; src: url('fonts/frizquadratabt-webfont.woff2') format('woff2'), url('fonts/frizquadratabt-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GuffoniaRegular'; src: url('fonts/guffonia-regular.eot'); src: url('fonts/guffonia-regular.eot?#iefix') format('embedded-opentype'), url('fonts/guffonia-regular.woff2') format('woff2'), url('fonts/guffonia-regular.woff') format('woff'), url('fonts/guffonia-regular.ttf') format('truetype'), url('fonts/guffonia-regular.svg#youworkforthem') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'JoyrideEXT'; src: url('fonts/JoyrideEXT.otf'); font-weight: normal; font-style: normal; } /*-----Common Css End Here-------*/ a.menulinks-1{display:inline-block;cursor:pointer;opacity:0;} a.menulinks-1 i{display:inline;position:relative;top:0px;margin-left:0;-webkit-transition-duration:0s;-webkit-transition-delay:.2s;-moz-transition-duration:0s;-moz-transition-delay:.2s;transition-duration:0s;transition-delay:.2s;} a.menulinks-1 i:before,a.menulinks-1 i:after{position:absolute;content:'';left:0;} a.menulinks-1 i:before{margin-top:-7px;-webkit-transition-property:margin,-webkit-transform;-webkit-transition-duration:.2s;-webkit-transition-delay:.2s,0;} a.menulinks-1 i:after{margin-top:7px;-webkit-transition-property:margin,-webkit-transform;-webkit-transition-duration:.2s;-webkit-transition-delay:.2s,0;} a.menulinks-1 i,a.menulinks-1 i:before,a.menulinks-1 i:after{width:30px;height:2px;background-color:#000;display:inline-block;} /*---Header---*/ .header { width: 100%; padding: 60px 5% 0 5%; position: absolute; left: 0; top: 0; } .logo { float: left; padding-top: 38px; padding-bottom: 26px; } .home-hero-section { position: relative; height: 80vh; padding-right: 5%; padding-left: 5%; background-position: center center !important; background-size: cover !important; } .home-hero-selector .banner-caption h1 { font-size: 76px; font-family: 'FrizQuadrata BT'; font-weight: normal; } /*Nav*/ .nav-menu { width: 100%; float: left; position: relative; } .menulinks { display: inline-block; cursor: pointer; } ul.mainmenu { text-align: left; position: absolute; top: 110px; padding: 20px 0; right: 0; width: 100%; background: #DE5B58; display: none; z-index: 9999999; list-style: none; } ul.mainmenu > li { float: left; width: 100%; padding: 0px; margin: 0;/* border-top:1px solid rgba(255,255,255,0.2);*/ position: relative; } ul.mainmenu > li:first-child { border: none; } ul.mainmenu > li > a:link, ul.mainmenu > li > a:visited { padding: 11px 28px; font-size: 22px; float: left; width: 100%; border: none; text-align: left; color: #fff; font-family: 'NeueHaasGroteskText W02 Md'; } ul.mainmenu > li > a:hover { background: rgba(255, 255, 255, 0); color: #000; } a.menulinks i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; } a.menulinks i:before, a.menulinks i:after { position: absolute; content: ''; left: 0; } a.menulinks i, a.menulinks i:before, a.menulinks i:after { width: 40px; height: 2px; background-color: #fff; display: inline-block; } a.menulinks i:before { margin-top: -10px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } a.menulinks i:after { margin-top: 10px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } .mobile-open a.menulinks i { background-color: rgba(0, 0, 0, 0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open a.menulinks i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open a.menulinks i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } ul.mainmenu > li > a.current:after { display: none; } ul.mainmenu ul { position: relative; top: auto; left: auto; float: left; width: 100%; display: none; } ul.mainmenu ul li { position: relative; } ul.mainmenu li li a:link, ul.mainmenu li li a:visited { padding: 8px 15px 8px 15px; color: #000; border-left: 2px solid transparent; } ul.mainmenu ul ul { position: relative; left: auto; top: auto; float: left; width: 100%; } ul.mainmenu ul ul li { padding-left: 10px; } /*01/07/2020*/ ul.mainmenu li:hover ul { display: block; } ul.mainmenu ul li { padding-left: 15px; } ul.mainmenu ul li:hover a { border-left: 2px solid #fff; color: #fff; } /*blog header*/ .header-blog { width: 100%; float: left; display: flex; align-items: center; justify-content: space-between; padding-bottom: 5px; border-bottom: 3px solid #000; } .header-blog .bottom-logo { width: 300px; float: left; } .header-blog .bottom-logo img { width: 100%; } .header-blog .menu ul li { display: inline-block; } .header-blog .menu ul li a { padding-left: 20px; font-family: 'NeueHaasGroteskDisp W02 Lt'; font-size: 20px; } .header-blog .menu ul li a:hover, .header-blog .menu ul li.current-menu-item a { color: #e5343a; } .header-blog .menu > ul { display: flex; flex-wrap: wrap; margin-top: 18px; } .search-results-open-menu { padding-left: 10px; } .header-blog .menu > ul .search-results-open-menu .search-icon { position: relative; } .search-results-open-menu { position: relative; padding-left: 20px; } .search-results-open-menu .search-icon { font-size: 18px; } .search-results-open-menu .top-search { position: absolute; right: 0; top: 34px; z-index: 1 } .search-results-open-menu .top-search input[type="text"] { color: #000 !important; padding: 7px 20px !important; font-size: 18px !important; font-weight: 400; border: 2px solid #000000 !important; line-height: normal !important; border-radius: 4px !important; font-family: 'NeueHaasGroteskDisp W02' !important } /*Nav*/ .home-hero-section { width: 100%; float: left; } /*Tables css*/ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; } thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; } th { padding: 0.4em; text-align: left; } tr { border-bottom: 1px solid #eee; } td { padding: 0.4em; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /*gform one column css*/ .contact-form-wrap .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; } .contact-form-wrap .gform_wrapper ul.gform_fields li.gfield .ginput_container { margin-top: 0; } .contact-form-wrap .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 26px 30px; background-color: #FAFAFA; border-radius: 0; letter-spacing: 0.58px; margin-top: 0; } .contact-form-wrap .gform_wrapper textarea { padding: 26px 30px; background-color: #FAFAFA; border-radius: 0; letter-spacing: 0.58px; margin-top: 0; height: 80px !important; } .gform_wrapper .gform_footer { text-align: center; } .gform_wrapper .gform_footer .gform_button { text-align: center; font-size: 18px !important; line-height: 27px !important; font-family: 'Poppins', sans-serif; font-weight: 400; letter-spacing: 0.65px; color: #1F59BD !important; background-color: #FFD900 !important; text-transform: capitalize; padding: 14px 25px !important; min-width: 209px; border-radius: 2px !important; } /*gform one column validation css*/ .contact-form .gform_wrapper { margin: 0; } .contact-form .gform_wrapper .validation_message { padding-top: 0px !important; } .contact-form .gform_wrapper li.gfield.gfield_error { border: none; padding: 0; margin-bottom: 0 !important; background-color: transparent; max-width: calc(100% - 0px) !important; } .contact-form .gform_wrapper div.validation_error { display: none; } .contact-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 8px; } .contact-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .contact-form .gform_wrapper li.gfield_error textarea { border-width: 2px; border-color: #e40202; } .contact-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: calc(100% - 0px) !important; } .gform_wrapper .gform_footer .gform_ajax_spinner { position: absolute; margin-top: 15px; } /*gform validation css*/ .side-contactform .gform_wrapper { margin: 0; } .side-contactform .gform_wrapper .validation_message { padding-top: 0px !important; } .side-contactform .gform_wrapper li.gfield.gfield_error { border: none; padding: 0; margin-bottom: 0 !important; background-color: transparent; max-width: calc(100% - 0px) !important; } .side-contactform .gform_wrapper div.validation_error { display: none; } .side-contactform .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 8px; } .side-contactform .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .contact-popup .gform_wrapper li.gfield_error textarea { border-color: #e40202; } .side-contactform .gform_button { background-color: #004a99; } .side-contactform .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: calc(100% - 0px) !important; } /*404 page*/ section.error-404 { padding: 40px 0 80px 0; text-align: center; } .page-header .page-title { font-family: 'Montserrat', sans-serif; } section.no-results { padding: 40px 0 80px 0; text-align: center; } section.search-results { padding: 40px 0 80px 0; } .search-form .search-field { padding: 17px 40px 17px 34px !important; color: #35475b; border: 5px solid #35475b; } .search-form .search-submit { background-color: #66c5b1; font-size: 20px; font-weight: 700; text-transform: uppercase; padding: 18px 50px 18px 50px !important; display: inline-block; font-family: 'Montserrat', sans-serif; color: #fff; border: none; vertical-align: middle; } .search-form .search-submit:hover { background-color: #35475b; color: #fff; } /*slick slider*/ .slick-slide:focus { outline: none; } .testimonials .slick-dots { position: absolute; left: -53%; top: 134px; } .testimonials .slick-dots li { position: relative; display: inline-block; width: 14px; height: 14px; margin: 0 8px; padding: 0; cursor: pointer; } .testimonials .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 14px; height: 14px; cursor: pointer; color: transparent; border: 1px solid #fff; background-color: transparent; border-radius: 50%; } .testimonials .slick-dots li.slick-active button { background-color: #fff; } .testimonials .slick-prev, .testimonials .slick-next { font-size: 0; line-height: 0; position: absolute; top: 37%; display: block; width: 14px; height: 23px; margin-top: -11px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; } .testimonials .slick-prev { left: -25px; background: url(../images/prev-arrow.png) no-repeat left center; } .testimonials .slick-next { right: -25px; background: url(../images/next-arrow.png) no-repeat left center; } /*--Footer--*/ .site-footer { width: 100%; display: inline-block; background-color: #000; color: #fff; padding: 75px 5% 50px; float: left; } .site-footer ul { margin: 0; padding: 0; } .site-footer li { list-style: none; } .copyright { background-color: #b2001e; font-size: 14px; position: relative; z-index: 3; text-align: center; padding: 15px 10px; color: #fff; margin-top: 3px; } .copyright a:hover { color: #41a62a; } .heading_h2 { color: #fff; font-size: 28px; line-height: 30px; margin-top: 0px; margin-bottom: 0; padding: 0px; font-family: NeueHaasGroteskText W02 Bd } .w-col-3 { width: 25%; } .w-col-4 { width: 33.33333333%; } .w-col-5 { width: 41.66666667%; } .w-col-6 { width: 50%; } .w-col-8 { width: 66.66666667%; } .w-col-9 { width: 75%; } section { width: 100%; display: inline-block; float: left; } .logo { padding: 0; width: 250px; height: 84px; float: right; } header.header { z-index: 2; padding-top: 41px; } .header-section .nav-menu { top: 21px; } .header-section .nav-menu a.menulinks { color: #fff; } ul.mainmenu ul li a { width: 100%; display: inline-block; font-size: 22px; } .home-hero-selector { width: 100%; position: absolute; float: left; bottom: 0; left: 0; right: 0; } .home-hero-selector .banner-caption { display: flex; justify-content: space-between; width: 90%; padding-top: 4.4%; border-top: 3px solid #fff; padding-bottom: 40px; margin: 0 auto; } .home-hero-selector .banner-caption .select-sec { display: inline-block; font-size: 26px; margin-top: 0px; margin-bottom: 0px; padding: 0px; font-family: 'NeueHaasGroteskDisp W02 Bd'; font-weight: bold; color: #fff; position: relative; width: 240px; text-align: right; top: 30px; padding-top: 20px; } .home-hero-selector .banner-caption .select-sec ul.list-unstyled { background-color: rgba(0, 0, 0, 0.5); position: absolute; left: auto; top: 44px; right: 0; bottom: auto; z-index: 100; margin-top: 10px; margin-bottom: 0px; padding: 20px; background-color: rgba(3, 1, 2, 0.7); color: #fff; display: none; } .home-hero-selector .banner-caption .select-sec ul.list-unstyled li { padding-bottom: 18px; cursor: pointer; font-family: 'NeueHaasGroteskDisp W02'; font-weight: 100; } .home-hero-selector .banner-caption .select-sec ul.list-unstyled li:last-child { padding-bottom: 0; } .home-hero-selector .banner-caption .select-sec ul.list-unstyled li:hover { color: #e5343a; } .home-hero-selector .banner-caption .select-sec i { margin-left: 10px; } /*get involaed */ .get-involved-section { display: inline-block; width: 100%; background-color: #f3a77f; } .get-involved-section .inner { display: flex; } .get-involved-box .image { width: 100%; height: 490px; } .get-involved-box .image img { width: 100%; height: 100%; object-fit: cover; display: block; } .get-involved-box { width: 75%; } .get-involved-box-content { width: 25%; display: flex; justify-content: center; flex-direction: column; text-align: left; padding-right: 5%; padding-left: 5%; } .get-involved-box-content a { font-family: NeueHaasGroteskDisp W02; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; color: #fff; padding-top: 10px; font-size: 14px; /*font-size: 20px;*/ } /*image_link-section */ .image_link-section { display: flex; width: 100%; float: left; } .image_link-section .image-link { object-fit: contain; width: 50%; text-align: center; padding: 200px 0px; transition: alll 400ms ease; display: flex; align-items: center; justify-content: center; } .image_link-section .image-link:hover img { opacity: 0.5; } .image_link-section .image-link.image-2 { background-color: #f2f6f7; } .image_link-section .image-link.image-1 img { width: 360px; } .image_link-section .image-link.image-2 img { width: 350px; } /*video-section*/ .message_info_div { padding: 50px; float: right; background-color: #1baecb; width: 30%; } .video-section { padding-top: 125px; padding-bottom: 125px; } .message_info_div h6 { margin-top: 0px; margin-bottom: 15px; font-family: NeueHaasGroteskText W02 Bd; color: #fff; /*font-size: 16px;*/ font-size: 15px; font-weight: 400; } .heading_h6_label { margin-top: 0px; margin-bottom: 15px; font-family: NeueHaasGroteskText W02 Bd; color: #fff; font-size: 16px; font-weight: 400; } .message_info_div h2 { font-family: 'FrizQuadrata BT'; margin-top: 0px; margin-bottom: 15px; color: #fff; /*font-size: 36px;*/ font-size: 28px; line-height: 36px; } a.video-pop { font-size: 14px; font-family: 'NeueHaasGroteskDisp W02'; color: #fff; display: flex; align-items: center; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; } a.video-pop img.play_button_icon { width: 35px; height: 35px; object-fit: contain; margin-left: 10px; } a.video-pop:hover { color: #000; } .get-involved-box-content a:hover { color: #000; } .image_link-section .image-link:nth-child(2) { background-color: #f2f6f7; } /*poat section*/ .post-section-inner { display: flex; flex-wrap: wrap; } .post-section-inner .event_portal_column { width: 50%; padding: 360px 5% 25px; background-position: 50% 50% !important; background-size: cover !important; } a.cta_link { font-family: 'NeueHaasGroteskDisp W02'; color: #1baecb; display: flex; align-items: center; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; font-size: 14px; /*font-size: 20px;*/ } a.cta_link:hover { color: #f3a77f; } .post-section-inner .event_portal_column h6 { margin-top: 15px; } /*tc-section*/ .sign-up-sec { background-color: #66c5b1; } .sign-up-sec .image { height: auto; } /*footer*/ .footer-top { width: 66.66666667%; float: left; } .footer-bottom { width: 33.33333333%; float: right; text-align: right; } .footer-social ul li { width: 45px; display: inline-block; } .footer_nav { width: 33.33333333%; float: left; margin-top: 50px; padding-left: 44px; } .address { width: 66.66666667%; margin-left: 46px; } .footer_nav ul li a { display: block; margin-bottom: 5px; color: #fff; font-size: 18px; font-weight: 400; text-decoration: none; font-family: 'NeueHaasGroteskDisp W02 Lt'; line-height: 20px; } .footer_label { margin-bottom: 5px; font-family: NeueHaasGroteskText W02 Bd; color: #fff; font-size: 14px; font-weight: 700; } .footer-logo img { width: 375px; height: 37px; object-fit: contain; } .footer-logo img { } .footer_nav ul li a:hover { color: #f00; } .copyright_wrap { width: 100%; float: left; color: #636363; font-size: 11px; text-align: right; letter-spacing: 0.5px; font-family: 'NeueHaasGroteskDisp W02 Lt'; } /*subpage a page*/ /*subpage header*/ .sub-page-header { float: left; position: inherit; padding: 30px 5%; } .instagram_wrapper { width: 100%; float: left; height: auto; padding: 75px 5%; } .sub-page-header a.menulinks i, .sub-page-header a.menulinks i:before, .sub-page-header a.menulinks i:after { background-color: #000 } .mobile-open .sub-page-header a.menulinks i { background-color: rgba(0, 0, 0, 0.0) } .sub-page-header .header-section { width: 100%; float: left; padding-top: 10px !important; border-top: 3px solid #000; background-color: hsla(0, 0%, 86.7%, 0); margin-bottom: 18px; } .subpage_header_a_section { padding: 50px 5% 100px; } .subpage-a-sec .inner { display: flex; flex-wrap: wrap; } .subpage-a-sec .inner .subpage_header_a_left_column { width: 50%; } .subpage-a-sec .inner .subpage_header_a_column_right { width: 50%; } .subpage_header_a_section { padding: 80px 5% 100px; } .subpage_header_a_left_column { } .subpage-a-sec { width: 100%; float: left; } .subpage-a-sec .inner { display: flex; flex-wrap: wrap; align-items: center; } .subpage-a-sec .inner .subpage_header_a_left_column { width: 50%; } .subpage-a-sec .inner .subpage_header_a_column_right { width: 50%; } .subpage_header_a_left_column { padding-right: 5%; padding-left: 0px; } .subpage_header_a_column_right { padding-left: 5%; } .heading_h1_alt { margin-top: 0px; font-family: 'FrizQuadrata BT'; line-height: 42px; color: #333; /*font-size: 38px;*/ display: inline-block; width: 100%; margin-bottom: 10px; } .body_copy { margin-bottom: 25px; font-family: NeueHaasGroteskDisp W02; color: var(--body-copy-color, #000); font-size: 17px; /*font-size: 24px;*/ line-height: 28px; letter-spacing: 0.5px; } .body_copy a { font-size: 14px; } .body_copy a { font-size: 17px; text-decoration: none !important; line-height: 28px; letter-spacing: 0.5px; } section.subpage_color_block_text_section { padding: 100px 5%; background-color: #e5343a; } .w-col { float: left; } .white_body_copy { color: #fff; } .subpage_color_block_text_right_column { padding-right: 5%; padding-left: 0px; } h6 { margin-top: 0px; margin-bottom: 20px; font-family: 'Neue haas grotesk text w02', sans-serif; color: #f2f6f7; font-size: 15px; letter-spacing: 1px; } h6.heading_h6 { margin-top: 0px; margin-bottom: 20px; color: #f2f6f7; font-size: 15px; letter-spacing: 1px; font-family: 'NeueHaasGroteskDisp W02'; } .heading_h6 h6 { margin-top: 0px; margin-bottom: 20px; color: #f2f6f7; font-size: 15px; letter-spacing: 1px; font-family: 'NeueHaasGroteskDisp W02'; } .subpage_list_item { margin-bottom: 20px; font-family: ''Neue haas grotesk text w02', sans-serif'; color: #fff; } .subpage_color_block_text_middle_column { padding-right: 5%; padding-left: 0px; } .cta_button { padding: 12px 20px; background-color: #000; line-height: normal; font-family: 'NeueHaasGroteskDisp W02'; /*font-size: 12px;*/ font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: #fff; display: inline-block; min-width: 100px; text-align: center; } .cta_button:hover { opacity: 0.8; color: #fff; } img { display: block; } .cta_text_columns { display: flex; align-items: center; background-color: #1baecb; } .cta_text_content_left_column { padding: 125px 15%; background-color: #fff; } .heading_h2.black_heading_h2 { color: #000; margin-bottom: 15px; /*font-size: 36px;*/ } .cta_text_cta_right_column { display: block; padding-right: 5%; padding-left: 5%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #1baecb; } .cta_text_cta_right_column a.cta_link { color: #fff; } .cta_text_cta_right_column a.cta_link:hover { color: #000; } .cta_text_cta_right_column h2.heading_h2 { margin-bottom: 15px; } .subpage_text_section { padding: 125px 15%; } .subpage_text_column_left { padding-right: 5%; padding-left: 0px; } .subpage_heading_column_right { padding-right: 5%; padding-left: 0px; text-align: right; } .link { color: #e5343a; /*font-size: 12px;*/ font-size: 14px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; font-weight: 500; font-family: 'NeueHaasGroteskText W02 Md'; } .subpage_heading_columns { width: 100%; float: left; } /*subpage b page*/ .subpage_header_b_section { padding: 80px 5% 50px; } .subpage_header_div { display: flex; height: 350px; padding-right: 5%; align-items: center; justify-content: flex-end; text-align: right; } .heading_h1_alt.white_heading_h1_alt { color: #fff; /*font-size: 50px;*/ font-family: 'frizquadrata_btroman'; } .subpage_text_list_section { padding: 100px 15%; } .subpage_text_column_left { padding-right: 5%; padding-left: 0px; } .subpage_content_div { width: 100%; float: left; } .subpage_text_list_columns { width: 100%; float: left; } .subpage_column_right { padding-right: 5%; padding-left: 0px; } .subpage_list_item.black_subpage_list_item { color: #000; font-family: NeueHaasGroteskText W02 Md; } .subpage_color_block_text_section_alt { padding: 100px 5%; background-color: #f3a77f; } .subpage_color_block_text_left_column_alt { padding-right: 5%; padding-left: 0px; } .subpage_color_block_text_middle_column_alt { padding-right: 0%; padding-left: 5%; text-align: center; } .subpage_portal_image { width: 100%; margin-bottom: 25px; } .subpage_text_image_columns { display: flex; align-items: center; } /*watch*/ .watch_columns { width: 100%; float: left; display: flex; flex-wrap: wrap; } .watch_column_left { padding: 100px 5%; margin-bottom: 0; } /*.watch_column_left:nth-child(1) { background-color: #f3a77f; } .watch_column_left:nth-child(2) { background-color: #1baecb; } .watch_column_left:nth-child(3) { background-color: #66c5b1; }*/ /*.watch_column_left:nth-child(1) img { width: 250px; } .watch_column_left:nth-child(2) img { width: 160px; } .watch_column_left:nth-child(3) img { width: 75px; }*/ .watch_info_wrapper_div { text-align: center; } .you_tube_image { width: 250px; } .facebook_image { width: 160px; } .cotm_watch_image { width: 75px; } .watch_column_left img { margin: 10px auto 30px; } .watch_info_wrapper_div h2 { display: inline-block; color: #fff; } /*about-leadership page*/ .sub_nav_top_content_section { padding: 50px 5%; } .sub_nav_subpage_link ul li a { display: block; margin-bottom: 10px; color: #000; font-size: 30px; line-height: 34px; text-align: left; text-decoration: none; font-family: 'FrizQuadrata BT'; } .sub_nav_subpage_link ul li.current-menu-item a, .sub_nav_subpage_link ul li a:hover { color: #e5343a; } .sub_nav_top_content_column_right { padding-left: 8%; border-left: 1px solid #000; } .black_heading_h2 h2 { color: #000; margin-bottom: 18px; } .black_h6 h6 { color: #000; text-transform: uppercase; } .leadership_wrapper_div h6 { text-transform: uppercase; } .leadership_wrapper_div { padding-right: 10%; } .leadership_columns { margin-bottom: 75px; width: 100%; float: left; } .about_heading { padding-right: 0; } .about_heading h1 { display: block; margin-top: 0px; margin-bottom: 30px; float: none; color: #000; font-size: 46px; line-height: 50px; font-weight: 400; font-family: 'FrizQuadrata BT'; font-weight: bold; } .subpage_colored_image_columns { display: flex; background-color: #e5343a; flex-wrap: wrap; } .subpage_colored_image_column_left { padding-right: 5%; padding-left: 5%; align-self: center; } .instagram_wrapper a { color: #000; font-size: 24px; text-decoration: none; font-family: 'FrizQuadrata BT'; } .instagram_wrapper a:hover { color: #e5343a; } .blog-header .logo { width: 60px; height: auto; } .blog_header_section { padding: 50px 5% 0px; } .blog_heading_1 h1 { display: block; width: 100%; color: #000; /*font-size: 50px;*/ font-weight: 400; } .featured_blog_wrapper_div { /*font-size: 18px;*/ line-height: 26px; letter-spacing: 1px; font-family: 'NeueHaasGroteskDisp W02 XLt'; width: 80%; margin-top: 15px; margin-bottom: 50px; } .featured_blog_wrapper_div p { margin-bottom: 0; } .blog_heading2_alt h2 { margin-bottom: 5px; /*font-size: 34px;*/ font-family: 'FrizQuadrata BT'; color: #333; display: inline-block; width: 100%; margin-top: 19px; } .blog_heading2_alt h2 { margin-bottom: 5px; /*font-size: 34px;*/ font-family: 'FrizQuadrata BT'; color: #000; display: inline-block; width: 100%; margin-top: 19px; } .blog_featured_column_left { padding: 0 2%; } .blog_featured_columns { margin: 0 -2%; } .blog_featured_wrapper_div_left img { height: 266px; object-fit: cover; width: 100%; } .blog_hero_column_left { padding-right: 5%; } .blog_heading_h1_alt h1 { margin-top: 0px; color: #000; /*font-size: 34px;*/ line-height: 32px; font-family: 'FrizQuadrata BT'; } .blog_hero_column_right .inner { padding-top: 20px; display: inline-block; } .blog_heading_h2 h2 { margin-bottom: 5px; padding: 0px; font-family: 'Neue haas grotesk text w02', sans-serif; color: #000; /*font-size: 22px;*/ line-height: 24px; } .recent_episodes_div img { width: 100%; margin-bottom: 10px; height: 220px; } .recent_episodes_div { margin-top: 25px; margin-bottom: 25px; } .blog_list_wrapper_div { width: 100%; float: left; } .blog_list_column { width: 100%; float: left; display: flex; align-items: center; } .blog_home_content_section { padding: 50px 5% 25px; } .blog_list_column_right { padding-left: 5%; } .blog_list_info_wrapper_div { width: 80%; } .blog_heading_h2 { margin-top: 0px; margin-bottom: 5px; padding: 0px; font-family: NeueHaasGroteskText W02 Bd !important; color: #000; /*font-size: 22px;*/ line-height: 34px; } .blog_intro_text { margin-top: 5px; margin-bottom: 5px; font-family: 'NeueHaasGroteskDisp W02 XLt'; font-size: 18px; line-height: 26px; letter-spacing: 1px; } .blog_list_column_left { padding-right: 5%; } .blog_list_wrapper_div .blog_list_column { padding-top: 40px; border-top: 0.5px solid #000; padding-bottom: 40px; } .blog_list_wrapper_div .blog_list_column:last-child { border-bottom: 0.5px solid #000; } .recent_episodes_div { margin-top: 25px; margin-bottom: 25px; } /*blog inner*/ .blog_detail_content_section { padding: 75px 5% 50px; } .blog_heading_1 h1 { } .heading_h6_black h6 { color: #000; } .blog_detail_wrapper_div { position: relative; width: 70%; padding-top: 40px; padding-right: 5%; padding-left: 5%; border-top: 0.5px none #000; } .blog_detail_wrapper_div h6 { margin-top: 40px; margin-bottom: 40px; display: inline-block; } .large_body_copy { } .large_body_copy strong { margin-bottom: 25px; color: #000; font-size: 22px; font-family: 'Neue haas grotesk text w02', sans-serif; line-height: 30px; letter-spacing: 0.5px; padding-top: 40px; display: inline-block; } .blog_cta_section { padding: 75px 10%; background-color: #e5343a; } .blog_heading_h1_alt_white h1 { color: #fff; /*font-size: 34px;*/ line-height: 51px; width: 100%; } .blog_cta_section a.cta_link { display: inline-block; color: #fff; padding-top: 10px; } .blog_cta_section a.cta_link:hover { color: #000; } /*isotop*/ .heading-section { width: 100%; float: left; padding: 50px 5%; } .content.grid { width: 100%; float: left; } .single-content { width: 100%; float: left; } .filter-button-group { width: 50%; float: left; padding: 0 30px; position: relative; } .filter-button-group ul { padding-top: 5px; padding-bottom: 5px; background-color: #f2f6f7; display: none; position: absolute; width: 95.3%; left: 0; right: 0; z-index: 1; } .filter-button-group label { position: relative; font-size: 26px; letter-spacing: 0px; font-family: NeueHaasGroteskDisp W02 XLt; font-weight: 400; text-decoration: none; color: #222222; padding: 20px; } .filter-button-group label { border-bottom: 1px solid #000; padding-left: 0; width: 100%; display: inline-block; } .filters-group { width: 100%; float: left; } .filters-group .filter-button-group:last-child ul { left: 30px; } .filters-group .filter-button-group:first-child { padding-left: 0px; } .filters-group .filter-button-group:last-child { padding-right: 0; } .filter-button-group ul li { font-size: 18px; padding: 10px 20px; cursor: pointer; list-style: none; font-family: 'NeueHaasGroteskDisp W02 Lt'; } .filter-button-group ul li:hover { color: #e5343a; } .utility_page_list_section { width: 100%; float: left; padding: 50px 5%; } .utility_list_columns.w-row { width: 100%; float: left; } .filter-button-group label:after { content: '\f107 '; position: absolute; font-family: fontawesome; right: 0; top: 50%; transform: translateY(-50%); color: #e5343a; font-size: 40px; } .filter-button-group label:after { content: '\f107 '; position: absolute; font-family: fontawesome; right: 0; top: 50%; transform: translateY(-50%); color: #e5343a; font-size: 40px; } .utility_list_column_left h6 { font-size: 13px; font-family: 'NeueHaasGroteskText W02 Bd'; } .heading_h2.black_heading_h2 a.cta_link.red { color: #e5343a; } .heading_h2.black_heading_h2 a.cta_link.red:hover { color: #000; } .utility_page_list_section .single-content { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 0.5px solid #000; } .utility_list_column_left { padding-right: 5%; padding-left: 0px; } .utility_list_columns .body_copy { font-size: 16px; } .utlity_column_right img { height: 280px; object-fit: cover; } /*resource*/ .subpage_resource_section { padding: 50px 5% 100px; } .resource_columns { padding-top: 30px; border-top: 1px solid #000; } .resource_column { padding-right: 40px; padding-left: 40px; } .resource_column ul li a { display: block; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #000; color: #000; font-family: 'FrizQuadrata BT'; font-size: 27px; line-height: 34px; text-align: center; text-decoration: none; } .resource_column ul li a:hover { color: #e5343a; } .large_intro_text { color: #000; font-size: 20px; line-height: 36px; letter-spacing: 0.5px; font-family: 'NeueHaasGroteskDisp W02'; margin-bottom: 25px; } .resource-section .leadership_columns { margin-bottom: 0; } .resource-section .leadership_columns { margin-bottom: 0; } .resrouce_detail_content_section { padding: 75px 10%; } .resrouce_h2 h2 { color: #000; font-size: 28px; line-height: 30px; margin-top: 0px; margin-bottom: 40px; padding: 0px 0px 30px; border-bottom: 1px solid #000; } .resource_detail_column_left { padding-right: 5%; margin: 0 -5%; } .resrouce_detail_column_right { padding-left: 5%; } .resrouce_wrapper_div { margin-bottom: 75px; width: 50%; padding: 0 5%; float: left; } .w-video { width: 100%; position: relative; padding: 0; } .resrouce_wrapper_div iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video { padding-top: 56.17021276595745%; margin-bottom: 20px; } .resrouce_h3 h3 { color: #000; font-size: 34px; line-height: 32px; margin-top: 0; font-family: 'FrizQuadrata BT'; } .resrouce_wrapper_div p { font-size: 24px; } .blog_cat_selection li a.active, .blog_cat_selection li a:hover { color: #e5343a; } .blog_list_column_left img { width: 100%; } .sunday_header_section { display: block; padding: 20px 5% 0px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #000; width: 100%; float: left; } .header_link_wrapper_div { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; } .login_div_wrapper { position: relative; float: left; } .website_link_div { float: right; position: absolute; right: 30px; top: 14px; } .back_to_website_link { display: inline-block; margin-top: 10px; margin-right: 10px; color: #fff; font-size: 22px; font-weight: 700; font-family: 'FrizQuadrata BT'; } .login_link.left_link { margin-right: 20px; padding-right: 20px; /*border-right: 1px solid #fff;*/ font-size: 16px; } .login_link { font-size: 16px; position: static; display: inline-block; padding: 8px 30px 8px 0px; color: #fff; font-family: 'NeueHaasGroteskText W02 Md'; font-size: 16px; text-align: left; text-decoration: none; } .login_link:hover, .login_link:focus { color: #e5343a; } .latest_message_section { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;/*height:40vh;*/ height: 30vh; padding-right: 5%; padding-bottom: 30px; padding-left: 5%; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-color: #f3a77f; } .sunday_logo_icon { position: absolute; left: 5%; top: 35px; z-index: 1000; width: 100px; } .sunday_info-sec .accordion-container .set > a { display: inline-block; margin-right: 30px; float: none; font-family: 'FrizQuadrata BT'; color: #fff; font-size: 50px; width: 100%; margin-right: 0; padding-right: 5%; padding-bottom: 35px; padding-left: 5%; padding-top: 58px; } .accordion-container .set:nth-child(1)> a { background-color: #f3a77f; } .accordion-container .set:nth-child(2)> a { background-color: #1baecb; } .accordion-container .set:nth-child(3)> a { background-color: #66c5b1; } .accordion-container .set:nth-child(4)> a { background-color: #e5343a; } .accordion-container .set:nth-child(5)> a { background-color: #000; } .accordion-container .set:nth-child(6)> a { background-color: #000; } .dropdown_content_div { padding: 100px 5%; width: 100%; float: left; } .latest_message_columns { margin-bottom: 50px; padding-top: 50px; border-top: 1px solid #000; width: 100%; float: left; } .latest_message_column_left { padding-right: 10%; padding-left: 0px; } .body_copy_bold strong { font-family: 'NeueHaasGroteskDisp W02 Blk'; } .notes_text { display: inline-flex; font-family: 'NeueHaasGroteskText W02 Md'; color: #f3a77f; font-size: 16px; } .notes_wrapper_div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .dropdown_content_div .heading_h4_light h3 { font-size: 24px; margin-top: 0px; line-height: 32px; letter-spacing: 1px; font-family: 'NeueHaasGroteskDisp W02 XLt'; color: #000; } .sunday_h3 h3 { margin-top: 0px; color: #333; margin-bottom: 20px; line-height: 30px; font-family: 'NeueHaasGroteskText W02 Md', sans-serif; font-size: 28px; text-shadow: none; } .notes_wrapper_div img { width: 25px; margin-right: 10px; float: left; margin-top: -2px; } .giving_column_left { padding-right: 20%; padding-left: 0px; } .accordion-container .set .content { display: none; } .resource_column ul li { width: 33.33%; float: left; padding: 0 40px; list-style: none; } .resource_column ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -40px; } .event_wrapper_div.event_01 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 60vh; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-position: 50% 50%; background-size: cover; position: relative; } .sunday_event_info_wrapper_div { position: static; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 1000; width: 100%; height: auto; padding: 50px 50% 50px 5%; } h3.sundayh3_white { margin-top: 0px; margin-bottom: 20px; color: #fff; font-family: 'NeueHaasGroteskText W02 Md'; font-size: 28px; font-weight: 400; } .body_copy_white { margin-bottom: 25px; font-family: 'NeueHaasGroteskDisp W02'; color: #fff; font-size: 16px; line-height: 28px; letter-spacing: 0.5px; } .event_wrapper_div.event_01:before { content: ''; position: absolute; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background-image: linear-gradient(180deg, transparent, #000); left: 0; right: 0; top: 0; bottom: 0; } .dropdown_content_div .heading_h4_light h3 strong { font-weight: 700; font-family: 'NeueHaasGroteskText W02 Md'; letter-spacing: 0px; color: #000; } .cta_link.red_cta_link { font-family: 'NeueHaasGroteskDisp W02', sans-serif; color: #e5343a; } .help_column_left { padding-right: 10%; padding-left: 0px; } .w-col-10 { width: 83.33333333%; } .contact-sec { display: flex;/* align-items: center; */ flex-wrap: wrap; } .contact-sec .connect_soical_wrapper_div { width: 50%; background-color: #000; padding-right: 5%; } .contact-sec a { width: 50% !important; } .contact-sec .connect_soical_wrapper_div img { object-fit: contain; } .next_steps_wrapper_div { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50vh; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; /* align-items: flex-end; */ } .next_steps_wrapper_div:before { content: ''; position: absolute; background-image: linear-gradient(180deg, transparent, #000); top: 0; left: 0; right: 0; bottom: 0; } .cta_link.white_cta_link { display: block; margin-bottom: 20px; font-family: 'NeueHaasGroteskDisp W02'; color: #fff; } .small_group_info_wrapper_div { position: static; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 1000; width: 100%; height: auto; padding: 50px 50% 50px 5%; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background-image: linear-gradient(180deg, transparent, #000); } /*30/06/2020*/ .sunday_header_section .login_div_wrapper { width: 100%; } .sunday_header_section .login_div_wrapper a { font-size: 22px; font-weight: 700; font-family: 'FrizQuadrata BT'; color: #fff; } .login_form { width: 90%; } .login_form .gform_wrapper { margin-bottom: 0; } .login_form .gform_heading { display: none; } .login_form .gform_body { display: flex; } .login_form #gform_fields_login { display: flex; width: 100%; } .login_form .gform_wrapper .gform_footer { width: 150px; margin: 0; padding: 0; } .login_form .gform_wrapper .gform_footer .gform_button { border: none; padding: 11px 25px 12px 25px !important; margin-top: 8px; background-color: #e5343a !important; color: #fff !important; cursor: pointer; min-width: 150px; } .login_form .gform_wrapper .gform_footer .gform_button:hover { opacity: 0.8; } .login_form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { display: block; width: 100%; height: 50px; padding: 8px 12px; margin-bottom: 0px; border-radius: 3px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .login_form .gform_wrapper input:focus { outline: none; } .login_form .gform_wrapper label.gfield_label { display: none; } body .login_form .gform_wrapper ul li.gfield { margin: 0; width: 50%; } body .login_form .gform_wrapper ul li.gfield:last-child { width: auto; } body .login_form .gform_wrapper ul li.gfield .ginput_container_checkbox { margin-top: 23px; width: 100px; } body .login_form .gform_wrapper ul li.gfield .ginput_container_checkbox input[type=checkbox] { margin-top: 0px; } .login_form .gform_wrapper ul.gfield_checkbox li label { color: #fff; } .login_form .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label { font-weight: normal; } .back_to_website_link a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; } .back_to_website_link a i { font-size: 32px; margin-left: 10px; margin-top: -1px; } .register_form .gform_wrapper .gform_footer .gform_button { border: none; padding: 11px 25px 12px 25px !important; margin-top: 8px; background-color: #e5343a !important; color: #fff !important; cursor: pointer; min-width: 150px; } .register_form .gform_wrapper .gform_footer .gform_button:hover { opacity: 0.8; } .register_form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { display: block; width: 100%; height: 50px; padding: 8px 12px; margin-bottom: 0px; border-radius: 3px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .register_form .gform_wrapper input:focus { outline: none; } .register_form .gform_wrapper select { display: block; width: 100%; height: 50px; padding: 8px 12px; margin-bottom: 0px; border-radius: 3px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } /*validation*/ .gform_wrapper div.validation_error { display: none; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { border: none !important; background-color: transparent !important; padding: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .login_form .gform_wrapper li.gfield.gfield_error.gfield_contains_required { padding-right: 15px !important; } .login_form .gform_wrapper .field_description_below .gfield_description { padding-top: 6px !important; color: #fff; font-weight: normal; } .register_form .gform_wrapper .field_description_below .gfield_description { padding-top: 6px !important; color: #fff; font-weight: normal; } .register_form .gform_wrapper .instruction { display: none; } body img.gform_ajax_spinner { display: none !important; } .dropdown_content_div h3 { /*font-size: 28px;*/ font-family: 'NeueHaasGroteskText W02 Md'; } .dropdown_content_div .Email.Notes { width: 80%; float: left; } .dropdown_content_div .Email.Notes .gform_wrapper form { display: flex; justify-content: space-between; } .dropdown_content_div .Email.Notes .gform_wrapper .gform_footer { width: 210px; margin: 0 0 0 0; padding: 0; } .dropdown_content_div .Email.Notes .gform_wrapper .gform_footer .gform_button { border: none; width: 100%; padding: 12px 20px !important; background-color: #000 !important; color: #fff !important; font-size: 12px !important; letter-spacing: 1px; text-transform: uppercase; font-family: 'NeueHaasGroteskText W02 Md'; cursor: pointer; } .dropdown_content_div .Email.Notes .gform_wrapper .gform_body { width: calc(100% - 226px) !important; } .dropdown_content_div .Email.Notes .gform_wrapper .gform_footer .gform_button:hover { opacity: 0.8; } .dropdown_content_div .Email.Notes .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { display: block; width: 100%; height: 50px; padding: 8px 12px; margin-bottom: 0px; border-radius: 3px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #000; margin-top: 0; } .dropdown_content_div .Email.Notes .gform_wrapper input:focus { outline: none; } /*Giving login form*/ .login_form_giving .gform_wrapper h3.gform_title { display: none; } .login_form_giving .gform_wrapper .gform_footer { margin: 16px 0 0 0; padding: 0; } .login_form_giving .gform_wrapper .gform_footer .gform_button { border: none; width: 100%; padding: 12px 20px !important; background-color: #000 !important; color: #fff !important; font-size: 12px !important; letter-spacing: 1px; text-transform: uppercase; font-family: 'NeueHaasGroteskText W02 Md'; cursor: pointer; } .login_form_giving .gform_wrapper .gform_footer .gform_button:hover { opacity: 0.8; } .login_form_giving .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { display: block; width: 100%; height: 50px; padding: 8px 12px; margin-bottom: 0px; border-radius: 3px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #000; } .login_form_giving .gform_wrapper input:focus { outline: none; } .login_form_giving .gform_wrapper ul.gfield_checkbox li input[type=checkbox] { margin-top: 0 !important; } .giving_column_right .signup_anchor { position: static; display: inline-block; margin-right: 20px; padding: 8px 20px 8px 0px; border-right: 1px solid #000; font-family: 'NeueHaasGroteskText W02 Md', sans-serif; color: #000; font-size: 16px; text-align: left; text-decoration: none; } .giving_column_right .signup_anchor:hover { color: #66c5b1; } .giving_column_right .guest_anchor, .giving_column_right .login_anchor { position: static; display: inline-block; padding: 8px 30px 8px 0px; font-family: 'NeueHaasGroteskText W02 Md', sans-serif; color: #000; font-size: 16px; text-align: left; text-decoration: none; } .giving_column_right .guest_anchor:hover, .giving_column_right .login_anchor:hover { color: #66c5b1; } .giving_column_right .forgot_anchor { text-decoration: underline; } .sunday_event_info_wrapper_div h3 { margin-top: 0px; margin-bottom: 20px; font-family: 'NeueHaasGroteskDisp W02 XLt'; color: #fff; font-size: 24px; line-height: 30px; letter-spacing: 1px; } .sunday_event_info_wrapper_div .cta_link { font-size: 14px; font-family: 'NeueHaasGroteskDisp W02 Md', sans-serif; } .sunday_event_info_wrapper_div .cta_link.red_cta_link { font-family: 'NeueHaasGroteskDisp W02 Md', sans-serif; } .next_steps_wrapper_div a { letter-spacing: 1px; text-decoration: none; text-transform: uppercase; display: block; margin-bottom: 20px; font-family: 'NeueHaasGroteskDisp W02 Md', sans-serif; color: #fff; } .next_steps_wrapper_div a:hover { color: #f3a77f; } .next_steps_wrapper_div .small_group_info_wrapper_div br { display: none; } .help_column_left h3 strong { font-weight: normal !important; font-family: 'NeueHaasGroteskText W02 Bd', sans-serif !important; } .sunday_info-sec .accordion-container .set.contact-sec > a { background-color: #000; } .sunday_info-sec .accordion-container .set.contact-sec .content { width: 100%; margin-top: 100px; margin-bottom: 100px; padding-right: 20%; padding-left: 20%; } .sunday_info-sec .accordion-container .set.contact-sec h4 { font-size: 28px; line-height: 30px; color: #333333; font-family: 'NeueHaasGroteskText W02 Bd', sans-serif; } /*sunday contact form*/ .sunday_info-sec .gform_wrapper .gform_footer { margin: 16px 0 0 0; padding: 0; } .sunday_info-sec .gform_wrapper .gform_footer .gform_button { border: none; width: 100%; padding: 12px 20px !important; background-color: #000 !important; color: #fff !important; font-size: 12px !important; letter-spacing: 1px; text-transform: uppercase; font-family: 'NeueHaasGroteskText W02 Md'; cursor: pointer; } .sunday_info-sec .gform_wrapper .gform_footer .gform_button:hover { opacity: 0.8; } .sunday_info-sec .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { display: block; width: 100%; height: 50px; padding: 8px 12px; margin-bottom: 0px; border-radius: 3px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #000; } .sunday_info-sec .gform_wrapper select { display: block; width: 100%; height: 50px; padding: 8px 12px; margin-bottom: 0px; border-radius: 3px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #000; } .sunday_info-sec .gform_wrapper input:focus { outline: none; } body .sunday_info-sec .gform_wrapper .top_label div.ginput_container { margin-top: 0; } body .sunday_info-sec .gform_wrapper ul li.gfield { margin-top: 0px; padding-right: 0 !important; } .sunday_info-sec .gform_wrapper textarea.medium { height: 58px; border-radius: 3px; border: 1px solid #000 !important } .sunday_info-sec .gform_wrapper .validation_message { margin-top: 5px !important; font-weight: normal; } .connect_soical_right { text-align: right; padding-top: 58px; } .connect_soical_right a { display: inline-block; width: 45px !important; } /*update*/ .subpage_color_text_image_section .subpage_colored_image_column_right img { width: 100%; height: 100%; object-fit: cover; } .subpage_image_section img { width: 100%; } .term-pure-life-ministries .blog_heading_1 h1 { margin-bottom: 40px; } .term-pure-life-ministries .blog_detail_wrapper_div h6 { display: block; } .term-a-mind-set-free-4 .blog_heading_1 h1 { margin-bottom: 40px; } .term-a-mind-set-free-4 .blog_detail_wrapper_div h6 { display: block; } .term-message-4 .blog_heading_1 h1 { margin-bottom: 40px; } .term-message-4 .blog_detail_wrapper_div h6 { display: block; } .sub_nav_subpage_link { margin-bottom: 50px; } .custom_hidden { display: none; } /****4-8-2020***/ .customer_info h2 { color: #000; padding: 10px 0; font-size: 24px; line-height: 1; margin: 0; } .custom_hidden input, .custom_hidden select, .custom_hidden input, .screen.screen2 .form-horizontal .form-group input, .screen.screen2 select, .screen.screen3 .customer_info input, .screen.screen3 .customer_info select, .screen.screen3 .total input { width: 100%; margin: 0 0 15px; height: 40px; padding: 0 15px; border: 1px solid #e2e2e2; border-radius: 4px; } .customer_info .input-group span.input-group-addon { font-size: 14px; font-weight: 500; } .total p { margin: 0 0 7px !important; font-weight: 600; letter-spacing: 1px; } .screen.screen3 > input { background: black; width: 100%; height: 40px; border: 0; color: #fff; border-radius: 0px; cursor: pointer; } .custom_hidden .screen.screen2 .form-horizontal .form-group, .screen.screen2 .form-horizontal .form-group { display: flex; flex-wrap: wrap; } .custom_hidden .screen.screen2 .form-horizontal .form-group label, .screen.screen2 .form-horizontal .form-group label { width: 25%; } .custom_hidden .screen.screen2, .screen.screen2 { padding: 15px 0; } .screen.screen2 .form-horizontal .form-group .no-padding-right, .screen.screen2 .form-horizontal .form-group .no-padding-right { width: 75%; } span.back_btn, span.next_btn, span.logout_btn { font-size: 16px; font-weight: 600; letter-spacing: 1px; cursor: pointer; position: relative; } span.back_btn:before { content: '\f104'; font-family: FontAwesome; font-size: 19px; padding-right: 5px; } .giving_set .giving_column_right .screen > span.next_btn { background: #000; width: auto; display: inline-block; height: auto; min-height: auto; padding: 12px 20px; background-color: #000; line-height: normal; font-family: 'NeueHaasGroteskDisp W02'; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #fff; display: inline-block; min-width: 100px; text-align: center; font-weight: 400; } .sunday_header_section .cotm_login_form { padding: 15px 0; max-width: 412px; } .cotm_login_form #login_phone, .cotm_login_form input#text_code { width: 100%; margin: 0 0 15px; height: 40px; padding: 0 15px; border: 1px solid #e2e2e2; border-radius: 4px; } input.login_send_otp { width: 100%; margin: 10px 0 15px; height: 40px; padding: 0 15px; border-radius: 4px; background: #66c5b1; border: 0; color: #fff; cursor: pointer; } .error { padding: 10px 0; font-size: 15px; } /*.customer_info .input-group { position: relative; } .customer_info .input-group span.input-group-addon { position: absolute; height: 40px; line-height: 40px; left: 5px; }*/ /*.customer_info .row { display: flex; flex-wrap: wrap-reverse; } .customer_info .form-group { width: 50%; padding: 0 5px; }*/ /*05-08-2020*/ .sunday_header_section .cotm_login_form .cover-box { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; margin-bottom: 10px; } .sunday_header_section .cotm_login_form .cover-box input#login_phone { width: calc(100% - 154px); margin: 0; } .sunday_header_section .cotm_login_form .cover-box input.login_send_otp { width: auto; margin: 0; } .sunday_header_section .cotm_login_form label { color: #fff; } #giving-schedule-subform .schedule_date, #giving-schedule-subform .schedule_weekly, #giving-schedule-subform .schedule_day { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } #giving-schedule-subform .schedule_date label, #giving-schedule-subform .schedule_weekly label, #giving-schedule-subform .schedule_day label { width: 25%; } #giving-schedule-subform .schedule_date .hasDatepicker, #giving-schedule-subform .schedule_weekly select, #giving-schedule-subform .schedule_day select { width: 75%; margin: 0; height: 40px; padding: 0 15px; border: 1px solid #e2e2e2; border-radius: 4px; } .cotm_account_info { float: left; width: 100%; position: relative; padding: 50px 15px; text-align: center; } .cotm_account_info .payment-method, .cotm_account_info .giving-schedule { margin: 0 0 15px 0 !important; padding: 15px; } .cotm_account_info .payment-method .card-block, .cotm_account_info .payment-method .card-footer, .cotm_account_info .giving-schedule .card-block, .cotm_account_info .giving-schedule .card-footer { position: relative; padding-left: 24px; } .cotm_account_info .payment-method .card-block:before, .cotm_account_info .giving-schedule .card-block:before { content: '\f09d'; font-family: FontAwesome; font-size: 16px; display: inline-block; } .cotm_account_info .payment-method .card-footer:before, .cotm_account_info .giving-schedule .card-footer:before { content: '\f014'; font-family: FontAwesome; font-size: 16px; display: inline-block; } .cotm_account_info .payment-method .card .card-block .card-text { display: inline-block; } .cotm_account_info a.cotm_pay_method, .cotm_account_info a.cotm_schedules { margin-right: 15px; cursor: pointer; background: #f7f7f7; padding: 10px 20px; border-radius: 4px; display: inline-block; margin-bottom: 15px; } span.logout_btn { cursor: pointer; background: #dc3545; padding: 10px 20px; border-radius: 4px; font-weight: 400; color: #fff; } .payment-cover-box { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .payment-cover-box .cotm_payment_methods, .payment-cover-box .cotm_giving_schedules { /*width: calc( 50% - 8px );*/ width: 500px; margin: auto; } .cotm_account_info .payment-method, .cotm_account_info .giving-schedule { text-align: left; border: 1px solid #888 !important; padding: 0; } .cotm_account_info .payment-method .card > *, .cotm_account_info .giving-schedule .card > * { padding: 6px 12px; border-bottom: 1px solid #f5f5f5; } .cotm_account_info .payment-method .card .card-block, .cotm_account_info .giving-schedule .card .card-block { background: #e0e0e0; color: #8c8c8c; } .cotm_account_info .payment-method .card .card-block .card-text, .cotm_account_info .giving-schedule .card .card-block .card-text { display: inline-block; } .cotm_account_info .payment-method .card-footer, .cotm_account_info .giving-schedule .card-footer { background: #888888; text-align: right; color: #fff; border-bottom: 1px solid #888888; } .cotm_account_info .payment-method .card-footer a.delete_method, .cotm_account_info .giving-schedule .card-footer a.delete_giving_schedule { color: #fff; text-transform: uppercase; padding-left: 2px; cursor: pointer; } .cotm_account_info .payment-method .card pre, .cotm_account_info .payment-method .card .no-pointer-events { color: #7d7d7d; } .cotm_account_info .payment-method .card .no-pointer-events { padding: 0; } .cotm_account_info .payment-method .card .no-pointer-events ul li, .cotm_account_info .giving-schedule .card ul li { padding: 6px 12px; border-bottom: 1px solid #f5f5f5; } .cotm_account_info .giving-schedule .card > div { padding: 0; } .cotm_account_info .giving-schedule .card-footer { padding: 6px 12px !important; } .cotm_account_info .giving-schedule .card-block { padding: 6px 12px; } .cotm_account_info .giving-schedule .card-block p.card-text { margin: 0; } .customer_info .fancy-select { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .customer_info .fancy-select span { width: 25%; } .customer_info .fancy-select select { width: 75% !important; margin-bottom: 0 !important; } .payment-cover-box .cotm_payment_methods h2, .payment-cover-box .cotm_giving_schedules h2 { color: #dc3545; font-size: 24px; } .payment-cover-box .cotm_payment_methods a.giving_sch_btn, .payment-cover-box .cotm_giving_schedules a.giving_sch_btn { background: #28a745; padding: 10px 20px; color: #fff; border-radius: 4px; font-weight: 700; cursor: pointer; } .response_box .error { display: block; background: #dc3545; color: #fff; margin-top: 15px; padding: 6px 15px; } .response_box .success { display: block; background: #28a745; color: #fff; margin-top: 15px; padding: 6px 15px; } .customer_info .credit-card .cc_date_wrap { display: flex; justify-content: space-between; } .customer_info .credit-card .cc_date_wrap .col-xs-6 { width: calc(50% - 6px); } .customer_info .credit-card .cc_date_wrap select { width: 100% !important; } .customer_info .email span.input-group-addon { display: none; } body.is_loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; } body.is_loading:before { content: url(images/loader.gif); position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; z-index: 99; display: flex; align-items: center; justify-content: center; } body .content .contact_form .gform_wrapper ul li.gfield { margin-top: 16px; } /*08/08/2020*/ .page-template-sunday_info-template { } .sunday_info-sec .accordion-container .set > a .fa { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; margin-left: 15px; } .sunday_info-sec .accordion-container .set > a.active .fa { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .page-template-sunday_info-template .gform_wrapper .gform_footer .gform_button { border-radius: 0px !important; } .page-template-sunday_info-template .dropdown_content_div h3 { color: #000; } .page-template-sunday_info-template .dropdown_content_div .heading_h4_light h3 { color: #000; } .latest_message_columns .notes_wrapper_div textarea { margin-left: 20px; } .next_steps_wrapper_div a:after { content: ">"; } .giving_set .giving_column_right .screen > span { padding: 0px 0px 15px 0px; font-family: 'NeueHaasGroteskText W02 Md', sans-serif; color: #000; font-size: 28px; display: block; } .page-template-sunday_info-template .giving_column_right input.login_send_otp { background: #000000; border-radius: 0; } .page-template-sunday_info-template .giving_column_right input.login_send_otp:hover { opacity: 0.8; color: #fff; } /*outreach-inner page*/ .page-template-outreach-inner-template .subpage_header_div { padding-left: 5%; position: relative; } .page-template-outreach-inner-template .subpage_header_div:before { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; } .page-template-outreach-inner-template .subpage_header_div h1 { position: relative; line-height: normal; } .outreaches-content { padding: 0px 5% 0px; } .outreaches-row { margin: 0 -15px; } .outreaches-row .outreaches-col { width: 50%; float: left; padding: 0 15px; } .outreaches-row .outreaches-left .back-link { transition: all .5s ease; font-weight: 500; text-transform: uppercase; -webkit-appearance: none; text-decoration: none; text-shadow: none; white-space: normal; display: inline-flex; justify-content: center; align-items: center; letter-spacing: .05em; } .outreaches-row .outreaches-left .back-link .arrow-double { font-size: 1.2rem; line-height: 1.2; margin: 0 .25rem .25rem 0; } .outreaches-row .outreaches-left .outreach-content { margin: 3.5rem 0; } .outreaches-row .outreaches-left .outreach-heading { font-size: 3rem; line-height: 1.2; margin-bottom: 1.5rem; color: #464646; } .outreaches-row .outreaches-left .outreach-datetime { font-size: 1.5rem; line-height: 1.2; margin-bottom: 1.5rem; } .outreaches-row .outreaches-left .outreach-deadline { font-size: 1.25rem; margin-bottom: 1.5rem; font-weight: 500; } .outreaches-row .outreaches-left .outreach-description { margin-bottom: 1.5rem; } .outreaches-row .outreaches-left .outreach-description .transitions { -webkit-mask-image: linear-gradient(#000 25%, transparent 75%); mask-image: linear-gradient(#000 25%, transparent 75%); transition: all .5s ease; transition-duration: 50ms; overflow: hidden; } .outreaches-row .outreaches-left .outreach-description p { font-family: NeueHaasGroteskDisp W02; color: #000; font-size: 17px; line-height: 28px; letter-spacing: 0.5px; } .outreaches-row .outreaches-left .outreach-description .readmore { display: flex; align-items: center; justify-content: center; } .outreaches-row .outreaches-left .outreach-description .read-more-collapser.open .transitions { height: auto !important; -webkit-mask-image: none; mask-image: inherit; } .outreaches-row .outreaches-left .outreach-description .read-more-collapser.open .readmore { display: none; } .outreaches-row .outreaches-left .btn { display: inline-block; font-weight: 400; color: #f6f6f6; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 2px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: 0; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; cursor: pointer; transition: all .5s ease; } .outreaches-row .outreaches-left .btn-light { color: #212529; background-color: #f6f6f6; border-color: #f6f6f6; } .outreaches-row .outreaches-left .btn-light:hover, .outreaches-row .outreaches-left .btn-light:focus { color: #212529; background-color: #e3e3e3; border-color: #ddd; text-decoration: none; -webkit-transform: scale(1.1); transform: scale(1.1); } .outreaches-row .outreaches-left .outreach-badges { margin: 3.5rem 0; display: flex; } .outreaches-row .outreaches-left .outreach-badges .badge { display: inline-block; padding: .5em .75em; font-size: 1.1rem; font-weight: 500; line-height: 1; text-align: left; white-space: nowrap; vertical-align: baseline; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin: .25rem; flex: 1 1 auto !important; } .outreaches-row .outreaches-left .outreach-badges .badge-light { background-color: #ededed; } .outreaches-row .outreaches-left .outreach-badges .badge-campus { background-color: #36c; color: #fff; } .outreaches-row .outreaches-left .outreach-tags { margin: 3.5rem 0; } .outreaches-row .outreaches-left .outreach-tags .badge { display: inline-block; padding: .5em .75em; font-size: 1.1rem; font-weight: 500; line-height: 1; text-align: left; white-space: nowrap; vertical-align: baseline; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin: .25rem; flex: 1 1 auto !important; } .outreaches-row .outreaches-left .outreach-tags .badge-light { background-color: #ededed; } .map-link-container { position: relative; } .map-link-container .embed-responsive { transition: all .5s ease; } .map-link-container:hover .embed-responsive { -webkit-filter: blur(15px); filter: blur(15px); } .map-link-container .map-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; transition: all .5s ease; display: flex; align-items: center; justify-content: center; color: #343a40; opacity: 0; } .map-link-container:hover .map-overlay { opacity: 1; } .map-link-container .text-primary { color: #eb0045; margin: 1rem; } .map-link-container .mapIt-label { font-size: 2.5rem; line-height: 1.2; text-transform: uppercase; font-weight: 700; } .outreach-share-buttons { padding: 1.5rem 0; display: flex; align-items: center; justify-content: center; } .outreach-share-buttons .share-heading { font-size: 1.5rem; line-height: 1.2; margin: .5rem; text-transform: uppercase; } .outreach-share-buttons a { font-size: 2rem; line-height: 1.2; margin: .5rem; text-decoration: none; color: #adb5bd; } .outreach-share-buttons a:hover { color: #bbc2c8; } .outreach-join-button { padding: 1.5rem 0; display: flex; justify-content: center; } .outreach-join-button .btn { transition: all .5s ease; font-weight: 500; text-transform: uppercase; -webkit-appearance: none; text-decoration: none; text-shadow: none; white-space: normal; display: inline-flex; justify-content: center; align-items: center; } .outreach-join-button .btn-primary { padding: 1rem 1.5rem; font-size: 1.75rem; line-height: 1.5; color: #fff; background-color: #eb0045; border-color: #eb0045; text-align: center; } .outreach-join-button:hover .btn-primary { text-decoration: none; -webkit-transform: scale(1.1); transform: scale(1.1); background-color: #c5003a; border-color: #b80036; } /**/ .page-template-utility-template .utility_list_column_left h6 { font-size: 1.5rem; line-height: 1.2; margin-bottom: 1.5rem; margin-top: 36px; } .page-template-utility-template .utlity_column_right .spots_availability { display: inline-block; padding: .5em .75em; font-size: 1.1rem; font-weight: 500; line-height: 1; text-align: left; white-space: nowrap; vertical-align: baseline; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin: .25rem; flex: 1 1 auto !important; background-color: #ededed; width: 100%; } .page-template-utility-template .utlity_column_right .campuses_list { display: inline-block; padding: .5em .75em; font-size: 1.1rem; font-weight: 500; line-height: 1; text-align: left; white-space: nowrap; vertical-align: baseline; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin: .25rem; flex: 1 1 auto !important; background-color: #36c; color: #fff; width: 100%; } .page-template-utility-template .utlity_column_right .causes_list span { display: inline-block; padding: .5em .75em; font-size: 1.1rem; font-weight: 500; line-height: 1; text-align: left; white-space: nowrap; vertical-align: baseline; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin: .25rem; flex: 1 1 auto !important; background-color: #ededed; } .blog_detail_content_section ul { margin-bottom: 10px; padding-left: 40px; } .blog_detail_content_section ul li { list-style: disc; } .tw_column_section > div > div { width: 100%; } .subpage_text_list_section .subpage_column_right h4 { margin-top: 0; } /****11-8-2020****/ .header-section li, .select-sec li { list-style: none; } .accordion-container .set .content img { width: 100%; } .tw_column_section > div { min-height: 420px; } /*small group landing page*/ .bannr-up-section { position: relative; padding: 30px 5% 36px 5%; float: left; width: 100%; } .bannr-up-section .wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; width: 100%; align-items: flex-end; } .bannr-up-section .title h1 { color: #000; font-weight: 700; /*font-size: 80px;*/ line-height: 80px; font-family: 'FrizQuadrata BT'; } .bannr-up-section .cta-btn a { margin-left: 27px; color: #000000; font-family: 'NeueHaasGroteskDisp W02 Bd'; /*font-size: 22px;*/ font-size: 14px; font-weight: 400; letter-spacing: 1.1px; text-transform: uppercase; } .bannr-up-section .cta-btn a:hover { color: #e5343a; } .sm-group-banner { position: relative; min-height: 697px; display: flex; align-items: center; background-size: cover; padding: 50px 5%; justify-content: flex-end; } .sm-group-banner h2 { /*font-size: 100px;*/ line-height: 80px; font-weight: 400; font-family: 'FrizQuadrata BT'; } .sm-group-block { position: relative; float: left; width: 100%; } .sm-group-block .wrapper { display: flex; flex-wrap: wrap; } .sm-group-block .box { background: #e5343a; width: calc(100% / 3); text-align: center; padding: 129px 40px; min-height: 516px; } .sm-group-block .box .button-link { margin-top: 30px; } .sm-group-block .box img { margin: auto; width: 72px; height: 66px; object-position: center; object-fit: contain; } .sm-group-block .box:nth-child(2) { background-color: #1baecb; } .sm-group-block .box:nth-child(3) { background: #66c5b1; } .sm-group-block .box h4 { color: #ffffff; font-family: 'NeueHaasGroteskDisp W02 Bd'; font-size: 50px; font-weight: 400; /* letter-spacing: -1.25px; */ line-height: 50px; } /* .sm-group-block .box a { display: inline-block; color: #ffffff; font-family: 'NeueHaasGroteskDisp W02 Bd'; font-size: 22px; font-weight: 400; letter-spacing: 1.1px; text-transform: uppercase; padding: 22px 25px; background: #000; } */ .sm-group-image-section { position: relative; float: left; width: 100%; display: flex; flex-wrap: wrap; } .sm-group-image-section .box { width: 50%; padding: 50px; background-size: cover; min-height: 882px; display: flex; align-items: flex-end; background-position: center; } .sm-group-image-section .box h2 { color: #ffffff; font-family: 'NeueHaasGroteskDisp W02 Bd'; /*font-size: 50px;*/ font-weight: 400; } .sm-group-image-section .box date { color: #ffffff; font-family: 'NeueHaasGroteskDisp W02 Bd'; font-size: 26px; font-weight: 400; letter-spacing: 0.65px; text-transform: uppercase; } .sm-group-image-section .box .content { max-width: 400px; } .sm-gp-jesus-section { float: left; width: 100%; position: relative; padding: 100px 5%; background: #f3a77f; } .sm-gp-jesus-section .wrapper { display: flex; align-items: flex-start; flex-wrap: wrap; } .sm-gp-jesus-section .title { width: 20%; } .sm-gp-jesus-section .discription { width: 50%; color: #fff; } .sm-gp-jesus-section .discription .ct-content { padding-right: 80px; } .sm-gp-jesus-section .link { width: 30%; } .sm-gp-jesus-section .title h3 { margin: 0; color: #ffffff; font-family: 'NeueHaasGroteskDisp W02 Bd'; /*font-size: 50px;*/ font-weight: 400; letter-spacing: 1px; /*line-height: 50px;*/ } .sm-gp-jesus-section .discription .button-link { margin-top: 50px; } .sm-gp-jesus-section .discription .button-link a { padding: 12px 20px; background-color: #000; line-height: normal; font-family: 'NeueHaasGroteskDisp W02'; /* font-size: 12px; */ font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: #fff; display: inline-block; min-width: 100px; text-align: center; } .sm-gp-jesus-section .link a { display: block; color: #000000; font-family: 'NeueHaasGroteskDisp W02 Bd'; /*font-size: 22px;*/ font-size: 14px; font-weight: 400; letter-spacing: 1.1px; margin-bottom: 19px; text-transform: uppercase; } .sm-gp-jesus-section .discription p { color: #fff; font-size: 18px; font-weight: 400; letter-spacing: 1.1px; line-height: 28px; } .sm-group-video-section { float: left; width: 100%; position: relative; padding: 100px 5%; } .sm-group-video-section .video-cover { min-height: 834px; background-position: center; background-size: cover; background-repeat: no-repeat; } #group_video > p { margin-bottom: 0; } #group_video { width: 767px; padding: 30px; background: transparent; } body div#group_video button.fancybox-close-small { color: #fff; } #group_video iframe { width: 100%; height: 400px; } .sm-group-question-section { float: left; width: 100%; position: relative; padding: 50px 5%; } .sm-group-question-section .form-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 3px solid #000; padding-top: 100px; } .sm-group-question-section .form-wrapper .title { width: 35%; } .sm-group-question-section .form-wrapper .form-box { width: 65%; } .sm-group-question-section .form-wrapper .title h3 { color: #000000; font-family: 'NeueHaasGroteskDisp W02 Bd'; /*font-size: 50px;*/ font-weight: 400; letter-spacing: -1.25px; line-height: 50px; margin-top: 0; } .sm-group-question-section .form-wrapper .title span { color: #000000; font-family: 'NeueHaasGroteskDisp W02'; font-size: 22px; font-weight: 400; letter-spacing: 0.55px; line-height: 40px; } .form-box { position: relative; padding-left: 50px; } .form-box li.gfield { margin-top: 0 !important; margin-bottom: 30px !important; } .form-box input, .form-box textarea, .form-box select { width: 100% !important; margin: 0 !important; border: 1px solid #000; padding: 18px 20px !important; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-box textarea { height: 120px; } .form-box select { background-image: url(images/arrow-down-black.png); background-repeat: no-repeat; background-size: 12px; background-position: calc(100% - 20px) center; } .form-box .gform_footer input.gform_button { text-align: center; background: #000 !important; color: #fff !important; font-size: 14px !important; } .form-box .gform_footer { text-align: left; } .form-box li.gfield .ginput_container { margin: 0 !important; } /*find a group page*/ .find_group_wrapper { padding: 100px 5%; position: relative; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .find_group_wrapper .filters_wrappper { width: 280px; } .find_group_wrapper .groups { width: calc(100% - 380px); } .find_group_wrapper .filters_wrappper > p input { width: 100%; border: 2px solid #000; padding: 16px 40px 16px 20px; text-transform: uppercase; color: #000000; font-family: 'NeueHaasGroteskDisp W02 Lt'; font-size: 22px; font-weight: normal; letter-spacing: 1.1px; } .find_group_wrapper .filters_wrappper > p { position: relative; margin: 0; } .find_group_wrapper .filters_wrappper > p:before { content: '\f002'; font-family: FontAwesome; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #e5343a; } .filters_wrappper .filters { position: relative; margin-top: 30px; } .filters_wrappper .filters .ui-group h3 { display: none; } .filters_wrappper .filters .ui-group .button-group { border-bottom: 1px solid #000; background-image: url(images/arrow-down.png); background-repeat: no-repeat; background-size: 22px; background-position: right center; margin-bottom: 30px; } .filters_wrappper .filters .ui-group select { width: 100%; border: 0; padding: 14px 0; font-size: 20px; margin-bottom: 0px; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; opacity: 0.3; color: #000000; font-family: 'NeueHaasGroteskDisp W02 Lt'; font-size: 40px; font-weight: normal; letter-spacing: 1px; line-height: 60px; background-color: transparent !important; } .filters_wrappper .filters .ui-group select:focus { outline: 0; border: 0; border-bottom: 1px solid #9c9c9c; } .filters_wrappper .filters .ui-group select.black-color { opacity: 1; } .find_group_wrapper .groups .meta { width: 100%; overflow: auto; } .find_group_wrapper .groups > div { margin: 0 !important; width: 100% !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-color: #000 !important; background-color: #fff !important; } .find_group_wrapper .groups > div:first-child { border-top: 0 !important; } .find_group_wrapper .groups > div:last-child { border-bottom: 1px solid !important; } .find_group_wrapper .groups .group_title_name { font-size: 32px; position: relative; padding-top: 40px; padding-bottom: 40px; padding-right: 30px; background-image: url(images/arrow-down-black.png); background-repeat: no-repeat; background-position: right center; background-size: 24px; line-height: normal; cursor: pointer; color: #000000; font-family: 'NeueHaasGroteskDisp W02 MD'; font-weight: normal; letter-spacing: 1.25px; line-height: 60px; } .find_group_wrapper .groups .panel-group { padding-bottom: 40px; color: #000000; font-family: 'NeueHaasGroteskDisp W02 Lt'; font-size: 30px; font-weight: normal; letter-spacing: 0.75px; line-height: 50px; } .find_group_wrapper .groups .active .group_title_name { background-image: url(images/close-icon-black.png); background-size: 24px; } .find_group_wrapper .groups blockquote, .find_group_wrapper .groups p { color: #000000; font-family: 'NeueHaasGroteskDisp W02 Lt'; font-size: 30px; font-weight: normal; word-break: break-word; letter-spacing: 0.75px; line-height: 50px; } .find_group_wrapper .groups table { position: relative; margin-top: 30px; width: auto; max-width: 100%; font-family: 'NeueHaasGroteskText W02 Md'; font-weight: 500; margin-bottom: 10px; } .find_group_wrapper .groups table tr td { width: auto; font-weight: normal; font-size: 16px; text-transform: uppercase; line-height: normal; } .find_group_wrapper .groups table tr td b { font-weight: normal; } .find_group_wrapper .groups table tr { border: 0; } .find_group_wrapper .groups a.contact_leader_btn { text-transform: uppercase; color: #e5343a; font-weight: 700; color: #e5343a; font-family: 'NeueHaasGroteskDisp W02 Bd'; /*font-size: 20px;*/ font-size: 14px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } .find_group_wrapper .groups a.contact_leader_btn:hover { color: #000; } .find_group_wrapper .groups .panel-footer fieldset { border: 0 !important; margin-top: 16px; } .find_group_wrapper .groups .panel-footer fieldset h5 { margin: 0; } .find_group_wrapper .groups .panel-footer fieldset .form-group { line-height: normal; margin-top: 12px; } .find_group_wrapper .groups .panel-footer fieldset .form-group input, .find_group_wrapper .groups .panel-footer fieldset .form-group select, .find_group_wrapper .groups .panel-footer fieldset .form-group textarea { width: 100%; line-height: normal; margin: 0 !important; padding: 12px 15px; height: auto; } .find_group_wrapper .groups .panel-footer fieldset .form-group textarea { height: 80px; overflow: auto; } .find_group_wrapper .groups .panel-footer button.btn { background: #000; color: #fff; padding: 12px 20px; cursor: pointer; } .find_group_wrapper .groups .panel-footer fieldset .form-group select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(images/arrow-down-black.png); background-repeat: no-repeat; background-size: 12px; background-position: calc(100% - 20px) center; background-color: transparent !important; } /*series page*/ .messages_wrapper { position: relative; padding: 50px 5% 60px 5%; display: flex; flex-wrap: wrap; } .messages_wrapper .single_message_wrap { width: calc(100% / 3); padding: 0 15px; position: relative; margin-bottom: 50px; } .messages_wrapper .single_message_wrap .image-wrapper { margin-bottom: 16px; position: relative; transition: 0.5s all; } .messages_wrapper .single_message_wrap:hover .image-wrapper { opacity: 0.7; } .messages_wrapper .single_message_wrap .image-wrapper:hover { box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5); } .messages_wrapper .single_message_wrap img { height: 320px; width: 100%; object-fit: cover; object-position: center; } .messages_wrapper .single_message_wrap .title { font-size: 21px; letter-spacing: 1px; font-weight: 700; width: 100%; text-align: center; line-height: normal; } .messages_wrapper .single_message_wrap .image-wrapper a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 44px; color: #fff; border: 0px solid #fff; width: 60px; height: 60px; border-radius: 100%; text-align: center; line-height: 60px; } .messages_wrapper .single_message_wrap .image-wrapper:hover a, .sm-group-banner.video-icon:hover .play-icon a { color: #e5343a; } .sm-group-banner.video-icon { justify-content: center; background-size: cover; background-position: center; } .sm-group-banner.video-icon:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgb(0 0 0 / 0.5); } .sm-group-banner.video-icon .play-icon { text-align: center; position: relative; z-index: 2; } .sm-group-banner.video-icon .play-icon h2 { padding-bottom: 6px; } .sm-group-banner.video-icon .play-icon a { font-size: 48px; color: #fff; } .series-video-popup { width: 767px; height: auto; background-color: transparent; padding: 16px; } .series-video-popup button.fancybox-close-small { padding: 0; width: 24px; height: 24px; color: #fff; } .series-video-popup iframe { width: 100%; height: 424px; border: 0; } .series-video-popup > span { background: #000; color: #fff; display: inline-block; padding: 12px 20px; cursor: pointer; } .sub_nav_top_content_section ul.menu li { list-style: none; } .messages_wrapper .btn-wrapp { display: block; width: 100%; padding: 0 15px; padding-bottom: 40px; } .messages_wrapper .btn-wrapp a { color: #000; text-transform: uppercase; font-size: 14px; margin-right: 20px; } .messages_wrapper .btn-wrapp a:hover { color: #e5343a; } .messages_wrapper .btn-wrapp a.active { font-weight: 700; text-decoration: underline; } .messsage-inner-wrapper { padding: 10px 5%; position: relative; } .messsage-inner-wrapper .contain-wrapper { width: 100%; /*max-width: 700px;*/ margin: auto; /*text-align: center;*/ } .messsage-inner-wrapper .contain-wrapper h2 { color: #000; padding-top: 20px; padding-bottom: 20px; } .messsage-inner-wrapper .contain-wrapper p { font-size: 18px; line-height: 32px; } #no_item_found { background-color: transparent !important; text-align: center; padding: 24px 15px; border: 0 !important; } .messsage-inner-wrapper a, .messsage-inner-wrapper a i { font-size: 14px; text-transform: uppercase; font-weight: 700; } .messsage-inner-wrapper a i { font-size: 18px; margin-right: 4px; } .messsage-inner-wrapper a:hover { color: #f00; } #no_item_found h2 { font-size: 24px; color: #000; } #no_item_found a.group_filter_reset { background-color: #000; color: #fff; padding: 12px 24px; display: inline-block; font-size: 14px; } .giving_column_right .cta_button { position: static; display: inline-block; padding: 8px 30px 8px 0px; font-family: 'NeueHaasGroteskText W02 Md', sans-serif; color: #000; font-size: 16px; text-align: left; text-decoration: none; font-weight: 400; line-height: 20px; background: transparent; } .messages_wrapper .single_message_wrap:hover .image-wrapper { opacity: 0.7; } .sub_nav_subpage_link ul { padding: 0; list-style: none; } .sm-group-image-section .box .content h1 { display: block; width: 100%; } .sm-group-image-section .box .content p { color: #fff; letter-spacing: 1px; } section.subpage_header_a_section.subpage-a-sec .heading_h1_alt { font-size: 14px; line-height: normal; text-transform: uppercase; font-family: NeueHaasGroteskText W02 Bd; } .sm-group-question-section .form-wrapper .title h2 { color: #000; } .sm-group-banner h4 { font-size: 20px; font-family: NeueHaasGroteskText W02 Md; font-weight: 500; } .sm-group-banner h1 strong { font-size: 36px; font-family: NeueHaasGroteskText W02 Bd; font-weight: bold; line-height: 40px; } .sm-group-banner h1 span > strong { font-size: 36px; font-family: NeueHaasGroteskText W02 Md; font-weight: 500; line-height: 40px; } .sm-group-image-section .box .content h1 { font-family: 'FrizQuadrata BT'; font-weight: normal; padding-bottom: 16px; } .sm-group-image-section .box .content p strong:hover { color: #da0202; } .social_wrap { display: block; padding-top: 30px; } .social_wrap a { color: #e8002b; font-weight: 700; display: inline-block; margin: 7px 0; } .address_wrap { padding-top: 30px; } .address_wrap strong { color: #000; opacity: 1; text-shadow: none; font-weight: 700; } .bleed_image { padding: 0 !important; min-height: 556px; background-size: cover; background-position: center; } .bleed_image a { width: 100%; height: 100%; display: block; } body .accordion_wrapper { padding-top: 25px; padding-bottom: 25px; } .accordion_wrapper .groups .d-flex .info-label { font-size: 16px; line-height: 32px; } .accordion_wrapper .groups ul li { font-size: 16px; line-height: 32px; } .accordion_wrapper p { font-size: 16px !important; line-height: 32px; } .accordion_wrapper .groups ul { padding-left: 10px; } .accordion_wrapper .groups p a { text-transform: uppercase; color: #e5343a; font-weight: 700; color: #e5343a; font-family: 'NeueHaasGroteskDisp W02 Bd'; /* font-size: 20px; */ font-size: 14px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } .sm-group-banner.video-icon .play-icon h1 { display: block; width: 100%; padding-bottom: 16px; } .sm-group-banner h1 { color: #fff; } .single-resource .resrouce_wrapper_div iframe { position: relative; width: 100% !important; height: 300px !important; object-fit: cover; object-position: center; } .single-resource .sub_nav_subpage_link { position: relative; z-index: 9; padding-right: 15px; } .single-resource .sub_nav_subpage_link a { text-decoration: none; margin: 0; font-size: 14px; line-height: 28px; cursor: pointer; } .single-resource .sub_nav_subpage_link a.current { color: #f00; } .single-resource .sub_nav_subpage_link #select { display: block; width: 100%; padding: 12px 15px 12px 10px; background: #f5f5f5; position: relative; cursor: pointer; transition: 0.5s all; } .single-resource .sub_nav_subpage_link #select:before { content: '\f105'; font-family: FontAwesome; position: absolute; right: 5px; font-weight: bolder; font-size: 16px; transition: 0.5s all; } .single-resource .sub_nav_subpage_link #select.show:before { transform: rotate(90deg); } .single-resource .sub_nav_subpage_link ul { position: absolute; top: 46px; background: #f1f1f1; width: calc(100% - 15px); display: none; max-height: 190px; overflow-y: auto; } .single-resource .sub_nav_subpage_link ul li { padding: 5px 10px; } .single-resource .large_intro_text h1 { display: block !important; width: 100%; } .single-resource .resrouce_wrapper_div p { font-size: 16px; } .parent-r-section { display: flex; flex-wrap: wrap; align-items: center; } .parent-r-section .sub_nav_top_content_columns { width: 50%; } .parent-r-section .sub_nav_top_content_column_right { width: 50%; border: 0; } .parent-r-section .sub_nav_top_content_columns img { width: 100%; height: auto; } .parent-r-section .sub_nav_top_content_column_right h2 { color: #000; } .parent-r-section .sub_nav_top_content_column_right .large_intro_text { padding-right: 0; } .resource-p-list { position: relative; padding: 50px 5%; } .resource-p-list .single-child-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 50px 0; border-top: 2px solid rgb(0 0 0 / 0.1); } .resource-p-list .single-child-wrap .left-part { width: 75%; padding-right: 30px; } .resource-p-list .single-child-wrap .left-part h1 { display: block; float: none; margin: 1rem 0;} .resource-p-list .single-child-wrap .left-part h3 { margin-top: 0; } .resource-p-list .single-child-wrap .right-part { width: 25%; } .resource-p-list .single-child-wrap .child-inner-btn { padding-top: 16px; } .resource-p-list .single-child-wrap .child-inner-btn a { color: #e8002b; font-weight: 700; font-size: 16px; } .c-resource h3 { font-size: 34px; } .subpage_text_section .subpage_column_right img { height: 100%; } /*16-09-2020*/ .form-box .gform_wrapper ul.gform_fields li.gfield .ginput_container_checkbox ul li label { position: relative; cursor: pointer; } .form-box .gform_wrapper ul.gform_fields li.gfield .ginput_container_checkbox ul li label:after { opacity: 0; content: ''; display: block; position: absolute; top: 2px; left: 9px; width: 6px; height: 14px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate(45deg); } .form-box .gform_wrapper ul.gform_fields li.gfield .ginput_container_checkbox ul li label:before { content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid #000; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; } .form-box .gform_wrapper ul.gform_fields li.gfield .ginput_container_checkbox ul li input:checked + label:after { opacity: 1; } .form-box .gform_wrapper ul.gform_fields li.gfield .ginput_container_checkbox ul li input[type="checkbox"i] { display: none; } .watch_column_left img { width: 250px; height: 74px; object-fit: contain; object-position: center; } /***16-10-2020**/ .container_s { width: 100%; max-width: 1170px; padding: 0 15px; margin-left: auto; margin-right: auto; float: none; } .container_s:after { content: ''; display: table; clear: both; } body.customize-support { margin: 0; } .herder_rw .new_heder { display: flex; flex-wrap: wrap; justify-content: space-between; } .herder_rw .new_heder .left { display: flex; padding: 30px 0 30px; } .herder_rw .new_heder .left .menu i { font-size: 26px; } .herder_rw .new_heder .left .logo_black img { height: 25px; } .herder_rw .new_heder .left .logo_black { padding-left: 50px; } .right.row_pro_grey .progress_con { display: flex; } .right.row_pro_grey .left_p { width: 30%; } .right.row_pro_grey .right_p { width: 70%; padding: 63px 38px; background: #fff; } .right.row_pro_grey button.pro_btn { outline: none; background: #000; border: 0; height: 94px; min-width: 420px; color: #fff; font-family: 'NeueHaasGroteskText W02 Md'; font-size: 30px; font-style: normal; font-weight: 500; line-height: 26px; letter-spacing: 0.02em; text-align: center; cursor: pointer; } .right.row_pro_grey .progress_con { display: flex; } .right.row_pro_grey .left_p { width: 30%; /*background: rgb(21 23 22 / 0.1);*/ background: #e7e7e7; padding: 61px 50px; } .right.row_pro_grey .progress_con h3 { font-family: 'NeueHaasGroteskText W02 Md'; font-size: 35px; font-style: normal; font-weight: 500; line-height: 33px; letter-spacing: 0.02em; text-align: left; color: #18AECB; margin: 0; padding: 0 0 20px; } .right.row_pro_grey .progress_con p { color: #151716; /*font-family: NeueHaasGroteskText W02;*/ font-size: 18px; font-style: normal; font-weight: 400; line-height: 15px; letter-spacing: 0.02em; text-align: left; margin: 0; } .right.row_pro_grey .progress_con h4 { font-family: 'NeueHaasGroteskText W02 Md'; font-size: 35px; font-style: normal; font-weight: 500; line-height: 33px; letter-spacing: 0.02em; text-align: left; color: #18AECB; margin: 0; padding: 0 0 20px; } .right.row_pro_grey .progress_con a { border: 2px solid #151716; box-sizing: border-box; border-radius: 97px; width: 194px; height: 39px; display: inline-block; font-family: 'NeueHaasGroteskText W02 Md'; font-size: 14px; font-style: normal; font-weight: 500; line-height: 39px; letter-spacing: 0.02em; text-align: center; } .right.row_pro_grey .right_p .top { padding-bottom: 50px; position: relative; margin-bottom: 50px; } .right.row_pro_grey .right_p .top:after { position: absolute; content: ''; bottom: 0; left: 0; width: 82px; background: #18AECB; height: 2px; } .right.row_pro_grey .right_p .last { padding-bottom: 157px; } .right.row_pro_grey .left_p span { display: inline-block; width: 24px; height: 100%; background: #D1D1D1; position: relative; } .right.row_pro_grey .left_p span { display: inline-block; width: 24px; height: 100%; background: #D1D1D1; position: relative; } .right.row_pro_grey .left_p span:before { position: absolute; content: ''; width: 100%; bottom: 0; left: 0; height: 40%; background: #18AECB; } .right.row_pro_grey .left_p span:after { background: #18AECB; position: absolute; content: ''; bottom: -10px; left: -11px; width: 46px; height: 46px; border-radius: 50px; } .show_pro { display: none; } section.banner_her-site { background: #E53539; padding: 0 50px; position: relative; display: flex; } section.banner_her-site .banner_text { position: absolute; display: flex; align-items: center; top: 50%; transform: translateY(-50%); left: 24%; } section.banner_her-site .banner_text img { height: 52px; object-fit: contain; } section.banner_her-site .banner_text img.text_img { height: 67px; margin: 11px 0 0 10px; max-width: 420px; object-fit: contain; } .herder_rw .container_s { padding-left: calc((100% - 1138px) / 2); max-width: 100%; padding-right: 50px; } .right.row_pro_grey { position: relative; } .right.row_pro_grey .show_pro { position: absolute; z-index: 1; width: 100%; top: 100%; left: 0; } section.banner_her-site img { height: 591px; object-fit: cover; width: 100%; } .banner_her .left { width: 36%; } .banner_her-site .left { width: 29%; } .banner_her-site .right { width: 71%; } section.offring_row { padding: 150px 0; } .covid_co { display: flex; align-items: center; justify-content: space-between; border-top: 2px solid #151716; padding: 20px 0 65px; } .covid_co p { font-family: 'NeueHaasGroteskText W02 Md'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 12px; letter-spacing: 0.04em; text-align: left; color: #151716; margin: 0; } .offring_sec { display: flex; flex-wrap: wrap; } .offring_sec .left { width: 40%; } .offring_sec .right { width: 60%; padding: 0 0 0 30px; } .offring_sec .left img { height: 745px; object-fit: cover; width: 100%; } .offring_sec .right h2 { margin: 0; font-family: NeueHaasGroteskDisp W02 Md; font-size: 110px; font-style: normal; font-weight: 500; line-height: 112px; letter-spacing: 0em; text-align: left; color: #F3A77E; position: relative; top: -13px; left: -22.7%; } .offring_sec .right p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 37px; letter-spacing: 0.03em; text-align: left; font-family: 'NeueHaasGroteskText W02 Md'; padding-bottom: 30px; } a.give_btn { width: 212px; height: 39px; border: 2px solid #151716; box-sizing: border-box; border-radius: 97px; font-family: NeueHaasGroteskDisp W02 Md; font-size: 14px; font-style: normal; font-weight: 500; line-height: 34px; letter-spacing: 0.02em; text-align: center; font-family: 'NeueHaasGroteskText W02 Md'; display: inline-block; } a.give_btn:hover { background: #f3a77e; border: 2px solid #f3a77e; } section.row_message_sec { background: #F3A77E; } section.row_message_sec .message_form { display: flex; flex-wrap: wrap; } section.row_message_sec .message_form .left { width: 25%; padding-right: 86px; padding-top: 85px; } section.row_message_sec .message_form .right { width: 75%; position: relative; } section.row_message_sec .message_form .left h4 { font-family: NeueHaasGroteskDisp W02 Md; font-size: 38px; font-style: normal; font-weight: 500; line-height: 41px; letter-spacing: 0em; text-align: right; color: #fff; margin: 0; padding: 0 0 50px; } section.row_message_sec .message_form .left p { font-size: 14px; font-style: normal; font-weight: 400; line-height: 12px; letter-spacing: 0.04em; text-align: right; color: #fff; padding: 20px 0 0; border-top: 2px solid #ffff; } section.row_message_sec .message_form .right .play_video { position: absolute; width: 100%; height: 100%; top: 0; display: flex; align-items: center; justify-content: center; } section.row_message_sec .message_form .right .blue_earth { position: absolute; bottom: -39px; right: -39px; } section.intiatives { padding: 150px 0; } .our_int h2 { font-family: NeueHaasGroteskDisp W02 Md; font-size: 80px; font-style: normal; font-weight: 500; line-height: 69px; letter-spacing: 0em; text-align: left; color: #151716; margin: 0; padding: 0 0 22px; } .our_int p { font-style: normal; font-weight: normal; font-size: 18px; line-height: 205%;/* or 37px */ letter-spacing: 0.03em;/* COTM Black */ color: #151716; max-width: 1030px; width: 100%; margin-bottom: 0; padding: 0 0 100px; } .home_crurch { /* display: flex; */ } .home_crurch .kb_box { display: flex; flex-wrap: wrap; align-items: center; padding: 0 0 100px 0; } .home_crurch .kb_box .left { width: 50%; position: relative; } .home_crurch .kb_box .right { width: 50%; padding: 0 0 0 30px; } .home_crurch .kb_box .left img { width: 100%; height: 600px; object-fit: cover; } .home_crurch .kb_box .left span { display: inline-block; position: absolute; top: 50px; min-width: 212px; height: 84px; text-align: center; line-height: 84px; font-family: NeueHaasGroteskDisp W02 Md; font-size: 40px; font-style: normal; font-weight: 500; letter-spacing: 0em; background: #18AECB; color: #fff; } .home_crurch .kb_box .left:after { position: absolute; width: 120px; height: 100%; top: 0; right: 0; background: #F3A77E; content: ''; } .home_crurch .kb_box .right h3 { font-family: NeueHaasGroteskDisp W02 Md; font-size: 47px; font-style: normal; font-weight: 500; line-height: 52px; letter-spacing: 0em; text-align: left; color: #151716; margin: 0; padding: 0 0 38px; position: relative; left: -74px; } .home_crurch .kb_box .right p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 37px; letter-spacing: 0.03em; text-align: left; color: #151716; } section.giving_sec { background: #e7e7e7; padding: 150px 0; } .rec_giving { margin: 0 -15px; display: flex; } .rec_giving .box_hover { margin: 0 15px; cursor: pointer; width: 33.33%; } .rec_giving .box_hover .img_sec img { opacity: 0; width: 100%; height: 100%; object-fit: cover; } .rec_giving .box_hover .content_hover h2 { padding: 0 0 20px; margin: 0; font-family: NeueHaasGroteskDisp W02 Md; font-size: 50px; font-style: normal; font-weight: 500; line-height: 43px; letter-spacing: 0em; text-align: left; color: #151716; } .rec_giving .box_hover .content_hover { padding: 50px 0 0 0; background: #e7e7e7; } .rec_giving .box_hover .img_sec { background: #66C5B1; height: 500px; } .rec_giving .box_hover .content_hover p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 37px; letter-spacing: 0.02em; text-align: left; } .rec_giving .box_hover .content_hover h2 span, .rec_giving .box_hover .content_hover p { display: none; } .rec_giving .box_hover.result_hover { width: 80%; } .rec_giving .box_hover.result_hover .img_sec img { opacity: 1; } .rec_giving .box_hover.result_hover .content_hover h2 span, .rec_giving .box_hover.result_hover .content_hover p { display: inline; } .rec_giving .box_hover.result_hover { transition: all 500ms ease-in-out; } div#landing-video { max-width: 700px; margin: 0 auto; width: 100%; padding: 0; } div#landing-video iframe { width: 100%; height: 500px; } div#landing-video p { margin: 0; line-height: 0; } header.herder_rw.sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: #ffffff; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); -webkit-animation: 900ms ease-in-out 0s normal none 1 running fadeInDown; animation: 900ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-transition: all .5s; transition: all .5s; max-width: 100%; margin-top: 0; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translatey(-10px); -moz-transform: translatey(-10px); -o-transform: translatey(-10px); transform: translatey(-10px); } to { opacity: 1; -webkit-transform: translatey(0); -moz-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } } @-moz-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translatey(-10px); -moz-transform: translatey(-10px); -o-transform: translatey(-10px); transform: translatey(-10px); } to { opacity: 1; -webkit-transform: translatey(0); -moz-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translatey(-10px); -moz-transform: translatey(-10px); -o-transform: translatey(-10px); transform: translatey(-10px); } to { opacity: 1; -webkit-transform: translatey(0); -moz-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } } .herder_rw a.menulinks i, .herder_rw a.menulinks i:before, .herder_rw a.menulinks i:after { background-color: #000; } .herder_rw ul#menu-primary-menu { width: 100vh; display: block; left: 0; } .mobile-open .herder_rw a.menulinks i { background: transparent; } .herder_rw ul.mainmenu { max-width: 1170px; margin: 0 auto; left: 0; top: 126px; } .herder_rw ul.mainmenu ul li { padding-left: 15px; list-style: none; } .herder_rw .nav-menu { position: inherit; } .herder_rw.sticky ul.mainmenu { top: 94px; } footer.footar_landing { background: #151716; height: 500px; clear: both; } /**20-10-2020**/ header.herder_rw.sticky .progress_row { display: none; } header.herder_rw.sticky .progress_sticky { display: block; } .progress_sticky { background: #F3F3F3; padding: 20px 40px 38px; min-width: 420px; display: none; } .progress_sticky .grey_pro { display: flex; flex-wrap: wrap; } .progress_sticky .grey_pro p { width: 50%; text-align: right; } .progress_sticky .grey_pro p { margin: 0; font-family: NeueHaasGroteskText W02 Bd; font-size: 12px; font-style: normal; font-weight: 700; line-height: 10px; letter-spacing: 0.02em; text-align: right; color: #18AECB; padding-bottom: 10px; } .progress_sticky .grey_pro p.black { color: #151716; font-weight: 500; font-family: 'NeueHaasGroteskText W02 Md'; } .grey_pro .grey__bg { width: 100%; height: 16px; background: #D1D1D1; position: relative; } .grey_pro .grey__bg:before { background: #18AECB; top: 0; left: 0; width: 150px; content: ''; height: 100%; position: absolute; } /**22-10-2020**/ .remindme_form { padding: 50px 48px; max-width: 725px; margin: 0 auto; width: 100%; } .remindme_form h4 { font-family: NeueHaasGroteskDisp W02 Md; font-size: 35px; font-style: normal; font-weight: 500; line-height: 39px; letter-spacing: 0.02em; text-align: left; margin: 0; color: #18AECB; padding-bottom: 44px; } .remindme_form span.hs-form-required { display: none; } .remindme_form input { height: 64px; border: 2px solid #000000; font-size: 18px; font-style: normal; font-weight: 400; line-height: 15px; letter-spacing: 0.02em; text-align: left; width: 100%; padding: 0 20px; font-family: 'NeueHaasGroteskText W02 Md'; } /*.remindme_form ul.no-list.hs-error-msgs.inputs-list { display: none !important; }*/ .remindme_form input.hs-button.primary.large { width: 194px; height: 39px; border: 2px solid #151716; box-sizing: border-box; border-radius: 97px; font-family: NeueHaasGroteskDisp W02 Md; font-size: 18px; font-style: normal; font-weight: 500; line-height: 15px; letter-spacing: 0.02em; text-align: center; display: table; margin: 50px auto 0; text-transform: uppercase; background: transparent; } .remindme_form button.fancybox-button.fancybox-close-small { width: 50px; background: #151716; height: 50px; color: #fff; padding: 5px; } /* 2020_10_30 */ .padding-bottom-0 { padding-bottom: 0px !important; } /**1-12-2020**/ section.hero_cotm { min-height: 530px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } section.special_online { position: relative; width: 100%; background: #1a1615; padding-bottom: 100px; } section.special_online:before{position:absolute;content:'';background:#1a1615;top:-3px;left:0;width:100%;height:3px;} section.special_online .container_r { max-width: 1250px; margin: 0 auto; padding: 0 15px; } .text_box { width: 100%; font-family: 'NeueHaasGroteskText W02 Md'; margin: 70px 0 30px 0; display: flex; flex-wrap: wrap; padding-top: 15px; border-top: 1px solid #e0925a; } .text_box span { color: #e0925a; font-size: 14px; line-height: 22px; width: 50%; } .text_box span:last-child { text-align: right; } .eve_service { display: flex; flex-wrap: wrap; padding: 50px 0 20px; } .eve_service .left { width: 35%; text-align: right; } .eve_service .right { width: 65%; padding-left: 70px; } .eve_service .left h2 { color: #ffffff; text-align: right; font-size: 44px; line-height: 50px; font-weight: bold; font-family: 'NeueHaasGroteskText W02 Md'; } .eve_service .right p { color: #fff; font-family: 'NeueHaasGroteskDisp W02'; line-height: 30px; font-size: 18px; line-height: 26px; } .eve_service .right a { color: #e0925a; border: 2px solid #e0925a; padding: 7px 30px 6px 30px; border-radius: 30px; text-transform: uppercase; font-size: 16px; line-height: 24px; font-family: 'NeueHaasGroteskText W02 Md'; font-weight: 500; margin-top: 90px; display: inline-block; } .eve_service .right a:hover { background: #e0925a; color: #fff; } .eve_downloads .link_phone a { color: #ffffff; } .container_cotm { max-width: 1250px; margin: 0 auto; padding: 0 15px; } section.christmas_eve { padding: 0 0px 310px 0px; text-align: center; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .title_video h2 { color: #e0925a; font-size: 90px; line-height: 80px; margin-bottom: 0; position: relative; top: -40px; font-family: 'FrizQuadrata BT'; } .title_video p { font-size: 40px; font-weight: 500; line-height: 44px; letter-spacing: 0em; text-align: center; color: #fff; padding: 20px 0 0 0; font-family: 'NeueHaasGroteskDisp W02 Md'; } section.vidoe_christmas { position: relative; background: #1a1615; } .video_img { width: 100%; position: relative; max-width: 860px; margin: -270px auto 0; display: flex; align-items: center; justify-content: center; } .video_img > img { line-height: 0; border: 2px solid #66c5b1; height: 500px; object-fit: cover; } .video_img .play_bt { position: absolute; width: 154px; height: 154px; background: white; border-radius: 50%; } section.vidoe_christmas .red_cotm { position: relative; top: -34px; left: 0; visibility: hidden;} section.download_view { position: relative; background: #1a1615; padding: 116px 0 90px 0; } .link_phone a { display: inherit; font-family: NeueHaasGroteskDisp W02 Md; font-size: 40px; font-style: normal; font-weight: 500; line-height: 44px; letter-spacing: 0em; text-align: center; color: #66C5B1; } .download__img { padding: 80px 0 0 0; display: flex; flex-wrap: wrap; margin: 0 -10px; } .download__img .box_row { width: 31.69%; margin: 0 10px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; height: 500px; } .download__img .box_row .hover_dow { width: 100%; display: flex; align-items: center; justify-content: center; height: 100%; background: rgba(26, 22, 21, 0.75); transform: scale(0); transition: all 500ms ease-in-out; } .download__img .box_row:hover a.hover_dow { transform: scale(1); cursor: pointer; } .share__img { justify-content: center; padding: 80px 0 0 0; display: flex; flex-wrap: wrap; margin: 0 -10px 75px; } .share__img .box_row { display: flex; align-items: center; position: relative; width: 31.69%; margin: 0 10px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; margin-bottom: 25px; } .share__img .box_row .hover_dow { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: center; height: 100%; background: rgba(26, 22, 21, 0.75); transform: scale(0); transition: all 500ms ease-in-out; } .share__img .box_row:hover a.hover_dow { transform: scale(1); cursor: pointer; } .share__img .share__img_title { color: #e0925a; margin: 10px 0; font-size: 14px; } .back_to_top a { font-weight: 500; margin: 0 auto; color: #e0925a; font-size: 30px; line-height: 40px; display: flex; align-items: center; justify-content: center; font-family: 'NeueHaasGroteskText W02 Md'; } .back_to_top a img { width: 25px; margin-left: 20px; } .right.right-header-logo img { height: 28px; } .right.right-header-logo { padding: 26px 0; } .image-carousel-section { background-color: #1a1615; } .image-carousel img { height: 650px; max-height: 80vh; } .image-carousel .image-carousel__arrow { position: absolute; top: 50%; color: white; z-index: 1; font-size: 30px; opacity: .7; cursor: pointer; } .image-carousel .image-carousel__arrow:hover { opacity: 1; } .image-carousel .image-carousel__prev { left: 50px; } .image-carousel .image-carousel__next { right: 50px; } /*12-01-2021 X*/ .follow-us-wrap{display: flex; justify-content: flex-end; max-width: 90%; margin: 0px auto !important; float: unset;} .follow-us-wrap h6{ text-transform: uppercase; color: #000; margin-bottom: 0; margin-right: 13px;line-height: 26px;} .follow-us-wrap .social-icon{} .follow-us-wrap .social-icon a:not(:last-child){margin-right: 13px } .blog_heading_h1_alt h1 {display: block; float: unset; /*margin-bottom: 24px;*/ } .category-description {padding-right: 26px; line-height: 24px; } .addthis-smartlayers .at-icon-wrapper{background-color: #000 !important} .addthis-smartlayers .at4-share a:not(:first-child) {border-top: 1px solid #fff; } .about-life-content .left h6{color: #575757; font-size: 14px; font-family: NeueHaasGroteskText W02 MdIt; font-weight: 700; font-style: normal; letter-spacing: 0.16px; line-height: 20px; text-align: left; text-transform: uppercase; margin-bottom: 0;} .about-life-content .right p{color: #575757; font-size: 14px; font-family: NeueHaasGroteskText W02 MdIt; font-weight: 400; font-style: normal; letter-spacing: 0.8px; line-height: 20px; text-align: left; margin-bottom: 0;} .about-life-content .right p:not(:last-child){margin-bottom: 12px} .about-life-wrap{padding: 0px 5%;} .about-life-wrap .about-life-content{display: flex;flex-wrap: wrap;padding: 54px 0;border: 3px solid #575757;border-left: 0;border-right: 0; width: 70%;} .about-life-wrap .about-life-content:not(:first-child) {border-top: 0; } .about-life-wrap .about-life-content .left{width: 20%;} .about-life-wrap .about-life-content .right{width: 78%;margin-left: auto;} .about-life-wrap {padding-bottom: 40px;} .blog_detail_content_section img{object-fit: cover;} .atss { top: 395px !important;position: absolute !important;} .newsletter-wrap{display:flex;align-items:center;flex-wrap:nowrap;} .newsletter-wrap .left{width:55%;} .newsletter-wrap .right{width:45%;} .newsletter-wrap .form-cover{background-color:#67c5b1;padding:50px;width:calc(100% + 190px);margin-left:-190px;} .newsletter-wrap h6{margin:0 0 6px;} .newsletter-wrap h2{color:#ffffff;font-size:58px;font-weight:700;font-style:normal;letter-spacing:0.46px;line-height:55px;} .news-form{position:relative;} .news-form fieldset{max-width:100% !important;} .news-form fieldset input{background-color:transparent;outline:0;border:1px solid #fff;height:60px;width:100% !important;padding:0 20px;} .news-form fieldset.form-columns-2{margin-bottom:20px;} .news-form .hs_submit input{color:#ffffff;font-size:21px;font-weight:500;font-style:normal;letter-spacing:1.68px;line-height:normal;text-transform:uppercase;background-color:transparent;border:0;bottom:0;} .news-form .hs_submit{margin-top:40px;} .news-form fieldset .input{margin-right:24px !important;} .news-form fieldset input::placeholder{color:#fff;text-transform:uppercase;font-size:16px;} /*13-01-2021 X*/ .blog_detail_wrapper_div{width:73%; margin: auto;} /* .blog_detail_wrapper_div > *{width:73%;} */ .blog_detail_wrapper_div > section{width:100%;padding:20px 0;} .blog_detail_wrapper_div > section h2{font-size: 48px;} .single-post .blog_detail_content_section, .single-post .blog_detail_wrapper_div{padding-left:0;padding-right:0;padding-top: 10px;} .blog_detail_wrapper_div > *{padding: 0 10%;} .blog_detail_wrapper_div > p > img {margin-left: -30px;} /*18-01-2021 X*/ .blog_heading_1 h1{margin-bottom:15px;} .blog_detail_content_section{padding: 30px 5% 50px;} .single-post .blog_heading_1 h1{margin-bottom: 15px;max-width: 100%;} .blog_detail_wrapper_div h6{text-transform: uppercase;} .blog_detail_wrapper_div > p > img{width:103%;height:auto;max-height:420px;max-width:inherit;} .blog_heading_1 h1{font-weight:800;font-family: 'FrizQuadrata BT';} .blog_detail_wrapper_div > h3{margin: 24px 0 10px;} /* .blog_detail_wrapper_div > section{width:90%;margin:0px auto;float:unset;max-width: 100%;} */ .newsletter-wrap{margin: 30px 0 0;} .header-blog .menu ul li a{font-size: 14px;} .newsletter-wrap .form-cover .form-title h6{color: #fff;} .news-form fieldset input{font-size:16px;color:#fff;letter-spacing:1px;} .news-form fieldset input::placeholder{opacity: 0.8;} .news-form .hs_submit input{cursor: pointer;} .news-form .hs_submit .actions{display: inline-block;position: relative;} .news-form .hs_submit .actions input[type="submit"]{font-size: 14px;} .news-form .hs_submit .actions:before{position:absolute;font-family:"FontAwesome";font-weight:900;content:"\f054";right:-15px;top:0;color:#fff;font-size: 14px;} .about-life-content .left h6{font-family: 'NeueHaasGroteskText W02 Bd';} .about-life-content .right p{font-family: 'NeueHaasGroteskDisp W02';} .get-involved-box-content h2{color: #fff;} .blog_detail_wrapper_div blockquote p{color:#000;font-size:22px;line-height:30px;letter-spacing:0.5px;font-family:'NeueHaasGroteskText W02 Bd';} .home-hero-selector .banner-caption h1{color: #fff;} .get-involved-box-content{padding-right:4.5%;padding-left:4.5%;} .get-involved-box-content h2{font-family: 'NeueHaasGroteskText W02 Md';letter-spacing: 1px;} /*19-01-2021*/ .blog_detail_wrapper_div blockquote p { font-size: 26px; line-height: 40px;/*font-family: 'NeueHaasGroteskText W02 Md';*/ font-family: 'NeueHaasGroteskDisp W02 Lt'; } .blog_detail_wrapper_div blockquote { padding: 30px 10%; } .blog_detail_wrapper_div h4 { font-family: 'NeueHaasGroteskText W02 Bd'; font-size: 18px; } .blog_heading_1 h1 { margin-bottom: 9px; } .recent_episodes_div img { object-fit: cover; object-position: center; } /*.addthis-smartlayers-desktop {position: fixed;top: 0;left: 0;}*/ .atss.sticky { position: fixed !important; top: 150px !important; } /*20-01-2021*/ .sm-group-image-section .box .content h1 { color: #fff; } .blog_detail_wrapper_div a { color: #00b8ef; text-decoration: underline !important; } /*25-01-2021 X*/ /*h5.d-none{display: none;}*/ /* 04-02-2021 X */ .blog_heading_h2 h2 { line-height: normal; } /*11-02-2021 X*/ .progresslandingmain .progresslanding .progress_con{padding: 35px 35px 70px !important;} .progresslandingmain .progresslanding .progress_con .progresslandigbtn{bottom: -60px !important;} .progresslandingmain .progresslanding .progresslandingvalue{bottom:0;top:unset !important;} .progresslandingmain .progresslanding .progresslandingglobalvalue{max-width:270px;width:270px;display: flex;flex-wrap: wrap;justify-content: space-between;} .progresslandingmain .progresslanding .progresslandingglobalvalue h3{font-size: 20px !important;width: 48%;position: relative;padding: 0;line-height: 21px;} .progresslandingmain .progresslanding .progresslandingglobalvalue h3:not(:last-child):before{position:absolute;content:'';height:100%;width:1px;background-color:#ccc;top:0;right:-3px;} .progress_sticky.progresslandingmobile > h3{margin:5px 0 0;color:#fff;font-weight:200;font-size:15px;text-align:right;font-family: var(--font-family-sans-serif);letter-spacing: 1px;} /*12-01-2021 X*/ section.offring_row{padding-bottom: 50px;} section.intiatives{padding-top: 50px;} /*09-04-2021*/ .herder_rw .new_heder .left .logo_black img { height: 25px; width: auto; } /*24/05/2021*/ .blog_detail_wrapper_div > ul { padding-left: calc(11% + 4px); } .blog_detail_wrapper_div > ul li { padding-bottom: 18px; } /*09/07/2021*/ .page-id-3927 button.fancybox-button.fancybox-close-small { background: #fff; color: #000; border-radius: 100%; } .page-id-3927 .fancybox-button svg { height: 20px; } .wrap{display:flex;flex-wrap:wrap;padding:50px 5% 60px 5%;} .wrap .main-image{width:calc(100% / 3 - 30px);padding:0 15px;position:relative;margin-bottom:50px;} .wrap .main-image .single_message_wrap .image-wrapper{margin-bottom:16px;position:relative;transition:0.5s all;} .wrap .main-image .single_message_wrap .image-wrapper img{height: 320px;width: 100%;object-fit: cover;object-position: center;} .wrap .main-image .single_message_wrap .image-wrapper a{display:block;height:100%;width:100%;position:absolute;content:"";top:0%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:44px;color:#fff;border:0px solid #fff;width:60px;height:60px;border-radius:100%;text-align:center;line-height:60px;} .wrap .main-image .single_message_wrap .image-wrapper:hover a{color:#e5343a;} .wrap .main-image .single_message_wrap .image-wrapper:hover{box-shadow:0px 5px 20px rgba(0,0,0,0.50);} .wrap .single_message_wrap .title{font-size:21px;font-weight:600;width:100%;text-align:center;line-height:normal;} /*17-10-2021*/ .page-template-series-video-template .wrap.new_wrap { padding: 50px 15% 60px 15%; text-align: center; justify-content: center; } .page-template-series-video-template .wrap.new_wrap .main-image { width: calc(100% / 2 - 30px); } .page-template-series-inner-template .wrap { justify-content: center; } .page-template-series-inner-template .load-more { display: inline-block; width: 100%; text-align: center; } .page-template-series-inner-template .load-more a#loadMore { padding: 10px 30px; display: inline-block; background-color: #f2f2f2; font-size: 16px; line-height: 1.2; font-weight: 500; } .page-template-series-inner-template .load-more a#loadMore:hover { background-color: #e5343a; color: #fff; } .cz-block--hidden { visibility: hidden; } /*22/09/2021*/ /*.series-video-box .top-series-video{max-width:500px;cursor: pointer;} .series-video-box .top-series-video .s-image img{height:320px;width:100%;object-fit:cover;object-position:center;} .series-video-box .top-series-video .bottom-content .title{font-size:21px;font-weight:600;width:100%;text-align:center;line-height:normal;} .series-video-box .top-series-video .bottom-content{margin-top:15px;}*/ /*.video-block{display: none;}*/ /*-------------------------------------------------- RESPONSIVE CSS -------------------------------------------------- */ @media (min-width:1920px) { .container_cotm { max-width: 1470px; } } @media (min-width:768px) { } @media (min-width:641px) { .register_form .gform_wrapper ul.gform_fields li.gfield .ginput_container_select select { margin-top: 12px; } } /*-- Max Media Queries --*/ @media (max-width:1920px) { /*small group page*/ .bannr-up-section .title h1 { /*font-size: 50px;*/ line-height: 50px; } .bannr-up-section .cta-btn a { font-size: 14px; } .sm-group-banner h2 { /*font-size: 60px;*/ line-height: 60px; margin: 0; } .sm-group-banner { min-height: 450px; } .sm-group-block .box { padding: 100px 40px; min-height: auto; } .sm-group-block .box img { width: 45px; height: 45px; } .sm-group-block .box h4 { font-size: 34px; margin-top: 22px; margin-bottom: 22px; } /* .sm-group-block .box a { font-size: 16px; padding: 13px 20px; } */ .sm-group-image-section .box { min-height: 500px; } /*.sm-group-image-section .box h3 { font-size: 40px; }*/ .sm-group-image-section .box date { font-size: 16px; } .sm-gp-jesus-section .title h3 { /*font-size: 40px;*/ } .sm-gp-jesus-section .discription .button-link a { font-size: 14px; } .sm-gp-jesus-section .link a { font-size: 14px; } .sm-group-video-section .video-cover { min-height: 600px; } .sm-group-question-section .form-wrapper .title h3 { /*font-size: 40px;*/ } .sm-group-question-section .form-wrapper .title span { font-size: 16px; line-height: normal; } /*end small group page*/ /*find a group page*/ .find_group_wrapper .groups .group_title_name { font-size: 30px; line-height: normal; } .filters_wrappper .filters .ui-group select { line-height: normal; } .find_group_wrapper .groups table tr td { font-size: 14px; } .find_group_wrapper .groups a.contact_leader_btn { /*font-size: 16px;*/ font-size: 14px; } .find_group_wrapper .filters_wrappper > p input { font-size: 14px; } .filters_wrappper .filters .ui-group select { font-size: 24px; } .find_group_wrapper .groups blockquote, .find_group_wrapper .groups p { font-size: 22px; line-height: 34px; } /*end find a group page*/ } @media (max-width:1500px) { .subpage_text_inside_column_right { padding: 0 0 0 20px; } .messages_wrapper .single_message_wrap img { height: 200px; } /* 13-01-2021 X */ .blog_detail_wrapper_div .newsletter-wrap .form-cover{padding: 27px 50px;} .blog_detail_wrapper_div > section h2{line-height: 44px;font-size: 40px;} .blog_detail_wrapper_div .news-form fieldset input{height: 45px;} .blog_detail_wrapper_div .news-form .hs_submit{margin-top: 22px;} .blog_heading_h1_alt h1{line-height: 45px;} } @media (max-width:1300px) { section.row_message_sec .message_form .right .blue_earth { right: 0; } section.banner_her-site .banner_text { left: 9%; } } @media (max-width:1199px) { .get-involved-box .image { height: auto; } /*30/06/2020*/ .login_form { width: 100%; } .subpage_colored_image_column_left { padding-top: 30px; } .subpage_text_inside_column_right { padding: 0 0 0 0px; } .messages_wrapper .single_message_wrap img { height: 164px !important; object-fit: cover; object-position: center; } .herder_rw .container_s { padding-left: 15px; padding-right: 15px; } /*09/07/2021*/ .wrap .main-image .single_message_wrap .image-wrapper img{height:164px;} /*17-09-2021*/ .page-template-series-video-template .wrap.new_wrap { padding: 50px 5% 60px 5%; } } @media (max-width:1024px) { /***11-8-2020***/ .latest_message_columns .notes_wrapper_div textarea { margin-left: 40px; } .home_crurch .kb_box .right h3 { font-size: 30px; padding: 0 0 18px; line-height: 25px; } section.banner_her-site img { height: 332px; } section.banner_her-site .banner_text img.text_img { height: 33px; object-fit: contain; width: auto; margin: 9px 0 0; } section.banner_her-site .banner_text img { height: 36px; object-fit: contain; } section.banner_her-site .banner_text { left: 29%; } section.banner_her-site .banner_text img.text_img { height: 33px; object-fit: contain; width: auto; margin: 9px 0 0; } section.banner_her-site .banner_text img { height: 36px; object-fit: contain; } section.banner_her-site .banner_text { left: 29%; } section.offring_row { padding: 80px 0; } .offring_sec .right h2 { font-size: 65px; line-height: 55px; top: 0; padding-bottom: 33px; } .offring_sec .right p { font-size: 12px; line-height: 21px; margin: 0; } .offring_sec .left img { height: 438px; } section.banner_her-site .banner_text img.text_img { height: 33px; object-fit: contain; width: auto; margin: 9px 0 0; } section.banner_her-site .banner_text img { height: 36px; object-fit: contain; } section.banner_her-site .banner_text { left: 29%; } section.offring_row { padding: 80px 0; } .offring_sec .right h2 { font-size: 65px; line-height: 55px; top: 0; padding-bottom: 33px; } .offring_sec .right p { font-size: 12px; line-height: 21px; margin: 0; } .offring_sec .left img { height: 438px; } section.row_message_sec .message_form .left { padding-right: 45px; padding-top: 43px; } section.row_message_sec .message_form .left h4 { font-size: 20px; line-height: 20px; padding: 0 0 27px; } section.row_message_sec .message_form .left p { font-size: 8px; } section.intiatives { padding: 80px 0; } .our_int h2 { font-size: 40px; line-height: 34px; } .our_int p { font-size: 12px; line-height: 21px; padding-bottom: 60px; } .covid_co p { font-size: 8px; } .covid_co { padding: 20px 0 42px; } section.banner_her-site .banner_text img.text_img { height: 33px; object-fit: contain; width: auto; margin: 9px 0 0; } section.banner_her-site .banner_text img { height: 36px; object-fit: contain; } section.banner_her-site .banner_text { left: 18%; } section.offring_row { padding: 80px 0; } .offring_sec .right h2 { font-size: 65px; line-height: 55px; top: 0; padding-bottom: 33px; } .offring_sec .right p { font-size: 12px; line-height: 21px; margin: 0; } .offring_sec .left img { height: 438px; } section.row_message_sec .message_form .left { padding-right: 45px; padding-top: 43px; } section.row_message_sec .message_form .left h4 { font-size: 20px; line-height: 20px; padding: 0 0 27px; } section.row_message_sec .message_form .left p { font-size: 8px; } section.intiatives { padding: 80px 0; } .our_int h2 { font-size: 40px; line-height: 34px; } .our_int p { font-size: 12px; line-height: 21px; padding-bottom: 60px; } .covid_co p { font-size: 8px; } .covid_co { padding: 20px 0 42px; } .home_crurch .kb_box .right p { font-size: 12px; line-height: 21px; } a.give_btn { font-size: 10px; width: 107px; height: 20px; line-height: 20px; } .home_crurch .kb_box .left span { min-width: 107px; height: 49px; line-height: 49px; font-size: 20px; } .home_crurch .kb_box .left img { height: 364px; } .home_crurch .kb_box { padding: 0 0 60px; } section.giving_sec { padding: 80px 0; } .rec_giving .box_hover .img_sec { height: 252px; } .rec_giving .box_hover .img_sec { height: 252px; } .rec_giving .box_hover .content_hover h2 { font-size: 25px; line-height: 21px; } .rec_giving .box_hover .content_hover p { font-size: 12px; line-height: 21px; } /**1-12-2020**/ .container_cotm, section.special_online .container_r { max-width: 742px; } .eve_service .left h2 { font-size: 30px; line-height: 33px;} .video_img > img { height: 333px; } .eve_service .right p { font-size: 12px; line-height: 21px; } .eve_service .right { padding-left: 36px; width: 60%; } .eve_service .left { width: 40%; } .eve_service .right a { margin-top: 40px; font-size: 10px; line-height: 14px; } .title_video h2 { font-size: 60px; line-height: 70px; } .title_video p { font-size: 20px; line-height: 28px; } .video_img { max-width: 591px; margin: -200px auto 0; } section.christmas_eve { padding: 0 0px 190px 0; } section.vidoe_christmas .red_cotm img { width: 33px; } section.vidoe_christmas .red_cotm { top: -18px; } .video_img .play_bt { width: 78px; height: 78px; } .link_phone a { font-size: 20px; line-height: 28px; } section.download_view { padding: 64px 0 70px; } .download__img .box_row { height: 298px; width: 30.53%; } .download__img { margin: 0 -10px; } .text_box span { font-size: 8px; line-height: 6px; } .back_to_top a { font-size: 19px; line-height: 20px; } .back_to_top a img { width: 16px; margin-left: 10px; } section.hero_cotm { min-height: 364px; } .eve_service { padding: 20px 0 0; } .download__img .box_row .hover_dow img{height:103px;} /* 13-01-2021 X */ .newsletter-wrap .left, .newsletter-wrap .right, .blog_detail_wrapper_div .newsletter-wrap .form-cover{width: 100%;} .blog_detail_wrapper_div > section{flex-wrap: wrap;} .blog_detail_wrapper_div .newsletter-wrap .form-cover{margin-left: 0;} .blog_detail_wrapper_div > * { width: 70%; padding: 0 5%; } h1{font-size: 38px;} .blog_heading_h1_alt h1 { font-size: 35px; } } @media (max-width:1000px) { /*.home_crurch .kb_box .left img { height: 70vh; }*/ .home_crurch .kb_box .right h3 { font-size: 30px; padding: 0 0 8px; line-height: 1.5; } section.row_message_sec .message_form .left { padding-right: 36px; padding-top: 45px; } .offring_sec .right h2 { font-size: 80px; } } @media (max-width:991px) { .wrap .main-image .single_message_wrap .image-wrapper img{height:118px;} .wrap .main-image .single_message_wrap .image-wrapper a{font-size:30px;} .heading_h2.black_heading_h2 { font-size: 28px; } .sub_nav_subpage_link ul li a { font-size: 25px; margin-bottom: 10px; } .leadership_columns { margin-bottom: 50px; } .about_heading h1 { font-size: 36px; line-height: 37px; } .subpage_colored_image_column_right img { height: 100%; object-fit: cover; object-position: left; } .home-hero-selector .banner-caption { padding-top: 2.3%; padding-bottom: 70px; } .header-blog .menu ul li a { padding-left: 13px; } .header-blog .bottom-logo { width: 200px; } .resource_column ul li a { margin-bottom: 20px; font-size: 17px; line-height: 30px; } .resource_column ul li { padding: 0 20px; } .resource_column { padding: 0 20px; } .blog-header .logo img { float: right; } .blog-header .logo { width: 40px; } .resrouce_detail_content_section { padding: 25px 5% 50px; } .resrouce_h2 h2 { font-size: 22px; line-height: 24px; } .cta_button { font-size: 11px; } .resrouce_h3 { font-size: 30px; line-height: 32px; } .resrouce_h3 h3 { font-size: 30px; line-height: 32px; } .body_copy { font-size: 15px; line-height: 26px; } .resrouce_wrapper_div p { font-size: 20px; line-height: 32px; } .large_intro_text { font-size: 20px; line-height: 32px; } a.menulinks-1 { opacity: 1; } .blog-header .bottom-logo { width: 150px; } .blog-header .menu ul.mainmenu-1 .search-results-open-menu { display: none; } .blog-header .menu ul.mainmenu-1 { display: none; position: absolute; left: 0; right: 0; top: 100%; background-color: #e5343a; margin-top: 0; } .blog-header .menu ul.mainmenu-1 li { float: left; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .blog-header .header-blog { position: relative; padding-top: 10px; } .blog-header .menu ul.mainmenu-1 li a { display: inline-block; padding: 11px 15px; font-size: 16px; float: left; width: 100%; border: none; text-align: left; color: #fff; } .mobile-open-1 a.menulinks-1 i { background-color: rgba(0, 0, 0, 0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open-1 a.menulinks-1 i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open-1 a.menulinks-1 i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .filter-button-group ul { width: 91%; } .sunday_info-sec .accordion-container .set > a { font-size: 40px; } .find_group_wrapper .groups .group_title_name { font-size: 26px; padding-top: 20px; padding-bottom: 20px; } /*small group pages*/ .sm-group-banner { min-height: 300px; } .sm-group-block .box { padding: 80px 20px; } .sm-group-block .box h4 { margin: 12px 0; letter-spacing: 0; font-size: 26px; } .sm-group-block .box .button-link { margin-top: 0; } .sm-group-block .box a { font-size: 12px; } .sm-group-image-section .box { min-height: 350px; } .sm-group-image-section .box h3 { margin: 0 0 10px; font-size: 26px; } .sm-group-image-section .box date { font-size: 12px; } .sm-gp-jesus-section .discription .ct-content { padding-right: 40px; } .sm-group-video-section .video-cover { min-height: 400px; } .bleed_image { min-height: 400px; } .messages_wrapper .single_message_wrap img { height: 118px !important; } /**16-10-2020**/ .offring_sec .right h2 { font-size: 64px; line-height: 78px; } section.banner_her-site .banner_text { left: 0; } .herder_rw .new_heder .right button.pro_btn { min-width: 400px; } section.offring_row { padding: 70px 0; } section.row_message_sec .message_form .left { padding-right: 15px; padding-top: 15px; } section.row_message_sec .message_form .left h4 { font-size: 15px; line-height: 15px; padding: 0 0 20px; } section.row_message_sec .message_form { } section.row_message_sec .message_form .right img { /* width: 100%; */ } section.row_message_sec .message_form .right .play_video img { width: 50px; } section.row_message_sec .message_form .right .blue_earth { right: -11px; bottom: -14px; } section.row_message_sec .message_form .right .blue_earth img { width: 31px; } section.row_message_sec .container_s { padding-right: 0; } section.intiatives { padding: 60px 0; } .our_int h2 { font-size: 30px; padding: 0 0 25px; line-height: 25px; } .our_int p { padding: 0 0 50px; } .home_crurch .kb_box .right h3 { font-size: 25px; line-height: 20px; padding: 0 0 20px; } .home_crurch .kb_box .left img { height: 373px; } .home_crurch .kb_box .right p { line-height: 20px; font-size: 12px; } /*.home_crurch .kb_box .left img { height: 70vh; }*/ .home_crurch .kb_box .left span { font-size: 20px; min-width: 81px; height: 37px; line-height: 37px; top: 30px; } .home_crurch .kb_box { padding: 0px 0 50px; } section.giving_sec { padding: 70px 0; } .covid_co { padding: 20px 0 25px; } .herder_rw .new_heder .left .logo_black { padding-left: 20px; } section.banner_her-site .banner_text { left: 0; transform: inherit; margin: 0 auto; width: 100%; top: 100px; right: 0; margin: 0 auto; padding: 0 0 0 60px; } section.banner_her-site .banner_text img { width: auto; } section.banner_her-site .banner_text img.text_img { width: 50%; margin: 9px 0 0px 0px; } section.banner_her-site img { height: 249px; } section.offring_row { padding: 60px 0; } .offring_sec .left img { height: 295px; } .offring_sec .right h2 { font-size: 40px; line-height: 34px; } .offring_sec .right p { font-size: 12px; line-height: 20px; padding-bottom: 20px; } .offring_row .container_s, .row_message_sec .container_s, .intiatives .container_s, .giving_sec .container_s { max-width: 563px; } .rec_giving .box_hover .img_sec { height: 192px; } .rec_giving .box_hover .content_hover { padding: 22px 0 0 0; } .rec_giving .box_hover .content_hover h2 { font-size: 20px; line-height: 17px; } .rec_giving .box_hover .content_hover p br { display: none; } .progress_sticky { min-width: 400px; } /***1-12-2020**/ section.hero_cotm { min-height: 278px; } .eve_service .left h2 { font-size: 22px; line-height: 28px; } .eve_service .right p { font-size: 12px; line-height: 20px; } .eve_service .right a { margin-top: 20px; } .title_video h2 { font-size: 45px; top: -24px; line-height: 40px; } .title_video p { font-size: 16px; line-height: 22px; margin: 0; padding: 0; } .container_cotm, section.special_online .container_r { max-width: 563px; } .video_img { max-width: 447px; margin: -150px auto 0; } .video_img > img { height: 252px; } section.christmas_eve { padding: 0 0px 150px 0; } section.vidoe_christmas .red_cotm img { width: 23px; } section.vidoe_christmas .red_cotm { top: -12px; } .video_img .play_bt { width: 58px; height: 58px; } section.download_view { padding: 45px 0 60px; } .download__img { padding: 44px 0 0; } .link_phone a { font-size: 16px; line-height: 22px; } .download__img .box_row { height: 225px; width: 29.63%; } .download_view .text_box { margin: 50px 0 30px 0; } .back_to_top a { font-size: 16px; line-height: 17px; } .download__img .box_row .hover_dow img { height: 78px; } /*christmas page*/ .share__img .box_row { width: 100%; } /*12-01-2021 X*/ .follow-us-wrap{justify-content: center;} .about-life-wrap .about-life-content .left, .about-life-wrap .about-life-content .right{width: 100%} .about-life-wrap .about-life-content{padding: 24px 0;} .about-life-content .right p{font-size: 15px;} /* 13-01-2021 X */ .blog_detail_wrapper_div > *{width:100%;} .blog_detail_wrapper_div .newsletter-wrap .form-cover{padding: 27px 20px;} .blog_detail_wrapper_div > section h2{font-size: 42px;line-height: 45px;} .blog_detail_wrapper_div > p > img {margin-left: 0px;} } @media (max-width:980px) { .atss { top: auto !important; position: fixed !important; } } /*end small group pages*/ @media (max-width:767px) { .wrap .main-image .single_message_wrap .image-wrapper img{height:180px;} .wrap .main-image{width:100%;padding:0px;} .wrap .main-image .single_message_wrap .image-wrapper a{font-size:30px;} header.header { z-index: 2; padding-top: 41px; } .header-section .logo { width: 200px; } .image_link-section .image-link { width: 100%; } .image_link-section { flex-direction: column; } .post-section-inner .event_portal_column { width: 100%; } .insta_feed .sbi_type_image { height: 200px; } .message_info_div { padding: 30px; } .home-hero-selector .banner-caption .select-sec ul.list-unstyled { top: 100%; } .home-hero-selector .banner-caption .select-sec { padding-top: 0; } .home-hero-selector .banner-caption { flex-direction: column; align-items: center; } .home-hero-selector .banner-caption h1 { font-size: 40px; } .home-hero-selector .banner-caption .select-sec { text-align: center; top: 10px; } .heading_h2 { /*font-size: 22px;*/ line-height: 24px; } .heading_h1_alt.white_heading_h1_alt { text-align: left; padding-left: 5%; } .sub-page-header .logo { width: 200px; } .heading_h1_alt { font-size: 30px; line-height: 36px; } .get-involved-box { width: 100%; } .get-involved-section .inner { flex-direction: column; } .get-involved-box-content { width: 100%; padding-top: 50px; padding-bottom: 50px; } .heading_h2 { margin-bottom: 3px; padding: 0px; /*font-size: 22px;*/ line-height: 28px; } .subpage_text_section { padding: 75px 5%; } .w-col-6 { width: 100%; } .subpage_text_image_columns { flex-direction: column; } .w-col-4 { width: 100%; } .subpage_color_block_text_middle_column_alt { padding-left: 0; } .w-col-8 { width: 100%; } .subpage_text_list_section { padding: 75px 5%; } .subpage-a-sec .inner { flex-direction: column; } .subpage-a-sec .inner .subpage_header_a_column_right { width: 100%; padding: 0; } .subpage-a-sec .inner .subpage_header_a_left_column { width: 100%; padding-bottom: 10px; } .w-col-9 { width: 100%; } .cta_text_columns { flex-direction: column; } .cta_text_content_left_column { padding: 100px 5%; } .w-col-3 { width: 100%; } .subpage_heading_column_right { text-align: left; } .subpage_text_column_left { padding: 0; } .w-col-5 { width: 100%; } .cta_text_cta_right_column { padding: 60px 40px 60px 15px; } section.subpage_color_block_text_section { padding: 50px 5%; } /*.watch_column_left:nth-child(1) img { width: 200px; } .watch_column_left:nth-child(2) img { width: 140px; }*/ .sub_nav_subpage_link ul li a { margin-bottom: 0px; font-size: 22px; } .sub_nav_top_content_column_right { padding-top: 25px; } .blog_list_column { flex-direction: column; } .blog_list_column_right { padding-left: 0; padding-top: 20px; } .blog_list_column_left { padding-right: 0; } .blog_hero_column_right { padding-top: 40px; } .blog_hero_column_left { padding-right: 0; } .blog_featured_wrapper_div_left { padding-top: 20px; } .blog_heading_1 h1 { font-size: 38px; } .featured_blog_wrapper_div { margin-bottom: 0; width: 100%; } .footer-top { width: 100%; } .footer-bottom { width: 100%; text-align: center; padding-top: 20px; } .copyright_wrap { text-align: center; } .footer_nav ul li a { text-align: center; } .footer_label { text-align: center; } .address { text-align: center; padding-top: 10px; } .site-footer { padding-bottom: 30px; } .blog_intro_text { font-size: 16px; } .blog_heading2_alt h2 { font-size: 24px; } .blog_heading_h2 h2 { font-size: 20px; } .blog_heading_h2 { font-size: 20px; } .filter-button-group { width: 100%; padding: 0; } .resource_link { margin-bottom: 15px; font-size: 22px; } .blog-header .logo { width: 40px; } .sub_nav_top_content_section { padding: 25px; } .sub_nav_subpage_link { margin-bottom: 74px; font-size: 22px; } .resrouce_detail_column_right { padding: 0; } .resource_column ul li { width: 100%; padding-bottom: 0; } .resource_column ul li a { font-size: 24px; } .resrouce_wrapper_div { width: 100%; } .sunday_info-sec .accordion-container .set > a { font-size: 26px; padding-bottom: 25px; padding-top: 38px; line-height: 1.2; } .sunday_info-sec .accordion-container .set > a .fa { margin-left: 5px; } .subpage_color_block_text_middle_column { padding-bottom: 30px; padding-right: 0; } .subpage_color_block_text_section_alt .heading_h1_alt.white_heading_h1_alt { padding-left: 0; line-height: 51px; } .blog_detail_wrapper_div { width: 100%; } .message_info_div { width: 100%; } a.cta_link { font-size: 14px; } .get-involved-box-content a { font-size: 14px; } .heading_h1_alt.white_heading_h1_alt { line-height: 51px; } .dropdown_content_div .Email.Notes { width: 100%; } .bannr-up-section { padding-top: 10px; } /*08/08/2020*/ .dropdown_content_div { padding: 50px 5%; } .sunday_event_info_wrapper_div { padding-right: 5%; } .giving_column_left { padding-right: 10%; } .sunday_event_info_wrapper_div h3 { font-size: 20px; line-height: 26px; } .next_steps_wrapper_div a { font-size: 14px; } .small_group_info_wrapper_div { padding-right: 5%; } .help_section .w-col-10 { width: 100%; padding: 0 0 10px 0; } .giving_set .giving_column_right { padding-top: 20px; } .connect_soical_right { padding-top: 38px; } .website_link_div { right: 5px; } .form-box input, .form-box select { height: 48px; padding: 8px 15px !important; } .form-box .gform_footer input.gform_button { height: auto; } /*outreaches inner page*/ .page-template-outreach-inner-template .subpage_header_div { height: auto; min-height: 350px; } .outreaches-row .outreaches-col { width: 100%; } .outreaches-row .outreaches-left .outreach-badges .badge { font-size: 0.95rem; } .outreaches-row .outreaches-left .outreach-tags .badge { font-size: 0.95rem; } .messages_wrapper .single_message_wrap { width: 50%; } .messages_wrapper { padding: 70px 5% 0 5%; } .find_group_wrapper { padding: 75px 5%; } .find_group_wrapper .filters_wrappper, .find_group_wrapper .groups { width: 100%; } .filters_wrappper .filters .ui-group select { padding: 12px 0; font-size: 16px; background-size: 16px; } .find_group_wrapper .groups .group_title_name { padding-top: 25px; padding-right: 25px; padding-bottom: 25px; background-size: 18px; font-size: 22px; } .find_group_wrapper .groups .active .group_title_name { background-size: 18px; } .find_group_wrapper .groups { padding-top: 30px; } .bannr-up-section .wrapper { display: block; } .bannr-up-section .wrapper .title, .bannr-up-section .wrapper .cta-btn { display: block; width: 100%; } .bannr-up-section .cta-btn a { font-size: 14px; margin-left: 0; margin-right: 10px; } .bannr-up-section .title h1 { font-size: 34px; width: 100%; } .sm-group-banner { justify-content: center; } .sm-group-banner h2 { font-size: 40px; line-height: normal; } .sm-group-block .box { width: 100%; } .sm-group-block .box { padding: 50px 40px; } .sm-group-image-section .box { width: 100%; padding: 20px; } .sm-gp-jesus-section .wrapper { display: block; } .sm-gp-jesus-section .title { width: 100%; } .sm-gp-jesus-section .discription { width: 100%; } .sm-gp-jesus-section .discription .ct-content { padding-right: 0; } .sm-gp-jesus-section .discription p { font-size: 16px; line-height: 24px; } .sm-gp-jesus-section .discription .button-link { margin-top: 10px; } .sm-gp-jesus-section .discription .button-link a { font-size: 12px; font-weight: 400; } .sm-gp-jesus-section .link { width: 100%; padding-top: 40px; } .sm-gp-jesus-section .link a { font-size: 14px; margin-bottom: 10px; } .sm-group-video-section .video-cover { min-height: 300px; } .sm-group-question-section .form-wrapper .title, .sm-group-question-section .form-wrapper .form-box { width: 100%; padding: 0; } .sm-gp-jesus-section { padding-top: 75px; padding-bottom: 75px; } .sm-group-video-section { padding-top: 75px; padding-bottom: 75px; } .sm-group-question-section { padding-top: 0; padding-bottom: 75px; } .sm-group-question-section .form-wrapper { padding-top: 75px; } .sm-group-question-section .form-wrapper .title h3 { font-size: 30px; } .find_group_wrapper .groups blockquote { font-size: 18px; } .footer_nav { padding-left: 0; } .bleed_image { position: relative; } .bleed_image a { position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: block; } .messages_wrapper .single_message_wrap img { height: 180px !important; } .parent-r-section .sub_nav_top_content_columns, .parent-r-section .sub_nav_top_content_column_right { width: 100%; padding: 0; } .resource-p-list .single-child-wrap .left-part, .resource-p-list .single-child-wrap .right-part { width: 100%; padding: 0; } .resource-p-list .single-child-wrap .right-part { padding-top: 30px; } .parent-r-section .sub_nav_top_content_column_right { padding-top: 30px; } .parent-r-section .sub_nav_top_content_columns img { max-width: 100%; width: auto; height: auto; } .c-resource h3 { font-size: 26px; } /**16-10-2020**/ section.offring_row { padding: 40px 0; } .offring_sec .left { width: 100%; } .offring_sec .left img { height: 258px; width: 100%; object-fit: cover; } .offring_sec .right { padding: 20px 0 0; width: 100%; } .offring_sec .right h2 { font-size: 30px; left: 0; line-height: 35px; top: 0; padding-bottom: 20px; } .offring_sec .right h2 br { display: none; } section.banner_her-site { padding: 0 10px; } section.row_message_sec .message_form .left, section.row_message_sec .message_form .right { width: 100%; } section.row_message_sec .container_s { padding: 39px 20px; } section.row_message_sec .message_form .left { padding: 0 15px; } section.intiatives { padding: 40px 0 0; } .home_crurch .kb_box .right, .home_crurch .kb_box .left { width: 100%; } .home_crurch .kb_box .left img { height: 148px; } .home_crurch .kb_box .left:after { width: 50px; } .home_crurch .kb_box .left span { min-width: 55px; font-size: 12px; height: 25px; line-height: 25px; top: 20px; } .home_crurch .kb_box .right { padding: 10px 0 0; } .home_crurch .kb_box .right h3 { left: 0; top: 0; padding: 20px 0 20px; line-height: 30px; } section.giving_sec { padding: 40px 0; } .rec_giving .box_hover { width: 100%; margin: 0; padding: 0 5px; } .rec_giving { flex-wrap: inherit; margin: 0; display: inherit; } .rec_giving .box_hover.result_hover { width: 100%; } section.banner_her-site .banner_text > img { width: 30px; } section.banner_her-site .banner_text img.text_img { margin-top: 6px; } .herder_rw .new_heder .right button.pro_btn { min-width: 100%; padding: 0 40px; font-size: 20px; height: 50px; line-height: 50px; width: 100%; margin: 10px 0px 10px; } .progress_row { width: 100%; text-align: center; margin: 0 auto; } .right.row_pro_grey { width: 100%; padding: 30px 20px 0; clear: both; } section.banner_her-site .banner_text > img { width: 30px; } section.banner_her-site .banner_text img.text_img { margin-top: 6px; margin-left: 10px; } .herder_rw .new_heder .right button.pro_btn { min-width: 100%; padding: 0 40px; font-size: 20px; height: 50px; line-height: 50px; width: 100%; margin: 10px 0px 10px; } .progress_row { width: 100%; text-align: center; margin: 0 auto; } .herder_rw .new_heder .right { width: 100%; } .herder_rw .new_heder .right .progress_con a { min-width: 100%; } .banner_her-site .left { width: 30%; } .banner_her-site .right { width: 70%; } section.banner_her-site { flex-wrap: wrap; } section.banner_her-site img { height: 146px; } .herder_rw .new_heder .right .left_p { padding: 61px 30px; } section.row_message_sec .message_form .left h4 { padding: 0 0 10px; text-align: left; } section.row_message_sec .message_form .left h4 br { display: none; } section.row_message_sec .message_form .left p { padding: 10px 0 0; } .rec_giving .box_hover .content_hover h2 { font-size: 20px; padding: 0 0 10px; line-height: 17px; } .rec_giving .box_hover .content_hover p br { display: none; } .right.row_pro_grey .right_p { padding: 20px; background: #f3f3f3; } .right.row_pro_grey .left_p { background: #f3f3f3; border-right: 1px solid #151716; padding: 61px 40px; } .right.row_pro_grey .progress_con h3, .herder_rw .new_heder .right .progress_con h4 { font-size: 25px; } .right.row_pro_grey .right_p .top { padding-bottom: 30px; position: relative; margin-bottom: 20px; } .right.row_pro_grey .right_p .last { padding-bottom: 100px; } .right.row_pro_grey .progress_con a { width: 100%; } .right.row_pro_grey button.pro_btn { min-width: 100%; } .right.row_pro_grey button.pro_btn { font-size: 20px; text-align: left; height: 54px; padding: 0 23px; position: relative; } .right.row_pro_grey .progress_con { display: flex; } .right.row_pro_grey button.pro_btn:before { position: absolute; content: ''; background: url(images/down.png); width: 18px; height: 10px; top: 50%; right: 20px; transform: translateY(-50%); } .right.row_pro_grey button.pro_btn.uparrow:before { position: absolute; content: ''; background: url(images/up.png); width: 18px; height: 10px; top: 50%; right: 20px; transform: translateY(-50%); } .right.row_pro_grey .show_pro {/* position: inherit;*/ width: 100%; } .progress_sticky.sticky_none { display: none; } .progress_sticky { display: block; min-width: 100%; padding: 15px 21px 29px; } section.banner_her-site .banner_text { left: 0; top: 50px; padding-left: 35px; } section.row_message_sec .message_form .left h4 br { display: none; } section.row_message_sec .message_form .left p { padding: 10px 0 0; } section.row_message_sec .message_form .right .play_video img { width: 37px; } section.row_message_sec .message_form .right .blue_earth { right: 20px; } .our_int p { padding: 0 0 40px; } .rec_giving .box_hover .img_sec img { opacity: 1; } .rec_giving .box_hover .content_hover h2 span, .rec_giving .box_hover .content_hover p { display: inline !important; } .rec_giving .slick-list.draggable { padding: 0 50px 0 0 !important; } .show_pro.active { display: block !important; } .show_pro { display: none !important; } .remindme_form h4 { font-size: 22px; line-height: 1.5; text-align: left; padding-bottom: 0; } .remindme_form { padding: 50px 30px; } .remindme_form input.hs-button.primary.large { margin: 30px auto 0; } /**23-10-2020**/ .right.row_pro_grey.sticky { position: fixed; top: 85px; z-index: 9; width: 100%; left: 0; padding: 0; } /**1-12-2020**/ .page-id-2214 .herder_rw .new_heder { flex-wrap: inherit; justify-content: space-around; } .right.right-header-logo img { height: 22px; margin-left: auto; } .right.right-header-logo { padding: 30px 0; } .eve_service { padding: 0; } .text_box { margin: 40px 0; } .eve_service .left h2 { font-size: 25px; line-height: 30px; text-align: left; margin: 0; padding-bottom: 23px; } .eve_service .left { width: 100%; text-align: left; } .container_cotm, section.special_online .container_r { padding: 0 20px; } .eve_service .right { width: 100%; padding-left: 0; } .eve_service .right p { font-size: 12px; line-height: 18px; margin-bottom: 10px; } .title_video h2 { font-size: 28px; top: -15px; line-height: 24px; } section.special_online { padding-bottom: 52px; } .title_video p { font-size: 12px; line-height: 15px; } .video_img > img { height: 179px; } .video_img .play_bt { width: 42px; height: 42px; } section.vidoe_christmas .red_cotm { visibility: hidden; } .eve_service { padding: 0; } .text_box { margin:20px 0 30px; } .eve_service .left h2 { font-size: 23px; line-height: 30px; text-align: left; margin: 0; padding-bottom: 23px; } .eve_service .left { width: 100%; text-align: left; } .container_cotm, section.special_online .container_r { padding: 0 20px; } .eve_service .right { width: 100%; padding-left: 0; } .eve_service .right p { font-size: 12px; line-height: 18px; margin-bottom: 10px; } .title_video h2 { font-size: 28px; top: -15px; line-height: 24px; } section.special_online { padding-bottom: 52px; } .title_video p { font-size: 12px; line-height: 15px; } .video_img > img { height: 179px; } .video_img .play_bt { width: 42px; height: 42px; } section.vidoe_christmas .red_cotm { visibility: hidden; } section.download_view { padding: 23px 0 30px; } .download__img { padding: 23px 0 0; } .link_phone a { font-size: 12px; line-height: 15px; } .download__img .box_row { height: 180px; width: 100%; margin: 0 0 20px; } .download__img .box_row .hover_dow img { height: 86px; } .subpage_image_section img { width: 100%; height: 233px; object-fit: cover; } section.christmas_eve { padding: 0 0px 100px 0; } .video_img { margin: -90px auto 0; } .download_view .text_box {margin: 10px 0 30px 0; } /*12-01-2021 X*/ .about-life-wrap .about-life-content{width: 100%;} .about-life-wrap .about-life-content .left{margin-bottom: 18px} /* 13-01-2021 X */ .blog_detail_wrapper_div > section h2{font-size: 26px;line-height: 35px;} .blog_detail_wrapper_div > section h2 br{display: none;} .blog_detail_wrapper_div .news-form fieldset .input{margin: 0 0 15px !important;} .blog_detail_wrapper_div .news-form fieldset.form-columns-2{margin: 0;} /*04-08-2021*/ .blog_detail_wrapper_div iframe{width: 100% !important;} /*17-09-2021*/ .page-template-series-video-template .wrap.new_wrap .main-image { width: 100%; padding: 0 100px; } } @media (max-width:766px) { .sub_nav_top_content_section .leadership_columns { display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .sub_nav_top_content_section .leadership_columns .leadership_column_right { padding-bottom: 20px; } .sub_nav_top_content_section .leadership_columns .leadership_column_right img { max-width: 70%; margin: auto; } } @media (max-width:640px) { /*404 page*/ .search-form label { width: 100%; } .search-form .screen-reader-text { width: 100%; display: inline-block; margin-bottom: 5px; } .search-form .search-field { width: 100%; } .search-form .search-submit { width: 100%; } /*30/06/2020*/ .login_form #gform_fields_login { display: block; } body .login_form .gform_wrapper ul li.gfield { width: 100%; } body .login_form .gform_wrapper ul li.gfield .ginput_container_checkbox { width: auto; margin-top: 16px; } .login_form .gform_wrapper li.gfield.gfield_error.gfield_contains_required { padding-right: 0px !important; } .login_form .gform_body { display: block; } .login_form .gform_wrapper .gform_footer { width: auto; } .dropdown_content_div .Email.Notes .gform_wrapper form { display: block; } .dropdown_content_div .Email.Notes .gform_wrapper .gform_footer { width: auto; } .sunday_info-sec .accordion-container .set.contact-sec .content { padding-right: 5%; padding-left: 5%; } .sunday_info-sec .accordion-container .set.contact-sec > a { font-size: 26px; } .connect_soical_right a { width: 35px !important; } .payment-cover-box .cotm_payment_methods, .payment-cover-box .cotm_giving_schedules { width: 100%; } .dropdown_content_div .Email.Notes .gform_wrapper .gform_body { width: 100% !important; margin-bottom: 15px; } #group_video iframe { height: 280px; } .series-video-popup iframe { height: 280px; } .bleed_image { min-height: 300px; } } @media (max-width:575px) { .sunday_header_section .cotm_login_form { width: auto; } .messages_wrapper .single_message_wrap { width: 100%; margin-bottom: 30px; } .event_wrapper_div.event_01 { background-position: right !important; } .messages_wrapper .single_message_wrap img { height: auto !important; } .series-video-box .top-series-video .s-image img{height: auto;} .page-template-series-video-template .video-block .wrap.new_wrap .main-image{padding: 0px 10px;} .series-video-box .top-series-video{padding: 0px 10px;} .page-template-series-video-template .wrap.new_wrap{padding: 10px 5% 10px 5%;} .page-template-series-video-template .video-block .wrap.new_wrap .main-image:last-child{margin-bottom: 0;} .video-block{padding-top: 25px;} } @media (max-width:480px) { .series-video-popup iframe { height: 280px; } .sunday_header_section .cotm_login_form .cover-box input#login_phone { width: 100%; margin: 0 0 8px; } /*17-09-2021*/ } @media (max-width:390px) { .series-video-popup iframe { height: 200px; } } @media (max-width:374px) { .bannr-up-section .wrapper .title, .bannr-up-section .wrapper .cta-btn a { display: block; } } @media (max-width:327px) { input.login_send_otp { padding: 0 10px; } /* 11-02-2021 X */ .right.row_pro_grey{padding: 30px 0 0;} .progress_sticky.progresslandingmobile > h3{ font-size: 12px;} } /*27-01-2021*/ .blog_detail_wrapper_div blockquote p{line-height: 43px; letter-spacing: 0.5px; color: #404040; font-size: 35px; font-family: NeueHaasGroteskDisp W02;} .blog_detail_wrapper_div blockquote p strong{ font-family: 'NeueHaasGroteskText W02 Md';} /*28-01-2021*/ .sm-group-image-section .box .content, .sm-group-image-section .box .content p{width: 100%;/* height: 100%; */max-width: 100%;} .sm-group-image-section .box iframe{height:100%;width:100%;min-height: 400px;} /*03-02-2021*/ .right.row_pro_grey.progresslandingmain button.pro_btn{background-color: #F3F3F3;color: #434343;} .progresslandingmain .progresslanding .progress_con{background-color: #151716;padding: 35px;color: #ffffff;height: 591px;} .progresslandingmain .progresslanding .left_p, .progresslandingmain .progresslanding .right_p{padding: 0;background-color: transparent;} .progresslandingmain .progresslanding .left_p span{background:transparent;width: 100%;} .progresslandingmain .progresslanding .left_p span:before, .progresslandingmain .progresslanding .left_p span:after{display: none;} .progresslandingmain .progresslanding .progresslandingfullhight{width: 100%;height: 100%;background-color: #606060;display: flex;flex-wrap: wrap;align-content: flex-end;position: relative;} .progresslandingmain .progresslanding .progresslandingglobalvalue{position: absolute;left: 100%;top: 0;padding-left: 25px;} .progresslandingmain .progresslanding .progresslandingglobalvalue h3{font-size: 34px;color: #ffffff;} .progresslandingmain .progresslanding .progresslandingcol {position: relative;width: 100%;} .progresslandingmain .progresslanding .progresslandingvalue{position: absolute;left: 100%;top: 0px;width: 245px;padding-left: 25px;} .progresslandingmain .progresslanding .progress_con h4{margin: 0;padding-bottom: 10px;font-size: 24px;line-height: 26px;} .progresslandingmain .progresslanding .progress_con p{font-size: 16px;color: #ffffff;} .progresslandingmain .progresslanding .progress_con .progresslandigbtn{position: absolute;left: 100%;padding-left: 25px;bottom: 0;} .progresslandingmain .progresslanding .progress_con .progresslandigbtn a{color: #ffffff;border-color: #ffffff;line-height: 36px;} .progresslandingmain .progresslanding .progress_con .progresslandigbtn a:hover{color: #18AECB;border-color: #18AECB;} .progresslandingmain .progresslandingmobile{background-color: #151716;padding: 40px 30px;color: #ffffff;height: 94px;} .progresslandingmain .progresslandingmobile .progresslandingfullhight{width: 100%;height: 100%;background-color: #606060;display: flex;align-content: flex-end;position: relative;} .progresslandingmain .progresslandingmobile .progresslandingcol {position: relative;height: 100%;} .progresslandingmain .progresslandingmobile .progresslandingvalue{position: absolute;right: 0;bottom: 100%;} .progresslandingmain .progresslandingmobile .progresslandingglobalvalue{position: absolute;right: 0;bottom: 100%;} .progresslandingmain .progresslandingmobile .progresslandingglobalvalue h3{margin: 0;padding: 0;font-size: 14px;color: #ffffff;font-weight: normal;padding-bottom: 3px;} .progresslandingmain .progresslandingmobile h4{margin: 0;padding:0;font-size: 14px;font-weight: normal;padding-bottom: 3px;} /*24-3-2021*/ header.herder_rw.sticky .progress_sticky{position: relative;} .progresslandingmain .progresslandingmobile .progresslandingfullhight{position: static;} .progresslandingmain .progresslandingmobile .progresslandingglobalvalue{position: relative; display: inline; padding-left: 10px; margin-left: 10px; border-left: 1px solid #fff;} .progress_sticky.progresslandingmobile > h3{display: inline;} .progresslandingmobile-wrap{text-align: right;} .progresslandingmobile-wrap h3{margin: 0; font-size: 14px; font-weight: normal; padding-top: 3px; display: inline;} .single-post .blog_detail_wrapper_div > ol > li, .subpage_text_column_left .body_copy > ul > li{margin-left: 15px;} /*5-2-2021*/ .blog_hero_column_left .blog_featured_columns .blog_heading2_alt h2{font-family: 'Neue haas grotesk text w02', sans-serif; line-height: normal;} @media(max-width: 767px){ .blog_hero_column_left .blog_featured_columns .blog_heading2_alt h2{font-size: 20px;} } @media (max-width:1440px){ .progresslandingmain .progresslanding button.pro_btn{min-width: 380px;font-size: 26px;} .progresslandingmain .progresslanding .progresslandingglobalvalue h3{font-size: 30px;} .progresslandingmain .progresslanding .progress_con{padding: 25px;} .progresslandingmain .progresslanding .progress_con h4 {padding-bottom: 5px;font-size: 20px;line-height: 22px;} .progresslandingmain .progresslanding .progresslandingvalue{padding-left: 15px;} .progresslandingmain .progresslanding .progress_con .progresslandigbtn{padding-left: 15px;} /* 11-02-2021 X */ .progresslandingmain .progresslanding .progresslandingglobalvalue{padding-left: 15px;} } @media (max-width:1024px){ .progresslandingmain .progresslanding button.pro_btn{min-width: 320px;font-size: 22px;} .progresslandingmain .progresslanding .progresslandingglobalvalue h3{font-size: 24px;} .progresslandingmain .progresslanding .progress_con{padding: 15px;} .progresslandingmain .progresslanding .progress_con h4 {font-size: 18px;line-height: 20px;} .progresslandingmain .progresslanding .progress_con p {font-size: 14px;} .progresslandingmain .progresslanding .left_p{width: 20%;} .progresslandingmain .progresslanding .progress_con{height: 450px;} .page-template-landing-template section.banner_her-site .banner_text{top: 50%;transform: translateY(-50%);} .page-template-landing-template section.banner_her-site .banner_text img{height: 32px;} .page-template-landing-template section.banner_her-site img{height: 450px;} .progresslandingmain .progresslanding .progress_con .progresslandigbtn a{width: 140px;} } @media (max-width:767px){ .progresslandingmain .progresslanding .left_p{padding: 0;} .progresslandingmain.right.row_pro_grey.sticky{position: inherit;padding: 30px 20px 0px;} .page-template-landing-template section.banner_her-site img{height: 240px;} .right.row_pro_grey.progresslandingmain .show_pro{position: inherit;} .progresslandingmain .progresslandingmobile.sticky_none{display: none !important;} .progresslandingmain .progresslandingmobile{padding: 30px 25px;height: 72px;} .progresslandingmain .progresslandingmobile .progresslandingglobalvalue h3, .progresslandingmobile-wrap h3{font-size: 10px;} .progresslandingmain .progresslandingmobile h4{font-size: 10px;} } @media (max-width:575px){ .page-template-landing-template section.banner_her-site img{height: 180px;} .page-template-landing-template section.banner_her-site .banner_text img.text_img{width: 76%;} }