/* Theme Name: Mariners Church 2015 Author: PlainJoe Studios Author URI: http://www.plainjoestudios.com Description: Custom Wordpress theme for Mariners Church 2015. Version: 1.0 Tags: pjs Text Domain: pjs */ html, body {width:100%; height:100%; margin:0; padding:0;} h1, h2, h3, h4, h5, ul, ol, li, form {margin:0; padding:0;} p {margin:0 0 15px 0;} div {width:auto; height:auto; margin:0 auto;} a {color:#ffa82c; outline:none; text-decoration:none; cursor:pointer;} a:hover {color:#000; text-decoration:none;} img {border:0; outline:none; max-width:100%; height:auto;} object, embed {outline:none; display:block;} input, textarea, select {outline:none;} ul {list-style:square; margin:0 0 15px 25px;} ol {margin:0 0 15px 25px;} li:last-child, ul.children {margin-bottom:0;} iframe {max-width:100%; max-height:100%;} blockquote {font-size:26px; line-height:30px;} strong, b {font-weight:700;} ::-moz-selection {background:#fbaf34; color:#fff; text-shadow:none;} ::selection {background:#fbaf34; color:#fff; text-shadow:none;} ::-webkit-input-placeholder {color: #c8c8c8;} :-moz-placeholder {color: #c8c8c8;} ::-moz-placeholder {color: #c8c8c8;} :-ms-input-placeholder {color: #c8c8c8;} /*HIDE ALL ANIMATION ELEMENTS*/ [data-sr] {visibility: hidden;} body {font:17px/28px 'Source Sans Pro', Arial, Helvetica, sans-serif; color:#393939; font-weight:400;} h1, h2, h3, h4, h5, input, textarea {font-family:'Source Sans Pro', Arial, Helvetica, sans-serif; font-weight:400;} h1 {font-size:25px;} h2 {font-size:23px;} h3 {font-size:20px;} h4 {font-size:18px;} h5 {font-size:16px;} .findingCampusModal {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:#ffffff; z-index:1002;} .fcmLoadingBar {background:#ffa82c; height:3px; width:3px; position:absolute; top:0px; left:0px;} .fcmLogo {max-width:662px; height:225px; top:50%; left:50%; margin-left:-331px; margin-top:-165px; position:absolute;} .fcmText {display:none; font-weight:700; text-align:center; padding:30px 0; color:#cccccc;} @media (max-width:767px) { .fcmLogo {width:100%; left:0px; text-align:center; margin:-100px auto 0;} .fcmLogo img {width:80%;} } .homeOverlay {z-index:2000; position:absolute; top:0; left:0; display:block; width:100%; height:auto; background:#ffffff; text-align:center;} .homeContainer {max-width:900px; margin:0 auto; text-align:center;} .hoBg {position:absolute; top:0; left:0; width:100%; display:block; background:#fff url(images/ho-bg.gif) center top no-repeat; background-size:cover; min-height:680px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoLogoLong {margin:0 auto; text-align:center; padding:5% 0 4%;} .hoLogoLongLogo {width:492px; height:131px; position:relative;} .hoLogoLongLogo.large {width:492px; height:131px;} .hoLogoLongLogo.medium {width:280px; height:70px;} .hoLogoLongLogo.small {width:190px; height:42px;} .hoLogoLongLogo img {width:100%; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoLogoLongCampus {position:absolute; right:5.5%; top:59%; font-weight:700; color:#ffa82c; text-transform:uppercase; letter-spacing:0.5pt; font-size:25px;} .hoLogoLongLogo.medium .hoLogoLongCampus {font-size:15px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoLogoLongLogo.small .hoLogoLongCampus {font-size:11px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoWelcome {display:block; margin:0 auto; text-align:center; z-index:100; position:relative; padding:0 0 70px;} .hoWelcome img {width:100%; max-width:880px;} .hoVideo {border: 10px solid #fff; vertical-align: top; height: 0; position: relative; padding-bottom: 55.25%; padding-top: 0px; overflow: hidden; max-width:800px;} .homeContainer > img {max-width:800px;} .hoVideo a{width: 100%; height: 100%; display: block;} .hoVideo .hoVideoBorder .hoVideoVimeo {width: 100%; height: 100%; display: none;} .hoVideo .hoVideoBorder iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .hoVideo .hoVideoBorder {border:10px solid #fff; vertical-align:top; display: block; overflow:hidden;} .hoVideo .hoVideoBorder img {max-width: 100%; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .hoVideo img {vertical-align: top !important;} .hoVideo .hoVideoImage {display:block; position:absolute; width:100%; height:100%; top:0px; left:0px;} .hoContent {padding:20px 0 115px; font-size:18px;} .hoButtons {clear:both; display:block; margin:30px 0 0px;} .hoButtons a {border:2px solid #ffa82c; font-size:30px; line-height:30px; color:#000; letter-spacing:1.0pt; font-weight:600; text-align:center; text-transform:uppercase; cursor:pointer; display:inline-block; vertical-align:top; margin:0px 10px 0; padding:20px 80px; -webkit-appearance: none; border-radius: 3px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoButtons a:hover {background:#ffa82c; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoContinue {margin:50px 0 0px;} .hoContinue .hoContinueText {vertical-align:top; text-transform:uppercase; display:inline-block; color:#000; font-size:20px; font-weight:100; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoContinue a {-webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoContinue a:hover {background:#eeeeee; padding:10px 20px; border-radius:3px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoContinue .hoContinueArrow {vertical-align:top; text-transform:uppercase; display:inline-block; padding:4px 0 0 20px;} .hoContinue .hoContinueArrow img {} .overflow {overflow:hidden !important;} @media (max-width:970px) { .homeContainer {padding:0 20px;} .hoWelcome img {width:80%; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoWelcome {padding:3% 0 5%;} .hoBg {min-height:40%; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoLogoLong {padding:5% 0 4%;} .hoLogoLongLogo.large {width:280px; height:70px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoLogoLongLogo.medium {width:280px; height:70px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoLogoLongLogo.large .hoLogoLongCampus {font-size:15px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoLogoLongLogo.medium .hoLogoLongCampus {font-size:15px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} } @media (max-width:900px) { .hoButtons a {margin:10px 15px; padding:15px 40px; font-size:20px; line-height:20px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .homeContainer > img {max-width:100%;} } @media (max-width:650px) { .hoContent {padding:20px 0 50px;} .hoBg {min-height:30%; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoLogoLongLogo.large {width:190px; height:42px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoLogoLongLogo.medium {width:190px; height:42px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoLogoLongLogo.small {width:190px; height:42px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoLogoLongLogo.large .hoLogoLongCampus {font-size:11px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoLogoLongLogo.medium .hoLogoLongCampus {font-size:11px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoLogoLongLogo.small .hoLogoLongCampus {font-size:11px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoButtons a {width:90%; display:block; margin:10px auto; padding:15px 0px; font-size:20px; line-height:20px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} } @media (max-width:500px) { .hoContinue a {display:block; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .hoContinue .hoContinueText {display:block;} .hoContinue .hoContinueArrow {display:block; padding:10px 0 0 0px;} } .closeModalBtn {position:fixed; right:25px; top:21px; z-index:9999; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .closeModalBtn > span {width:18px; height:18px; display:block; background:url(images/site-icons.png) -33px 0 no-repeat; text-indent:-9999px;} .closeModalBtn:hover > span {background:url(images/site-icons.png) -33px -21px no-repeat;} .searchModal {width:100%; height:100%; background:#212b34; background:rgba(33,43,52,0.95); position:fixed; left:0; top:0; z-index:1002; display:none;} .searchModalInner {max-width:1300px; text-align:center; position:relative; margin-top:3%; padding:0 15px;} .searchModalInner input[type="text"] {width:80%; font-size:101px; line-height:90px; color:#fff; color:rgba(255,255,255,0.3); font-weight:700; background:transparent; border:0; margin:10px 0 0; text-align:left; display:block;} .searchModalTitle {font-size:22px; line-height:22px; font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:0.25pt; text-align:left;} .searchModalResults {width:100%; text-align:left; clear:both; padding:30px 0 0; overflow:hidden; overflow-y:auto; position:relative;} .searchModalResults h3 {color:#ffffff; padding:0 0 20px;} .searchModalResult {width:280px; height:460px; display:inline-block; margin:0 40px 20px 0px; background:#fff; vertical-align:top; position:relative;} .searchModalResult > a {display:block; text-align:center;} .searchModalResult img {max-width:100%; max-height:180px; height:auto; width:100%; display:block;} .searchModalResult .title {display:block; font-size:24px; line-height:24px; color:#4a4a4a; padding:18px 17px 0; text-transform:uppercase; text-align:left;} .searchModalResult .location {font-size:15px; line-height:28px; color:#393939; padding:12px 17px 0; text-align:left;} .searchModalResult .locationIcon {display:block; margin:12px 13px 0 17px; width:16px; height:20px; background:url(images/site-icons.png) 0 -42px no-repeat; float:left;} .searchModalResult .locationText {font-size:15px; line-height:28px; padding:10px 0 0 0; color:#393939; text-align:left; float:left;} .searchModalResult .excerpt {display:block; font-size:17px; line-height:28px; color:#393939; padding:12px 17px 0; text-align:left;} .searchModalResult .link {width:114px; display:block; position:absolute; bottom:0px; left:50%; clear:both; padding:8px 10px; border:1px solid #528da4; margin:0px 0px 20px -67px; font-size:16px; line-height:16px; font-weight:600; color:#f8aa3a; letter-spacing:1pt; text-transform:uppercase; text-align:center; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .searchModalResult > a:hover .link {background:#00a9b0; color:#fff;} .searchModalResult.viewAll {background:url(images/search-result-all.jpg) no-repeat;} .searchModalResult.viewAll > a {padding:11px 0 0 11px;} .smrvaBox {display:block; width:100%; max-width:258px; height:437px; background:rgba(0,169,176,0.9);} .smrvaLink {width:176px; padding:7px 10px; display:inline-block; font-size:16px; line-height:16px; color:#fff; text-transform:uppercase; letter-spacing:1pt; border:1px solid #fff; margin-top:75%; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .smrvaLink strong, .smrvaLink b {font-weight:700;} .searchModalResult.viewAll > a:hover .smrvaLink {background:#fff; color:#00a9b0;} .searchSorry {font-size:20px; line-height:24px; font-weight:700; text-transform:uppercase;} .searchLoading {position:absolute; left:20px; top:220px;} .searchSection {width:100%; clear:both; display:none;} .ssBox {height:50px; background:#818181; font-size:14px; line-height:14px; color:#ffffff; position:relative;} .ssBoxLeft {width:80%; height:50px; background:#818181; float:left; float:right;} .ssBoxRight {width:50px; height:50px; overflow:hidden; float:left; background:#6cbede; float:right;} .ssBox input[type="text"] {padding:12px 25px 0 5px; float:right; width:90%; border:0; font-size:18px; line-height:26px; color:#ffffff; text-transform:uppercase; background:transparent; text-align:right;} .ssBox input[type="submit"] {width:100%; height:50px; padding:9px; font-size:18px; line-height:26px; color:#464f5a; background:url(images/icon-seach.png) center center no-repeat; border:0; cursor:pointer; margin-top:0px; -webkit-appearance:none; text-indent:-9999px; -webkit-appearance: none; border-radius: 0;} .ssBox input[type="submit"]:hover {background:#ffa82c url(images/icon-seach.png) center center no-repeat;} .locationModal {width:100%; height:100%; background:#212b34; background:rgba(33,43,52,0.95); position:fixed; left:0; top:0; z-index:1002; display:none;} .locationModalInner {width:100%; text-align:center; position:relative; overflow:hidden; overflow-y:auto;} .locationModalLogo {clear:both; padding:60px 0 0;} .locationModalLogo a {display:block; margin:0 auto;} .locationModalLogo img {max-width:100%; height:auto; display:block; margin:0 auto;} .locationModalItems {width:100%; max-width:1220px; text-align:left; clear:both; padding:67px 0 0;} .locationModalItemStatic {width:374px; height:335px; margin:0 15px 26px; display:inline-block; position:relative; overflow:hidden;} .locationModalItemStatic > a {display:block; text-align:left; color:#fff; text-transform:uppercase;} .locationModalItemStatic > a > img {max-width:100%; height:auto; display:block;} .locationModalItem {width:374px; height:335px; margin:0 15px 26px; display:inline-block; position:relative; overflow:hidden;} .locationModalItem > a {display:block; text-align:left; color:#fff;} .locationModalItem > a > img {max-width:100%; height:auto; display:block;} .lmiHover {width:316px; height:311px; display:block; background:rgba(0,169,176,0.9); padding:0 18px 0 16px; position:absolute; left:12px; top:12px; z-index:21; filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .lmiHover > span {display:block;} .lmiTitle {font-size:29px; line-height:29px; padding:30px 0 10px; border-bottom:1px solid #fff; text-transform:uppercase;} .lmiTitle strong, .lmiTitle b {font-weight:600;} .lmiTitle .loc {display:block; font-size:33px; line-height:23px; font-weight:700;} .lmiTxt {padding:16px 0 0 2px; font-size:18px; line-height:20px; font-weight:400;} .lmiTxt .light {display:block !important; font-weight:300; padding:18px 0 0;} .lmiLink {width:156px; padding:10px; border:1px solid #fff; font-size:18px; line-height:18px; font-weight:600; color:#393939; margin:16px auto; text-align:center; letter-spacing:1pt; text-transform:uppercase;} .lmiLink:hover {background:#ffffff;} .lmiMainTitle {font-size:29px; line-height:29px; color:#fff; position:absolute; left:30px; bottom:28px; z-index:1; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; text-transform:uppercase;} .lmiMainTitle strong, .lmiMainTitle b {font-weight:600;} .lmiMainTitle .loc {display:block; font-size:36px; line-height:23px; font-weight:700;} .locationModalItem > a:hover .lmiHover {filter:alpha(opacity=100) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity:1; -webkit-opacity:1; opacity:1;} .locationModalItem > a:hover .lmiMainTitle {filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0;} .locationModalItemStatic > a:hover .lmiHover {filter:alpha(opacity=100) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity:1; -webkit-opacity:1; opacity:1;} .locationModalItemStatic > a:hover .lmiMainTitle {filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0;} .newsletterTopBar {width:100%; height:53px; clear:both; background:#272727; text-align:center; padding:10px 0 0; position:relative; z-index:10;} .ntbTxt {display:inline-block; vertical-align:top; font-weight:300; color:#6cbede; font-size:21px; line-height:21px; text-transform:uppercase; margin:6px 17px 0 auto;} .ntbInput {width:233px; height:37px; background:#535353; display:inline-block; vertical-align:top;} .ntbIcon {width:20px; height:15px; display:inline-block; background:url(images/site-icons.png) -71px 0 no-repeat; text-indent:-9999px; margin:11px 16px 0 12px; vertical-align:top;} .ntbInput input[type="text"], .ntbInput input[type="email"] {width:168px; height:26px; background:transparent; border:0; font-size:12px; line-height:12px; color:#767676; font-weight:400; text-transform:uppercase; vertical-align:top; margin:5px auto 0;} .newsletterTopBar input[type="submit"], .newsletterTopBar input[type="button"] {width:68px; height:29px; background:#262626; border:1px solid #6cbede; font-size:12px; line-height:12px; color:#fff; font-weight:600; text-align:center; text-transform:uppercase; cursor:pointer; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; display:inline-block; vertical-align:top; margin:4px auto 0 18px;} .newsletterTopBar input[type="submit"]:hover, .newsletterTopBar input[type="button"]:hover {background:#6cbede; color:#262626;} .shareSection {width:37px; position:fixed; right:40px; /*top:15%;*/ bottom:7%; z-index:100; font:normal normal normal 18px/1 FontAwesome; z-index:6;} /*.shareSection.home {top:55%;}*/ .shareSection ul {list-style:none; width:100%; margin:0 auto; text-align:center;} .shareSection ul li {height:37px; width:150px; margin:10px 0; position:relative;} .ssIcon a {display:block; line-height:200%; width:35px !important; height:35px; color:#fff; border:1px solid #fff; border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,0.3); text-shadow:0 0 5px rgba(0,0,0,0.5);} .ssIcon a:hover {border-color:#ffa82c; background-color:#ffa82c;} .ssIcon a > span {font:18px/18px 'Source Sans Pro', sans-serif; text-transform:uppercase; position:absolute; padding-left:20px; padding-right:30px; left:30px; padding-top:10px; padding-bottom:10px; filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .ssIcon a:hover > span {filter:alpha(opacity=100) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity:1; -webkit-opacity:1; opacity:1;} /* .ssIcon .fa-facebook-f:before, .ssIcon .fa-facebook:before {margin-left:11px;} .ssIcon .fa-twitter:before {margin-left:8px;} .ssIcon .fa-envelope:before {margin-left:8px;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ssIcon .fa-facebook-f:before, .ssIcon .fa-facebook:before {margin-left:0;} .ssIcon .fa-twitter:before {margin-left:0;} .ssIcon .fa-envelope:before {margin-left:0;} } */ .container {width:100%; min-width:300px; height:100%;} .mainInner {position:relative; overflow:hidden;} .visible {overflow:visible;} .mobileHeader {width:100%; height:67px; position:fixed; top:0; left:0; z-index:1001; display:none;} .mobileHeaderFixed, .mobileHeaderOpen {background:rgba(33,43,52,0.98); -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .mobileHeader .inner {display:block; clear:both;} .mobileHeader .inner:after {content:' '; display:block; clear:both;} .mobileHeader .logo {width:263px; float:left; margin:17px 0 0 30px; position:relative;} .mobileHeader .logo a {display:block;} .mobileHeader .logo img {max-width:100%; height:auto; display:block;} .mobileHeader .logo span {font-size:13px; line-height:11px; color:#ffa82c; text-transform:uppercase; letter-spacing:0.5pt; font-weight:700; position:absolute; right:0; bottom:2px; z-index:1; cursor:pointer; display:none;} .mobileHeader .logo span.show {display:block;} .mobileHeader .btns {float:right; margin:28px 25px 11px 10px; position:relative;} .bSearch {height:24px; display:inline-block; cursor:pointer; vertical-align:top; padding:0 30px;} .bSearch span {width:18px; height:18px; display:inline-block; background:url(images/site-icons.png) -52px 0 no-repeat; text-indent:-9999px; vertical-align:top; margin-top:2px;} .bLocs {height:24px; display:inline-block; cursor:pointer; vertical-align:top; padding:0 30px; border-left:1px solid rgba(255,255,255,0.5);} .bLocs > span {width:16px; height:20px; display:inline-block; background:url(images/site-icons.png) 0 0 no-repeat; text-indent:-9999px; margin-top:1px; vertical-align:top; transition:background-color 0s 0.1s cubic-bezier(0.0, 0.0, 0.58, 1.0), -webkit-transform 0.2s cubic-bezier(0.0, 0.0, 0.58, 1.0); transition:transform 0.2s cubic-bezier(0.0, 0.0, 0.58, 1.0), background-color 0s 0.1s cubic-bezier(0.0, 0.0, 0.58, 1.0); transition:transform 0.2s cubic-bezier(0.0, 0.0, 0.58, 1.0), background-color 0s 0.1s cubic-bezier(0.0, 0.0, 0.58, 1.0), -webkit-transform 0.2s cubic-bezier(0.0, 0.0, 0.58, 1.0);} .bLocs.is-active > span {background:url(images/site-icons.png) -32px -40px no-repeat; -webkit-transform:rotateY(180deg); transform:rotateY(180deg);} .bMenu {height:24px; display:inline-block; cursor:pointer; vertical-align:top; padding:0 0 0 30px; border-left:1px solid rgba(255,255,255,0.5); display:none;} .bMenu > span {display:inline-block; vertical-align:top; padding-top:7px;} .bMenu button {outline:none; padding:0 !important;} .mobileHeader .search {display:block; clear:both; padding:31px 15px 34px 30px; background:#212b34; position:relative; display:none;} .mobileHeader .search input[type="text"] {width:80%; border:0; background:transparent; font:26px/26px 'Source Sans Pro'; color:#7e8286; text-transform:uppercase;} .mobileHeader .search .closeBtn {width:18px; height:18px; display:block; background:url(images/site-icons.png) -33px 0 no-repeat; text-indent:-9999px; position:absolute; right:30px; top:38px;} .mobileLocs {width:100%; height:100%; background:rgba(33,43,52,0.98); overflow:hidden; overflow-y:auto; position:fixed; left:0; top:0; z-index:1000; display:none;} .mobileLocs .inner {margin-top:66px; padding:50px 15px;} .mobileLocs .title {font-size:17px; line-height:17px; font-weight:600; text-align:center; padding:0 0 14px; border-bottom:1px solid #896530; margin-bottom:25px; text-transform:uppercase; color:#fff;} .mobileLocs .mobileLocItem {width:280px; height:281px; margin:0 auto 20px; position:relative;} .mobileLocs .mobileLocItem a {display:block; text-align:left; color:#fff;} .mobileLocs .mobileLocItem a > img {max-width:100%; height:auto; display:block;} .mobileLocs .mobileLocItem .title {font-size:21px; line-height:23px; color:#fff; position:absolute; left:15px; bottom:15px; z-index:1; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; text-transform:uppercase;} .mobileLocs .mobileLocItem .title strong, .mobileLocs .mobileLocItem .title b {font-weight:600;} .mobileLocs .mobileLocItem .title .loc {display:block; font-size:29px; line-height:21px; font-weight:700;} .mobileLocs .mobileLocItem .title .loc.small {font-size:24px;} .mobileMenu {width:100%; height:100%; background:rgba(33,43,52,0.98); overflow:hidden; overflow-y:auto; position:fixed; left:0; top:66px; z-index:1001; display:none;} .mobileMenu .inner {padding:50px 15px;} .mobileMenu .inner > .title {font-size:17px; line-height:17px; font-weight:600; padding:0 0 14px; border-bottom:1px solid #896530; text-transform:uppercase; color:#fff; margin:0 0 28px; cursor:pointer; display:none;} .mobileMenu .inner > .title.menu {display:block; cursor:default; color:#ffa82c;} .mobileMenu .inner > .title > span {width:7px; height:11px; display:inline-block; background:url(images/site-icons.png) -88px -32px no-repeat; text-indent:-9999px; vertical-align:middle; margin:-2px 10px 0 1px;} .mobileMenu ul {list-style:none; margin:0;} .mobileMenu ul:last-child {padding-bottom:50px;} .mobileMenu ul > li {font-size:18px; line-height:18px; color:#fff; text-transform:uppercase; font-weight:600; margin:0 0 40px;} .mobileMenu ul > li > a {color:#fff; display:block;} .mobileMenu .menuGroup {display:none;} .mobileMenu .menuGroup .col.name {font-size:25px; line-height:25px; color:#ffa82c; text-transform:uppercase; margin:0 0 32px; font-weight:600;} .mobileMenu .menuGroup .col.name .tag {display:inline-block; padding:8px 15px; background:rgba(255,255,255,0.08); font-size:13px; line-height:13px; color:#fff; text-transform:uppercase; margin:10px 0 0;} .mobileMenu .menuGroup .col.name .tag a {color:#fff; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .mobileMenu .menuGroup .col.name .tag a:hover {color:#ffa82c;} .mobileMenu .mobileTabLink span {width:14px; height:8px; display:inline-block; background:url(images/site-icons.png) -96px -32px no-repeat; text-indent:-9999px; margin:-3px 0 0 9px; vertical-align:middle;} .mainHeader {width:100%; padding-bottom:20px; position:fixed; left:0; top:0; z-index:20; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .mainHeaderFixed {background:rgba(35,35,35,0.8); -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .searchBar {width:100%; height:40px; background:#1a1d1f;} .searchBar .inner {text-align:center; padding:11px 15px 0;} .searchBar .inner form {padding:0px;} .searchBar .inner .icon {width:18px; height:18px; display:inline-block; background:url(images/site-icons.png) -52px 0 no-repeat; text-indent:-9999px; vertical-align:top;} .searchBar .inner input[type="text"] {width:200px; background:transparent; border:0; display:inline-block; vertical-align:top; font:16px/16px 'Source Sans Pro'; color:#ffffff; text-transform:uppercase; font-weight:700; margin:0 0 0 15px;} .searchBar .inner input[type="text"]::-webkit-input-placeholder {color: #ffffff;} .searchBar .inner input[type="text"]:-moz-placeholder {color: #ffffff;} .searchBar .inner input[type="text"]::-moz-placeholder {color: #ffffff;} .searchBar .inner input[type="text"]:-ms-input-placeholder {color: #ffffff;} .mainHeaderInner {padding:0 10px; text-align:center; max-width:990px;} .mainHeaderInner .logo {float:left; padding:23px 0 0; position:relative;} .mainHeaderInner .logo > a {display:block;} .mainHeaderInner .logo img {max-width:100%; height:auto; display:block;} .mainHeaderInner .logo div {font-size:16px; line-height:11px; color:#ffa82c; text-transform:uppercase; letter-spacing:0.5pt; font-weight:700; position:absolute; right:-1px; z-index:1; opacity:0; bottom:8px; cursor:pointer;} .mainHeaderInner .logo div.show {display:block;} .mainNav {display:inline-block; padding:34px 0 0;} .mainNav > ul {list-style:none; margin:0 auto;} .mainNav > ul > li {display:inline-block; margin:0 11px; font-size:16px; line-height:16px; font-weight:600; text-transform:uppercase;} .mainNav > ul > li > a {color:#fff; cursor:pointer; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .mainNav > ul > li > a:hover {color:#ffa82c;} .topLinks {float:right; padding:34px 0 0 0px; position:relative; font-size:16px; line-height:13px; font-weight:700; color:#ffa82c; text-transform:uppercase; letter-spacing:0.5pt; width:262px;} .tlLocs {display:inline-block; cursor:pointer; vertical-align:top; padding:5px 0; float:right;} .tlLocs > span {width:16px; height:20px; display:inline-block; background:url(images/site-icons.png) 0 0 no-repeat; text-indent:-9999px; margin:0 0 0 11px; vertical-align:middle; transition:background-color 0s 0.1s cubic-bezier(0.0, 0.0, 0.58, 1.0), -webkit-transform 0.2s cubic-bezier(0.0, 0.0, 0.58, 1.0); transition:transform 0.2s cubic-bezier(0.0, 0.0, 0.58, 1.0), background-color 0s 0.1s cubic-bezier(0.0, 0.0, 0.58, 1.0); transition:transform 0.2s cubic-bezier(0.0, 0.0, 0.58, 1.0), background-color 0s 0.1s cubic-bezier(0.0, 0.0, 0.58, 1.0), -webkit-transform 0.2s cubic-bezier(0.0, 0.0, 0.58, 1.0);} /*.tlLocs:hover > span {background:url(images/site-icons.png) 0 -21px no-repeat;}*/ .tlLocs.is-active > span {background:url(images/site-icons.png) -32px -40px no-repeat; -webkit-transform:rotateY(180deg); transform:rotateY(180deg);} .tlMenu {display:inline-block; cursor:pointer; vertical-align:top; margin:0 0 0 16px; padding:0 0 0 19px; border-left:1px solid rgba(255,255,255,0.5); display:none; float:right; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} /*.tlMenu > span {width:24px; height:17px; display:inline-block; background:url(images/site-icons.png) -66px -48px no-repeat; text-indent:-9999px; margin:-2px 0 0 12px; vertical-align:middle;} .tlMenu:hover > span {background:url(images/site-icons.png) -91px -48px no-repeat;}*/ .tlMenu > span {display:inline-block; vertical-align:top; padding-top:7px;} .tlMenu button {outline:none;} /* * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger {padding:3px 0 0 6px; display:inline-block; cursor:pointer; font:inherit; color:inherit; text-transform:none; background-color:transparent; border:0; margin:0; overflow:visible;} .hamburger-box {width:24px; height:24px; display:inline-block; position:relative;} .hamburger-inner {display:block; top:50%; margin-top:-2px;} .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width:24px; height:3px; background-color:#fff; border-radius:2px; position:absolute; transition-property:-webkit-transform; transition-property:transform; transition-property:transform, -webkit-transform; transition-duration:0.15s; transition-timing-function:ease;} /*.tlMenu:hover .hamburger-inner, .tlMenu:hover .hamburger-inner::before, .tlMenu:hover .hamburger-inner::after {background-color:#ffa82c;}*/ .hamburger-inner::before, .hamburger-inner::after {content:""; display:block;} .hamburger-inner::before {top:-8px;} .hamburger-inner::after {bottom:-8px;} .hamburger--3dx .hamburger-box {-webkit-perspective:80px; perspective:80px;} .hamburger--3dx .hamburger-inner {transition:background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);} .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {transition:-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);} .hamburger--3dx.is-active .hamburger-inner {background-color:transparent; -webkit-transform:rotateY(180deg); transform:rotateY(180deg);} .hamburger--3dx.is-active .hamburger-inner::before {-webkit-transform:translate3d(0, 8px, 0) rotate(45deg); transform:translate3d(0, 8px, 0) rotate(45deg);} .hamburger--3dx.is-active .hamburger-inner::after {-webkit-transform:translate3d(0, -8px, 0) rotate(-45deg); transform:translate3d(0, -8px, 0) rotate(-45deg);} .dropSection {width:100%; background:rgba(22,22,22,0.95); margin:30px auto -20px; display:none;} .dropSection .top {text-align:center;} .dropSection .top .tab {display:inline-block; margin:0 23px; vertical-align:middle;} .dropSection .top .tab a {color:#828385; display:block; font-size:15px; line-height:15px; font-weight:600; text-transform:uppercase; padding:20px 0; position:relative; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .dropSection .top .tab a:hover, .dropSection .top .tab a.on {color:#6cbede;} .dropSection .top .tab a.on:after {content:' '; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid rgba(255,255,255,0.08); position:absolute; left:50%; bottom:0; margin-left:-10px;} .locDropSection .inner {width:100%; background:rgba(255,255,255,0.08); text-align:center; padding:30px 0 0;} .locDropSection .inner .locItems {text-align:center;} .locationModalItem {width:280px; height:281px; margin:0 10px 26px; display:inline-block; position:relative; overflow:hidden;} .locationModalItem > a {display:block; text-align:left; color:#fff;} .locationModalItem > a > img {max-width:100%; height:auto; display:block;} .lmiHover {width:228px; height:263px; display:block; background:rgba(0,169,176,0.9); padding:0 18px 0 16px; position:absolute; left:9px; top:8px; z-index:21; filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .lmiHover > span {display:block;} .lmiTitle {font-size:20px; line-height:20px; padding:35px 0 10px; border-bottom:1px solid #fff; text-transform:uppercase;} .lmiTitle strong, .lmiTitle b {font-weight:600;} .lmiTitle .loc {display:block; font-size:29px; line-height:21px; font-weight:700;} .lmiTitle .loc.small {font-size:24px;} .lmiTxt {padding:14px 0 0 2px; font-size:15px; line-height:16px; font-weight:400;} .lmiTxt .light {display:block !important; font-weight:300; padding:18px 0 0;} .lmiLink {width:122px; padding:10px; border:1px solid #fff; font-size:12px; line-height:12px; font-weight:600; color:#393939; margin:16px auto; text-align:center; letter-spacing:1pt; text-transform:uppercase;} .lmiLink:hover {background:#ffffff;} .lmiMainTitle {font-size:21px; line-height:23px; color:#fff; position:absolute; left:15px; bottom:15px; z-index:1; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; text-transform:uppercase;} .lmiMainTitle strong, .lmiMainTitle b {font-weight:600;} .lmiMainTitle .loc {display:block; font-size:29px; line-height:21px; font-weight:700;} .lmiMainTitle .loc.small {font-size:24px;} .locationModalItem > a:hover .lmiHover {filter:alpha(opacity=100) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity:1; -webkit-opacity:1; opacity:1;} .locationModalItem > a:hover .lmiMainTitle {filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0;} .menuDropSection .inner {width:100%; background:rgba(255,255,255,0.08); text-align:center; padding:20px 0;} .menuDropSection .search {max-width:470px; padding:7px 10px 0; background:#5a5b5b; display:none;} .menuDropSection .search span {width:18px; height:18px; display:inline-block; background:url(images/site-icons.png) -52px 0 no-repeat; text-indent:-9999px; margin:0 11px 0 0; vertical-align:top;} .menuDropSection .search input[type="text"] {width:420px; height:18px; background:transparent; border:0; display:inline-block; vertical-align:top; color:#7e7e7e; font:18px/18px 'Source Sans Pro'; text-transform:uppercase; font-weight:700;} .menuDropSection .menuGroup {max-width:880px; margin:32px auto 0; padding:0 0 35px; display:none;} .menuDropSection .menuGroup:after {content:' '; display:block; clear:both;} .menuDropSection .menuGroup .col {display:inline-block; vertical-align:top; margin:0 6px; padding-left:18px; text-align:left;} .menuDropSection .menuGroup .col ul {width:170px; display:inline-block; vertical-align:top; margin:0 6px; padding-left:18px; border-left:1px solid #616161; text-align:left;} .menuDropSection .menuGroup.myMariners .col ul {width:190px;} .menuDropSection .menuGroup .col.name {max-width:170px; text-align:right; text-transform:uppercase; font-weight:600; margin-top:-5px; padding-right:40px;} .menuDropSection .menuGroup .col.name .campus {clear:both; display:block; font-size:60px; line-height:50px; color:#ffa82c;} .menuDropSection .menuGroup .col.name .campus.small {font-size:30px; line-height:30px; letter-spacing:-0.5pt;} .menuDropSection .menuGroup .col.name .campus.med {font-size:40px; line-height:40px;} .menuDropSection .menuGroup .col.name .tag {display:inline-block; padding:8px 15px; background:rgba(255,255,255,0.08); font-size:13px; line-height:13px; color:#fff; text-transform:uppercase; margin:10px 0 0;} .menuDropSection .menuGroup .col.name .tag a {color:#fff; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .menuDropSection .menuGroup .col.name .tag a:hover {color:#ffa82c;} .menuDropSection .menuGroup ul {list-style:none; margin:0;} .menuDropSection .menuGroup li {font-size:14px; line-height:14px; font-weight:600; text-transform:uppercase; color:#fff; margin:0 0 20px;} .menuDropSection .menuGroup li:last-child {margin-bottom:0;} .menuDropSection .menuGroup li > a {color:#fff; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .menuDropSection .menuGroup li > a:hover {color:#ffa82c;} .countDownBox {padding:5px 0; position:absolute; right:0; top:126px; z-index:1001; display:none;} .countDownBox.home {display:none;} .countDownBox.home .socialBtns {height:30px; background:#6cbede; text-align:center; padding:10px 0 14px;} .countDownBox.home .socialBtns ul {list-style:none; margin:0 auto; padding:0;} .countDownBox.home .socialBtns ul > li {display:inline-block; margin:0 10px; text-align:center;} .countDownBox.home .socialBtns ul > li > a {display:block; line-height:185%; width:35px; height:35px; color:#fff; border:1px solid #fff; border-radius:50%; text-align:center; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .countDownBox.home .socialBtns ul > li > a.fa-facebook-f:before, .mobileNavInner > ul > li.mobileSocial ul > li > a.fa-facebook:before {margin:0;} .countDownBox.home .socialBtns ul > li > a .icon {margin:0 auto; text-indent:-9999px; display:none;} .countDownBox.home .socialBtns ul > li > a.fa-twitter:before {margin:0;} .countDownBox.home .socialBtns ul > li > a.fa-envelope:before {margin:0;} .countDownBox.home .socialBtns ul > li > a:hover {background:#ffa82c; border:1px solid #ffa82c; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .countDownBox > a {display:block; color:#fff;} .cdbLeft {width:14px; height:30px; background:#6cbede; float:left; display:block; padding:23px 0 0 6px; position:absolute; cursor:pointer;} .cdbLeft:hover {background:#5ca5c1;} .cdbLeft > span {width:4px; height:7px; display:block; float:left; background:url(images/site-icons.png) -92px 0 no-repeat; text-indent:-9999px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .cdbLeft.off > span {width:4px; height:7px; display:block; float:left; background:url(images/site-icons.png) -92px 0 no-repeat; text-indent:-9999px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .cdbRight {width:238px; height:43px; float:right; background:rgba(0,0,0,0.7); display:block; padding:10px 12px 0 30px; font-family:'Roboto Condensed', sans-serif;} .cbdrTxt {font-size:32px; line-height:32px; text-transform:uppercase; font-weight:700; letter-spacing:-0.5pt; display:inline-block; vertical-align:middle; padding:0 12px 0 0;} .cbdrTxt > span {color:#6cbede;} .cbdrTimes {display:inline-block; vertical-align:middle; color:#fff;} .cbdrTimes .nums {font-size:21px; line-height:21px; letter-spacing:-0.25pt; display:block;} .cbdrTimes .nums > span {display:inline; margin:0 5px;} .cbdrTimes .txt {font-size:11px; line-height:11px; letter-spacing:-0.5pt; display:block; text-transform:uppercase; padding:5px 0 0;} .cbdrTimes .txt > span {display:inline-block;} .cbdrTimes .txt .days {margin:0 8px 0 0px;} .cbdrTimes .txt .hours {margin:0 4px 0 0px;} .cbdrTimes .txt .min {margin:0 7px 0 6px;} .cbdrTimes .txt .sec {margin:0 0 0 10px;} .homeBanner {width:100%; max-height:100%; clear:both; position:fixed;} .homeBanner img {width:100%; height:auto; display:block;} .update .mainBanner {width:100%; clear:both; position:relative; overflow:hidden;} .update .mainBanner .mainBannerImg {width:100%; height:100%; position:absolute; z-index:1;} .update .mainBanner .mainBannerImgMobile {width:100%; height:100%; position:absolute; z-index:1; display:none;} /*.update .mainBanner .mainBannerImgMobile img {display:none;}*/ .update .mainBanner .mainBannerVideo {width:100%; height:100%; position:fixed; z-index:-1;} .update .mainBanner .mainBannerVideo img {margin-left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); display:none;} .update .mainBanner .mainBannerVideo .mainBannerImg {display:none;} .update .mainBanner .mainBannerVideo video {min-width:100%; min-height:100%; position:absolute; left:50%; top:50%; -ms-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);} .update .mainBanner .mainBannerOverlay {width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; z-index:10;} .update .mainBanner .mainBannerContent {width:100%; text-align:center; position:absolute; z-index:3;} .update .mainBanner .mainBannerContent .mbcImg {margin-top:12%;} .update .mainBanner .mainBannerContent .mbcImg img {max-width:98%; height:auto; display:block; margin:0 auto;} .update .mainBanner .mainBannerOverlay .mainBannerOverlayButtons {clear:both; text-align:center; margin:64px auto 0; bottom: 100px; right: 0; left:0; position: absolute; text-align:center;} .update .mainBanner .mainBannerOverlay .mainBannerOverlayButtons a {display:inline-block; color:#fff; border:1px solid #fff; border-radius:1px; padding:11px 25px; margin:0 8px; font-size:16px; line-height:16px; text-transform:uppercase; font-weight:600; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .update .mainBanner .mainBannerOverlay .mainBannerOverlayButtons a:hover {background:#ffa82c; border-color:#ffa82c;} @media (max-width:1024px){ .update .mainBanner .mainBannerVideo .mainBannerImg {display:block;} .update .mainBanner > .mainBannerImg {display:block;} } @media (max-width:950px) { .chbTitle.chbHeightAjust { bottom: 180px; } } @media (max-width:768px){ .update .mainBanner .mainBannerVideo .mainBannerImgMobile {display:block;} .update .mainBanner .mainBannerVideo .mainBannerImg {display:none;} .update .mainBanner > .mainBannerImg {display:none;} .update .mainBanner > .mainBannerImgMobile {display:block;} } @media (max-width:768px) and (orientation:landscape) { .update .mainBanner .mainBannerVideo .mainBannerImg {display:block;} .update .mainBanner .mainBannerVideo .mainBannerImgMobile {display:none;} .update .mainBanner .mainBannerContent .mbcImg {width:30%;} .update .mainBanner > .mainBannerImg {display:block;} .update .mainBanner > .mainBannerImgMobile {display:none;} .chbTitle.chbHeightAjust {bottom: 80px;} .update .mainBanner .mainBannerOverlay .mainBannerOverlayButtons {bottom: 25px;} } @media (max-width:767px) and (orientation:portrait) { .update .mainBanner .mainBannerContent .mbcImg {width:90%;} } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .update .mainBanner .mainBannerArrow {bottom:10px;} } @media (max-width:600px) { .update .mainBanner .mainBannerVideo img {height:700px;} } @media (max-width:560px) { .chbTitle.chbHeightAjust { bottom: 160px; } .update .mainBanner .mainBannerOverlay .mainBannerOverlayButtons {bottom: 40px;} .update .mainBanner .mainBannerOverlay .mainBannerOverlayButtons a {display:block; color:#fff; border:1px solid #fff; border-radius:1px; padding:8px 0px; width:80%; margin:8px auto; font-size:16px; line-height:16px; text-transform:uppercase; font-weight:600; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} } @media (max-width:380px) { .update .mainBanner .mainBannerVideo img {height:640px;} } @media (max-width:330px) { .update .mainBanner .mainBannerVideo img {height:560px;} } .campusHeaderBanner {width:100%; clear:both; background:#000000; position:fixed; z-index:0;} .campusHeaderBanner iframe{display:block; position:absolute; top:0px; z-index:10;} /*.campusHeaderBanner img {width:100%; height:auto; min-height:190px; display:block;}*/ .chbVideoContainer {display:block; position:fixed; top:0px; left:0px; width:100%; /*height:100%;*/ background:rgba(0,0,0,0.8); z-index:7; text-align:center; margin:0 auto; overflow:hidden;} /*.chbVideoContainer iframe {padding-top:10%;}*/ .chbTitle {font-size:30px; line-height:30px; color:#fff; font-weight:400; text-transform:uppercase; letter-spacing:1pt; text-align:center; padding:20px 100px 16px; background:rgba(0,0,0,0.7); position:absolute; /*left:50%;*/ bottom:100px; z-index:1;} .chbHeightAjust {bottom:180px;} .chbTitle .small {font-size:20px; line-height:20px; font-weight:300; display:block; padding:0 0 2px;} .chbTitle > strong, .chbTitle > b {font-weight:700;} .chbTitle .divider {width:78px; height:4px; background:#6cbede; display:block; margin:18px auto 0; outline:none; border:0; text-indent:-9999px;} .chbClose {position:fixed; top:10px; right:10px; color:#fff; z-index:10; text-align:center;} .chbClose a {display:block; color:#fff; border:2px solid #fff; border-radius:50%; width:30px; height:30px; text-align:center; box-shadow:0px 0px 5px rgba(0,0,0,0.5); text-shadow:0px 0px 5px rgba(0,0,0,0.5);} .chbClose a:hover {color:#ffa82c; border:2px solid #ffa82c;} .landingSpacer {position:relative; z-index:-1;} .subHeaderBanner {width:100%; max-height:300px; clear:both; position:relative; background:#3e7d96; overflow:hidden;} .subHeaderBanner img {width:100%; height:auto; min-height:150px; display:block; filter:alpha(opacity=20) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important; -moz-opacity:0.2; -webkit-opacity:0.2; opacity:0.2;} .playBtn {width:100%; text-align:center; position:absolute; left:0; top:32%; z-index:1;} .playBtn span {width:136px; max-width:10%; display:inline-block; margin:0 auto;} .playBtn img {min-height:10px;} .shbTitle {font-size:26px; line-height:26px; color:#fff; text-transform:uppercase; letter-spacing:1pt; text-align:center; position:absolute; left:50%; top:50%; z-index:4;} .shbTitle > strong, .shbTitle > b {font-weight:700;} .shbTitle .divider {width:78px; height:4px; background:#ffa82c; display:block; margin:14px auto 0; outline:none; border:0; text-indent:-9999px;} .subHeaderBanner #videoPreloaderVid {position:absolute; left:50%; top:50%; z-index:1; transform:translate(-50%,-50%);} .subHeaderBanner img.video-preloader {width:auto; min-height:0; z-index:1;} .subHeaderBanner .bg-video {width:100%; height:100%; position:absolute; z-index:2; overflow:hidden; opacity:0;} .subHeaderBanner .bg-video .bg-video-inner {width:100%; height:100%; position:relative; z-index:-1;} .subHeaderBanner .bg-video .bg-video-inner video {width:100%; min-width:100%; min-height:100%; position:absolute; left:50%; top:50%; -ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); object-fit:cover;} .outlineBtn {display:inline-block; padding:9px 20px 11px; border:1px solid #ffa82c; background:transparent; font-size:18px; line-height:18px; color:#fff; font-weight:600; text-transform:uppercase; letter-spacing:1pt; margin-top:40px; -webkit-transition:background-color .25s ease !important; -moz-transition:background-color .25s ease !important; transition:background-color .25s ease !important; cursor:pointer;} .outlineBtn.sml {padding:9px 20px 7px; font-size:16px; line-height:16px; margin-top:12px;} .outlineBtn > span.pin {width:15px; height:18px; display:inline-block; background:url(images/site-icons.png) -17px 0 no-repeat; text-indent:-9999px; vertical-align:middle; margin:-3px 0 0 16px;} .outlineBtn.blue {border-color:#6cbede;} .outlineBtn.blue:hover {background:#6cbede;} .outlineBtn.dark {color:#393939;} .outlineBtn.bold {font-weight:700; font-size:16px; line-height:16px; color:#272727;} .outlineBtn:hover {background:#ffa82c; color:#fff;} .storiesTxt .outlineBtn, .media .outlineBtn {width:155px; color:#373737; margin-left:14px; margin-right:14px;} .planvisit .outlineBtn {margin-top:-1px;} .eventSection .outlineBtn {margin:20px auto;} .su-button-style-flat {display:inline-block; border:1px solid #6cbede; background:transparent; font-size:18px; line-height:18px; color:#393939; font-weight:600; text-transform:uppercase; letter-spacing:1pt; margin:20px 0 40px !important; -webkit-transition:background-color .25s ease !important; -moz-transition:background-color .25s ease !important; transition:background-color .25s ease !important; cursor:pointer;} .su-button-style-flat:before, .su-button-style-flat:after {content:' '; display:block; clear:both;} .su-button-style-flat:hover {background:#6cbede; color:#fff;} .su-button-style-flat span { color:#393939; } .su-button-style-flat span { position: relative } .su-button-style-flat:hover span { background:#6cbede; color:#fff;} .dropdowns {width:100%; clear:both;} .dropdown {width:289px; height:41px; display:inline-block; margin:0 12px; font-size:20px; line-height:20px; color:#272727; font-weight:600; text-transform:uppercase; vertical-align:top; position:relative; text-align:left;} .ddTop {clear:both; cursor:pointer;} .ddSelect {width:212px; height:30px; background:#ebebeb; padding:11px 9px 0; float:left;} .ddArrow {width:57px; height:41px; background:#ebebeb; float:right;} .ddArrow > span {width:27px; height:15px; display:block; background:url(images/site-icons.png) -97px 0 no-repeat; text-indent:-9999px; margin:15px 0 0 15px;} /*.ddTop:hover .srodArrow > span {background:url(images/site-icons.png) -97px -16px no-repeat;}*/ .ddBtm {width:289px; position:absolute; left:0; top:44px; z-index:2; display:none;} .ddBtm > ul {list-style:none; margin:0; background:#fff;} .ddBtm > ul > li {background:#ebebeb; padding:13px 9px 11px; margin:0 0 3px; cursor:pointer;} .ddBtm > ul > li:hover, .ddBtm > ul > li.on {background:#ffa82c;} .prevArrow {width:79px; height:84px; background:rgba(0,0,0,0.25); position:absolute; left:0; top:50%; margin-top:-42px; z-index:2; cursor:pointer;} .prevArrow > span {width:14px; height:25px; display:block; background:url(images/site-icons.png) -125px 0 no-repeat; text-indent:-9999px; margin:30px 0 0 30px;} .prevArrow:hover > span {background:url(images/site-icons.png) -125px -26px no-repeat;} .nextArrow {width:79px; height:84px; background:rgba(0,0,0,0.25); position:absolute; right:0; top:50%; margin-top:-42px; z-index:2; cursor:pointer;} .nextArrow > span {width:14px; height:25px; display:block; background:url(images/site-icons.png) -140px 0 no-repeat; text-indent:-9999px; margin:30px 0 0 35px;} .nextArrow:hover > span {background:url(images/site-icons.png) -140px -26px no-repeat;} .left {float:left;} .mid {display:inline-block; vertical-align:top;} .right {float:right;} .sections {position:relative; z-index:5; -webkit-transform:translate3d(0,0,0);} .section {width:100%; clear:both; position:relative; text-align:center;} .section1 {background-color:#fff; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; padding:50px 0 60px;} .section2 {background:url(images/bg-section2a.jpg) center top no-repeat; background-size:cover; padding:60px 0 80px; z-index:1;} .section3 {background:url(images/bg-section3.jpg) center top no-repeat; background-size:cover; background-attachment:fixed; padding:95px 0 85px; z-index:1;} .section4 {background:#aeaeae; padding:62px 0;} .section5 {background:#272727; padding:62px 0;} .section.sub {text-align:left; padding:70px 0 56px;} .section.search {padding:66px 0 85px;} .section.about {padding:76px 0 65px;} .section.about2 {padding:62px 0;} .section.about3 {padding:62px 0 80px;} .section.about4 {padding:62px 0;} .section.about5 {background:url(images/bg-about5.jpg) center top no-repeat; background-size:cover; padding:50px 0 130px;} .section.about6 {padding:46px 0;} .section.campusFooter {background:#fff url(images/bg-loc.jpg) center top no-repeat; background-size:cover; padding:44px 0 50px; z-index:4;} .section.storiesTxt {background:#ebebeb; padding:60px 0;} .section.stories {padding:56px 0;} .section.faq {background:#6cbede; padding:86px 0 55px; display:none;} .section.share {background:url(images/bg-share.jpg) center top no-repeat; background-size:cover; padding:88px 0 100px; display:none;} .section.planvisit {min-height:400px; background:#fff url(images/bg-mariners-bug.gif) center center no-repeat; background-attachment:fixed; padding:50px 0 95px;} .section.events {background:#fff url(images/bg-events.jpg) center top no-repeat; background-size:cover; padding:46px 0 68px; position:static;} .section.outreach {background:url(images/bg-outreach.jpg) center top no-repeat; background-size:cover; padding:46px 0 60px;} .section.media {background-color:#fff; background-size:cover; background-attachment:fixed; padding:50px 0 75px;} .section.service {padding:46px 0 40px; background:#ffffff;} .section.eventSection {background:#fff; padding:54px 0 95px;} .section.eventDetails {background:#fff; padding:60px 0 20px;} .section.leadership {background:url(images/bg-leadership.jpg) center top no-repeat; background-size:cover; padding:25px 0;} .section.recentEvents {background:#fff; padding:58px 0 80px;} .section.generic {background:url(images/bg-generic.jpg) center top no-repeat; background-size:cover; padding:60px 0 80px;} .section.missing {background:#ffffff; padding:100px 0 100px;} .section.enews {padding:25px 0; background:#1f1f1f; color:#fff; position:relative;} .section.allministries {padding:25px 0; background:#1f1f1f; color:#fff; position:relative;} .section.mediaMain {background:#373737; padding:154px 0 60px;} .section.ministry {padding:10px 0 100px;} .section.ministry .inner {max-width:1070px;} .section.general {padding:50px 0 50px 0;} .generalContentSpacer {padding:0;} .section.ministry.junior-high {padding:50px 0;} .section.mediaMain .bgImg {width:100%; height:100%; background:url(images/bg-media-main.jpg) center top no-repeat; background-size:cover; filter:gray; filter:grayscale(100%); -webkit-filter:grayscale(1); filter:alpha(opacity=20) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important; -moz-opacity:0.2; -webkit-opacity:0.2; opacity:0.2; position:absolute; left:0; top:0; z-index:0;} .section.mediaMain .bgTint {width:100%; height:100%; background:rgba(45,45,45,0.5); position:absolute; left:0; top:0; z-index:1;} .section.ministryMain {background:#3e7d96; padding:154px 0 70px;} .section.ministryMain .bgImg {width:100%; height:100%; background:url(images/bg-ministry.jpg) center top no-repeat; background-size:cover; filter:gray; filter:grayscale(100%); -webkit-filter:grayscale(1); filter:alpha(opacity=20) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important; -moz-opacity:0.2; -webkit-opacity:0.2; opacity:0.2; position:absolute; left:0; top:0; z-index:0;} .section.ministryMain .bgTint {width:100%; height:100%; background:rgba(62,125,150,0.2); position:absolute; left:0; top:0; z-index:1;} .section.sermonSeries {background:url(images/bg-media-sermons.jpg) center top no-repeat; background-size:cover; padding:50px 0 80px;} .section.archive {background:#fff; padding:64px 0;} .sections.gensub .fullCol h1, .section.ministry .fullCol h1, .section.general .fullCol h1 {padding:40px 0 20px; font-size: 26px; line-height: 26px; color: #393939; text-transform: uppercase; letter-spacing: 1pt;} .sections.gensub .fullCol h2, .section.ministry .fullCol h2, .section.general .fullCol h2 {display:block; padding:8px 0px; color:#6cbede; text-transform:uppercase; margin:20px 0 10px;} .sections.gensub .fullCol h3, .section.ministry .fullCol h3, .section.general .fullCol h3 {padding:10px 0 5px;} .sections.gensub .fullCol h4, .section.ministry .fullCol h4, .section.general .fullCol h4 {padding:5px 0; text-transform:uppercase; font-weight:600;} .sections.gensub .fullCol em, .section.ministry .fullCol em, .section.general .fullCol em {font-weight:400;} .sections.gensub .fullCol ul, .section.ministry .fullCol ul, .section.general .fullCol ul {margin:15px 25px 30px;} .sections.gensub .fullCol ol, .section.ministry .fullCol ol, .section.general .fullCol ol {margin:15px 25px 30px;} .sections.gensub .fullCol blockquote, .section.ministry .fullCol blockquote, .section.general .fullCol blockquote {font-style:italic;} .sections.gensub .fullCol hr, .section.ministry .fullCol hr, .section.general .fullCol hr {border:0px; height:1px; background:#262626;} .section.ministry .inner .fullCol {text-align:left;} .section.general .inner .fullCol {text-align:left;} .section.general .inner .fullCol h1 {padding: 10px 0; font-weight: bold; font-size:30px;} .section.general .inner .fullCol h2 {padding: 10px 0; font-weight: bold; font-size:24px;} .section.general .inner .fullCol h3 {padding: 10px 0;} .section.general .inner .fullCol h4 {padding: 10px 0;} .missing h2 {padding:0 0 0px; font-size:26px;} .missing .outlineBtn {padding:0px;} .missing .outlineBtn a {display:block; padding:15px 30px; color:#393939;} .missing .outlineBtn a:hover {color:#393939;} .faqArrow {width:0; height:0; border-left:24px solid transparent; border-right:24px solid transparent; border-bottom:24px solid #6cbede; position:absolute; left:0; top:-24px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .arrowMask {width:100%; height:23px; position:absolute; left:0; top:0; z-index:2;} .arrowMask .left {height:23px; background:url(images/share-mask.gif) repeat-x;} .arrowMask .right {height:23px; background:url(images/share-mask.gif) repeat-x;} .arrowMask .arrow {width:49px; height:23px; background:url(images/share-arrow-mask.png) no-repeat; position:absolute;} .dropItem {background-color:#272727; position:relative; display:none;} .dropItem:before {content:' '; width:0; height:0; border-left:24px solid transparent; border-right:24px solid transparent; border-bottom:24px solid #272727; position:absolute; left:50%; top:-24px; margin-left:-24px;} .dropItemBG {width:100%; text-align:center; filter:alpha(opacity=10) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)" !important; -moz-opacity:0.1; -webkit-opacity:0.1; opacity:0.1; position:absolute; left:0; bottom:-150px; z-index:0;} .section .inner {padding-left:15px; padding-right:15px; clear:both; position:relative; z-index:1;} .section .inner:after {content:' '; display:block; clear:both;} .section3 .inner {max-width:1104px;} .section.sub .inner {max-width:1080px;} .section.search .inner, .section.storiesTxt .inner {max-width:970px;} .section.about .inner {max-width:1070px; font-size:18px; line-height:34px;} .section.general .inner {max-width:1070px;} .section.section1 .inner {max-width:1070px;} /*.section.about .inner {max-width:794px; font-size:18px; line-height:34px;}*/ .section.about5 .inner {max-width:652px; background:url(images/quote.png) center top no-repeat; padding-top:100px;} .section.faq .inner {max-width:760px;} .section.service .inner {max-width:750px; font-size:18px; line-height:22px; color:#000;} .section.outreach .inner {max-width:980px;} .section.eventDetails .inner {/*max-width:746px;*/ max-width:1070px;} .section.mediaMain .inner, .section.ministryMain .inner {z-index:2; position:relative;} .section.sermonSeries .inner {padding:0;} .section.recentEvents .inner {max-width:1120px;} .section.media .inner .inner {max-width:830px;} .section .inner > h1, .section4 .inner .rightCol > h1, .section.about4 .inner .rightCol > h1 {font-size:26px; line-height:26px; color:#393939; text-transform:uppercase; letter-spacing:1pt;} .section .inner > h1 > b, .section .inner > h1 > strong {font-weight:700;} .section.stories .inner > h1 > b, .section.stories .inner > h1 > strong, .section.faq .inner > h1 > strong, .section.share .inner > h1 > strong {font-weight:700;} .section2 .inner > h1 {color:#2a2a2a;} .section.about2 .inner > h1, .section.about3 .inner > h1, .section5 .inner > h1, .section.share .inner > h1, .section.generic .inner > h1, .section.outreach .inner > h1, .section.mediaMain .inner > h1, .section.ministryMain .inner > h1, .section.enews .inner > h1, .section.allministries .inner > h1 {color:#fff;} .section.storiesTxt .inner > h1 {padding-bottom:35px; font-weight:400;} .section.eventSection .inner {padding:0;} .section.events .inner {position:relative;} .section.section1 .inner h2 {padding:0 0 8px; color:#6cbede; text-transform:uppercase; margin:0 0 10px;} .section.media .inner > h2 {font-size:25px; line-height:25px; color:#393939; text-transform:uppercase; letter-spacing:1pt; padding:30px 0;} .section.eventSection .inner h2 {font-size:25px; line-height:25px; color:#fff; text-transform:uppercase; font-weight:300;} .section.eventSection .inner h2 strong, .section.eventSection .inner h2 b {font-weight:600;} .section .inner .divider {width:78px; height:4px; background:#6cbede; clear:both; margin:14px auto 72px; outline:0; border:0;} .section2 .inner .divider, .about3 .inner .divider, .section.stories .inner .divider, .section.share .inner .divider {background:#ffa82c; margin-bottom:56px;} .section.faq .inner .divider {background:#fff; margin-bottom:25px;} .section4 .inner .rightCol .divider, .section.about4 .inner .rightCol .divider {margin:14px 0 22px;} .section.about4.campus .inner .rightCol .divider, .section.generic .inner .divider, .section.outreach .inner .divider, .section.mediaMain .inner .divider, .section.ministryMain .inner .divider, .section.archive .inner .divider, .section5 .inner .divider {background:#ffa82c;} .about .inner .divider {margin-bottom:35px;} .section.service .inner .divider {margin-bottom:14px;} .section.eventSection .inner .divider, .section.recentEvents .inner .divider {background:#ffa82c; margin:12px auto 40px;} .section.eventSection .inner .eventItem .divider {background:#6cbede;} .campusFooter .inner .fullCol .divider {width:316px; height:1px; margin-bottom:24px;} .section.campusFooter .inner .divider {margin-bottom:20px;} .section.campusFooter .inner .divider.noline {background:transparent; margin-bottom:5px;} .section.sermonSeries .inner .divider {margin-bottom:50px;} .section .inner .leftCol {width:37%; max-width:404px; display:inline-block; vertical-align:top; margin-right:56px; text-align:left;} .section.planvisit .inner .leftCol {padding:7px 0 0;} .section.leadership .leftCol {width:45%; max-width:628px;} .section .inner .rightCol {width:56%; max-width:612px; display:inline-block; vertical-align:top; text-align:left;} .section4 .inner .rightCol {color:#000; font-size:20px; line-height:34px; font-weight:300; margin-left:40%;} .section.about4 .inner .rightCol {color:#fff; font-size:20px; line-height:34px; font-weight:300; margin-left:40%;} .section.about4.campus .inner .rightCol {color:#000; font-size:18px; line-height:34px;} .section.leadership .rightCol {width:38%; max-width:535px; color:#fff; font-size:14px; line-height:27px;} .section.leadership .rightCol > h1 {font-size:25px; line-height:25px; color:#fff; text-transform:uppercase; font-weight:600;} .section.leadership .inner .rightCol .divider {margin:12px 0 34px; background:#ffa82c;} .section.leadership .rightCol > h3 {font-size:18px; line-height:18px; color:#ffa82c; padding:0 0 10px;} .section.itemSlider {background:#fff; padding:30px 0 65px;} .section.itemSlider .inner {max-width:1000px; padding-top:30px;} .section.itemSlider.addBorder .inner {border-top:1px solid #6cbede; padding-top:60px;} .section.itemSlider .inner > h1 {font-size:26px; line-height:26px; color:#393939; text-transform:uppercase; letter-spacing:1pt;} .section.itemSlider .item-swiper-container {width:100%; max-width:1070px; position:relative; clear:both;} .section.itemSlider .item-swiper-container:after {content:''; display:block; clear:both;} .section.itemSlider .item-swiper-container .swiper-wrapper {} .section.itemSlider .item-swiper-container .swiper-slide {opacity:0.35; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.itemSlider .item-swiper-container .swiper-slide-active {opacity:1;} .section.itemSlider .item-swiper-container h2 {padding:0 0 8px; color:#6cbede; text-transform:uppercase; margin:0 0 10px;} .section.itemSlider .item-swiper-container .leftCol {width:37%; max-width:404px; display:inline-block; vertical-align:top; margin-right:56px; text-align:left;} .section.itemSlider .item-swiper-container .rightCol {width:56%; max-width:540px; padding:0 20px 0 0; display:inline-block; vertical-align:top; text-align:left;} .section.itemSlider .swiper-button-next {width:84px !important; height:84px !important; background-color:rgba(0,0,0,0.25) !important; margin-top:0 !important; right:0 !important;} .section.itemSlider .swiper-button-prev {width:84px !important; height:84px !important; background-color:rgba(0,0,0,0.25) !important; margin-top:0 !important; left:0 !important;} .section .inner .fullCol {clear:both;} .section .inner .fullCol:after {content:' '; display:block; clear:both;} .section.planvisit .inner .fullCol {width:100%; max-width:800px;} .section .inner .fullCol {clear:both;} .section1 .inner .fullCol {max-width:100%; text-align:left;} .section2 .inner .fullCol, .about3 .inner .fullCol, .section.generic .inner .fullCol {max-width:760px; font-size:28px; line-height:36px; font-weight:300; font-style:italic; color:#fff; text-align:left;} .section2 .inner .fullCol strong, .section2 .inner .fullCol b, .about3 .inner .fullCol strong, .about3 .inner .fullCol b, .section.generic .inner .fullCol strong, .section.generic .inner .fullCol b {font-weight:600;} .section.about5 .inner .fullCol {font-size:40px; line-height:51px; font-weight:300; font-style:italic; color:#fff;} .section.about5 .inner .fullCol > div {font-size:25px; line-height:25px; padding:25px 0 0; text-transform:uppercase; font-style:normal;} .section.about5 .inner .fullCol > div strong, .section.about5 .inner .fullCol > div b {font-weight:600;} .section.storiesTxt .inner .fullCol {text-align:left; color:#282828; font-size:16px;} .section.faq .inner .fullCol {padding-bottom:25px;} .section.media .inner .fullCol {font-size:15px; line-height:28px; color:#000;} .section.media .inner p {text-align:left;} .section.outreach .inner .fullCol {color:#fff; font-size:15px; line-height:28px; padding:40px 0 0;} .section.outreach .inner .fullCol .left {max-width:304px; text-align:left;} .section.outreach .inner .fullCol .mid {max-width:288px; margin-top:-60px;} .section.outreach .inner .fullCol .mid img {border-radius:50%;} .section.outreach .inner .fullCol .right {max-width:304px; text-align:right;} .section.service .inner .fullCol .address {clear:both;} .section.service .inner .fullCol .address a {color:#000;} .section.service .inner .fullCol .address .mobileDiv {width:100%; max-width:316px; height:1px; background:#6cbede; clear:both; margin:20px auto; display:none;} .sticky-wrapper {width:100% !important; overflow: visible!important;} .sticky-enews {z-index:10; position:inherit;} .sticky-allministries {z-index:10; position:inherit;} .section.enews {height:21px; overflow: visible!important;} .section.enews .hitarea {position:absolute; left:0px; top:0px; height:71px; width:100%; display:block; z-index:10; cursor:pointer;} .section.enews .fullCol {display:none;} .section.enews .button {float:right; background:#1f1f1f; display:block; width:35px; height:32px; position:absolute; right:20px; top:71px; z-index:10; border-bottom-right-radius:5px; border-bottom-left-radius:5px; cursor:pointer; z-index:10;} .section.enews .button .bartop {width:22px; left:50%; top:10px; margin-left:-11px; position:absolute; height:1px; display:block; background:#ffffff; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.enews .button .barmid {width:22px; left:50%; top:15px; margin-left:-11px; position:absolute; height:1px; display:block; background:#ffffff; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.enews .button .barbot {width:22px; left:50%; top:20px; margin-left:-11px; position:absolute; height:1px; display:block; background:#ffffff; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.enews .button .bartop.show-x {-webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top:15px;} .section.enews .button .barmid.show-x {opacity:0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.enews .button .barbot.show-x {-webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top:15px;} .section.enews .button:hover {background:#2e2e2e;} .section.enews .inputs {margin:15px auto;} .section.enews .inputs input {width:210px; background:#4d4d4d; padding:6px 10px; height:26px; border:0; font-size:12px; line-height:12px; color:#ffffff; font-weight:400; text-transform:uppercase; vertical-align:top; margin:5px 5px 0;} .section.enews .checkboxes {} .section.enews .checkboxes label{text-transform:uppercase; color:#6cbede; font-size:20px; margin:5px 25px 0 5px;} .section.enews .submit {margin:10px 0 10px;} .section.enews .submit input[type="submit"], .section.enews .submit input[type="button"] {width:68px; height:29px; background:#262626; border:1px solid #6cbede; font-size:12px; line-height:12px; color:#fff; font-weight:600; text-align:center; text-transform:uppercase; cursor:pointer; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; display:inline-block; vertical-align:top; margin:4px 0 0 0px;} .section.enews .submit input[type="submit"]:hover, .section.enews .submit input[type="button"]:hover {background:#6cbede; color:#262626;} .section.enews .success {width:100%; display:block; background:#6cbede; text-align:center; color:#fff; text-transform:uppercase; font-size:30px; line-height:30px; padding:20px 0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.enews .validation {width:100%; display:block; background:#ffa82c; text-align:center; color:#fff; text-transform:uppercase; font-size:30px; line-height:30px; padding:20px 0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.enews .error {width:100%; display:block; background:#c12121; text-align:center; color:#fff; text-transform:uppercase; font-size:30px; line-height:30px; padding:20px 0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.enews .hide {display:none; filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.enews .show {display:block; filter:alpha(opacity=1) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)" !important; -moz-opacity:1; -webkit-opacity:1; opacity:1; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.enews #mce-responses {max-width:1024px; font-size:14px; font-weight:normal; line-height:16px;} .section.enews .mce_inline_error {background-color:#d34646 !important; color:#fff !important;} .section.allministries {width:100%; height:21px; overflow: visible!important;} .section.allministries .hitarea {position:absolute; left:0px; top:0px; height:71px; width:100%; display:block; z-index:10; cursor:pointer;} .section.allministries .fullCol {display:none;} .section.allministries .button {float:right; background:#1f1f1f; display:block; width:35px; height:32px; position:absolute; right:20px; top:71px; z-index:10; border-bottom-right-radius:5px; border-bottom-left-radius:5px; cursor:pointer; z-index:10;} .section.allministries .button .bartop {width:22px; left:50%; top:10px; margin-left:-11px; position:absolute; height:1px; display:block; background:#ffffff;} .section.allministries .button .barmid {width:22px; left:50%; top:15px; margin-left:-11px; position:absolute; height:1px; display:block; background:#ffffff;} .section.allministries .button .barbot {width:22px; left:50%; top:20px; margin-left:-11px; position:absolute; height:1px; display:block; background:#ffffff;} .section.allministries .button .bartop.show-x {-webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top:15px;} .section.allministries .button .barmid.show-x {opacity:0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.allministries .button .barbot.show-x {-webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top:15px;} .section.allministries .button:hover {background:#2e2e2e;} .section.allministries .columns {max-width:900px; padding:40px 0;} .section.allministries .columns .column {width:25%; display:inline-block; vertical-align:top;} .section.allministries .columns .column ul {list-style:none; text-transform:uppercase; text-align:center; font-size:14px; line-height:30px;} .section.allministries .columns .column ul li {list-style:none;} .section.allministries .columns .column ul li a {color:#ffffff; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.allministries .columns .column ul li a:hover {color:#ffa82c; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.subnav {margin:35px auto;} .section.subnav ul li {display:inline-block; border:1px solid #6cbede; text-transform:uppercase; margin:10px 5px;} .section.subnav ul li.current_page_item {border:1px solid #ffa82c;} .section.subnav ul li.current_page_item a:hover {background-color:#ffa82c; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.subnav ul li a {display:block; height:100%; padding:4px 29px; color:#373737; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.subnav ul li a:hover {background-color:#6cbede; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .countdown {clear:both; padding:20px 0;} .countdown hr, .sections .fullCol .countdown hr {width:100%; max-width:316px; height:1px; background:#6cbede; clear:both; border:0; outline:none; margin:24px auto;} .countdownInner {max-width:435px; clear:both; position:relative;} .section.mediaMain .countdownInner {max-width:300px;} .countdownInner:after {content:' '; display:block; clear:both;} .countdownInner a {display:block; letter-spacing:-0.5pt;} .countdownInner .left {font:43px/42px 'Roboto Condensed', sans-serif; color:#272727; text-transform:uppercase; font-weight:700;} .countdownInner .left > span {color:#6cbede;} .countdownInner .right {padding-right:58px; font:28px/27px 'Roboto Condensed', sans-serif; color:#272727;} .section.mediaMain .countdownInner .right {padding-right:0;} .section.service .fullCol .countdownInner .right > .div {display:inline; margin:0 4px;} .countdownInner .right span.div {display:inline; margin:0 4px;} .countdownInner .right .caption {display:block; text-transform:uppercase; font-size:15px; line-height:14px;} .countdownInner .right .caption .days {margin:0 3px 0 0;} .countdownInner .right .caption .hours {margin:0 6px 0 0;} .countdownInner .right .caption .min {margin:0 8px 0 0;} .countdownInner .right .caption .sec {margin:0 4px;} .section.mediaMain .countdownInner .right .caption .days {margin:0 6px 0 0;} .section.mediaMain .countdownInner .right .caption .hours {margin:0 8px 0 0;} .section.mediaMain .countdownInner .right .caption .min {margin:0 18px 0 0;} .section.mediaMain .countdownInner .right .caption .sec {margin:0 4px 0 0;} .countdownInner .live {font:43px/42px 'Roboto Condensed', sans-serif; color:#272727; text-transform:uppercase; font-weight:700; clear:both; margin:0 auto; text-align:center; display:none;} .countdownInner .live > span {color:#6cbede;} .countdownInner .right .time {list-style:none; margin:0 auto !important;} .countdownInner .right .time > li {display:inline-block; text-align:center;} .countdownInner .right .time > li span {display:block; margin:0 auto;} .countdownInner .right .time > li span.days:after {content:':'; padding:0 3px;} .countdownInner .right .time > li span.hours:after {content:':'; padding:0 3px;} .countdownInner .right .time > li span.minutes:after {content:':'; padding:0 3px;} .countdownInner .right .time > li span.label {text-transform:uppercase; font-size:15px; line-height:14px;} .countdownInner .right .time > li.time-days span.label {margin-right:8px;} .countdownInner .right .time > li.time-hours span.label {margin-right:12px;} .countdownInner .right .time > li.time-minutes span.label {margin-right:8px;} .countdownInner .icon {width:45px; height:45px; border:3px solid #111; border-radius:50%; position:absolute; right:0; top:45%; margin-top:-22px;} .countdownInner .icon > span {width:16px; height:15px; display:block; background:url(images/site-icons.png) -71px -16px no-repeat; text-indent:-9999px; margin:14px 0 0 15px;} .countdownInner a:hover .icon > span {background:url(images/site-icons.png) -71px -32px no-repeat;} .section.mediaMain .inner {padding-left:0; padding-right:0;} .mediaContent {color:#fff; clear:both;} .mediaItem {position:relative} .seriesAudio {width:100%; max-width:960px; clear:both;} .seriesAudio img {display:block; margin-bottom:-22px;} .seriesVideo {width:100%; max-width:960px; clear:both;} .seriesVideoMP4 {width:100%; max-width:960px; clear:both;} .section .inner .seriesVideoMP4 .divider {clear:initial; margin:0 auto;} .mediaControls {max-width:960px; clear:both; padding:20px 15px 0;} .mediaControls .mcBtn {display:inline-block; font-size:15px; line-height:15px; color:#fff; text-transform:uppercase; font-weight:600; margin:8px 5px 0;} .mediaControls .mcBtn:first-child {margin-left:auto;} .mediaControls .mcBtn > span {height:23px; display:inline-block; text-indent:-9999px; margin-right:10px; vertical-align:middle;} .mediaControls .mcBtn.video > span {width:25px; background:url(images/media-icons.png) 0 0 no-repeat;} .mediaControls .mcBtn.video:hover > span {background:url(images/media-icons.png) 0 -24px no-repeat;} .mediaControls .mcBtn.audio > span {width:16px; background:url(images/media-icons.png) -26px 0 no-repeat;} .mediaControls .mcBtn.audio:hover > span {background:url(images/media-icons.png) -26px -24px no-repeat;} .mediaControls .mcBtn.podcast > span {width:23px; background:url(images/media-icons.png) -43px 0 no-repeat;} .mediaControls .mcBtn.podcast:hover > span {background:url(images/media-icons.png) -43px -24px no-repeat;} .mediaControls .mcBtn.notes > span {width:19px; background:url(images/media-icons.png) -67px 0 no-repeat;} .mediaControls .mcBtn.notes:hover > span {background:url(images/media-icons.png) -67px -24px no-repeat;} .mediaControls .outlineBtn {margin:0 10px 15px;} .mediaControls .outlineBtn:last-child {margin-right:auto;} .mediaInfo {max-width:680px; clear:both; font-size:15px; text-align:left; padding:45px 15px 0;} .mediaInfo.live {text-align:center; padding:0 0 40px;} .mediaInfo > h2 {font-size:25px; line-height:25px; color:#fff; text-transform:uppercase; letter-spacing:1pt; padding:0 0 25px; text-align:center;} .fallbackText {max-width:850px; padding:20px 0 10px;} .vidcontainer {max-width:960px;} .vidframe {height:0; position:relative; padding-bottom:56.25%; overflow:hidden; margin:0 auto 15px;} .vidframe iframe {width:100%; height:100%; position:absolute; top:0; left:0;} .ministryContent {color:#fff; clear:both;} .ministryInfo {max-width:700px; clear:both; font-size:14px; text-align:left; padding:34px 0 0;} .ministryInfo > h2 {font-size:25px; line-height:25px; color:#fff; text-transform:uppercase; letter-spacing:1pt; padding:0 0 25px; text-align:center;} .sermonItems {clear:both; white-space:nowrap; overflow:hidden; position:relative;} .archive .sermonItems {white-space:normal; overflow:visible;} .sermonItem {width:330px; height:auto; display:inline-block; vertical-align:top; margin:8px; position:relative; white-space:normal;} .sermonItem a {display:block;} .sermonItem img {max-width:100%; height:auto; display:block;} .sermonItem span {display:block;} .sermonHover {width:auto; height:auto; /*background:rgba(255,168,44,0.9);*/ /* background:rgba(0,169,176,0.9); */ padding:22px 20px 0 10px; color:#393939; text-align:center; /* position:absolute; left:16px; top:16px; z-index:1; */ /* filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0; */ -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .sermonHover .title {font-size:20px; font-weight:700; line-height:20px; text-transform:uppercase;} .sermonHover .divider {height:4px !important; background:#6cbede !important; margin:8px auto 10px !important;} .sermonHover .excerpt {font-size:15px; line-height:24px;} .sermonHover .link {font-size:15px; line-height:15px; font-weight:700; color:#fff; text-transform:uppercase; position:absolute; left:9px; bottom:14px; display:none;} .sermonHover .link > span {width:20px; height:22px; display:inline-block; background:url(images/site-icons.png) -155px -41px no-repeat; text-indent:-9999px; margin-right:12px; vertical-align:middle;} .sermonItem a:hover .sermonHover {filter:alpha(opacity=100) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity:1; -webkit-opacity:1; opacity:1;} .sermonSeries .sermonItem {height:auto; padding-bottom:0;} .sermonSeries .sermonItem .sermonHover {height:auto; padding:20px 20px 0 10px; color:#393939; text-align:center; position:relative; background:transparent; opacity:1;} .sermonSeries .sermonItem .sermonHover .title {font-weight:700;} .sermonSeries .sermonItem .sermonHover .excerpt {line-height:inherit;} .sermonSeries .sermonItem .sermonHover .divider {margin:8px auto 10px!important; height:4px !important; background-color:#6cbede !important;} .section.service .fullCol .div {display:inline; margin:0 12px;} .section.service .fullCol .social {clear:both; padding:15px 0 0;} .section.service .fullCol .social > ul {list-style:none; margin:0 auto; text-align:center;} .section.service .fullCol .social > ul > li {display:inline-block; margin:0 10px; vertical-align:top; font-size:22px; line-height:22px;} .section.service .fullCol .social > ul > li > a {width:48px; height:48px; display:block; border-radius:50%; background:#272727; color:#fff;} .section.service .fullCol .social > ul > li > a .fa-facebook {padding-top:14px;} .section.service .fullCol .social > ul > li > a .fa-twitter {padding-top:14px;} .section.service .fullCol .social > ul > li > a .fa-google-plus {padding-top:14px;} .section.service .fullCol .social > ul > li > a .fa-instagram {padding-top:13px;} .section.service .fullCol .social > ul > li > a:hover {color:#ffa82c;} .socialroom {transform: translateX(300%); transition: transform 200ms linear; opacity:0; position: fixed;} .socialroom--pinned {transform: translateX(0%); opacity:1; transition: transform 200ms linear; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .socialroom--unpinned {transform: translateX(300%); transition: transform 200ms linear; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .section.leadership .rightCol .social {clear:both;} .section.leadership .rightCol .social > h4 {max-width:312px; font-size:18px; line-height:18px; color:#fff; padding:20px 0 8px; border-bottom:1px solid #6f6f6f; margin:0 0 12px;} .section.leadership .rightCol .social a {margin:0 15px; white-space:nowrap; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .section.leadership .rightCol .social a:first-child {margin-left:0;} .section.leadership .rightCol .social a:last-child {margin-right:0;} .section.leadership .rightCol .social a > span {width:28px; height:28px; display:inline-block; margin:7px 14px 10px 0; vertical-align:middle; text-indent:-9999px; white-space:nowrap;} .section.leadership .rightCol .social > div a .iconTW {background:url(images/social-icons.png) 0 0 no-repeat;} .section.leadership .rightCol .social > div a .iconFB {background:url(images/social-icons.png) -29px 0 no-repeat;} .section.leadership .rightCol .social > div a .iconEmail {background:url(images/social-icons.png) -58px 0 no-repeat;} .section.leadership .rightCol .social > div a:hover {color:#ffa82c;} .section.leadership .rightCol .social > div a:hover .iconTW {background:url(images/social-icons.png) 0 -29px no-repeat;} .section.leadership .rightCol .social > div a:hover .iconFB {background:url(images/social-icons.png) -29px -29px no-repeat;} .section.leadership .rightCol .social > div a:hover .iconEmail {background:url(images/social-icons.png) -58px -29px no-repeat;} .midBox {max-width:384px; height:227px; padding:26px 34px; font-size:15px; font-weight:400;} .midBox.left {background:rgba(108,190,222,0.8); color:#000; position:relative;} .midBox.right {background:rgba(35,35,35,0.8); color:#fff; position:relative;} .midBox > h1 {font-size:26px; line-height:26px; text-transform:uppercase;} .midBox > h1 > strong, .midBox > h1 > b {font-weight:600;} .midBox.left > h1 {color:#2f2f2f;} .midBox.right > h1 {color:#fff;} .midBox > p {margin-bottom:8px;} .section .inner .midBox > .divider {width:78px; height:4px; clear:both; margin:10px auto 22px; outline:0; border:0;} .section .inner .midBox.left > .divider {background:#fff;} .section .inner .midBox.right > .divider {background:#f8aa3a;} .midBox .btn {width:100%; position:absolute; bottom:25px; left:0; text-align:center;} .locInfo {width:100%; max-width:725px; background:rgba(108,190,222,0.75); text-align:center; font-size:18px; line-height:21px; color:#000; padding:15px 0 5px;} .locInfo strong, .locInfo b {font-weight:600; /*text-transform:uppercase;*/} .locInfo a {color:#fff;} .locInfo a:hover {color:#000;} .campusFooterBtm {font-size:18px; line-height:18px; color:#000;} .campusFooterBtm strong, .campusFooterBtm b {font-weight:600;} .campusFooterBtm a {color:#000;} .cfbDiv {display:inline; margin:0 13px;} .campusSocialIcons {padding:20px 0 0;} .campusSocialIcons > ul {list-style:none; margin:0 auto;} .campusSocialIcons > ul > li {display:inline-block; margin:0 10px;} .campusSocialIcons > ul > li > a {width:48px; height:48px; line-height:300%; background:#3e3e3e; border-radius:50%; color:#e6e6e4; display:block; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .campusSocialIcons > ul > li > a:hover {background:#6cbede;} .searchResultsOptions {clear:both;} .searchResultsOptions input[type="text"] {width:608px; height:45px; background:#efefef; border:0; font-size:30px; line-height:30px; color:#272727; text-transform:uppercase; letter-spacing:0.5pt; text-align:center; margin:0 auto; display:inline-block; vertical-align:top;} .searchResultsOptions input[type="submit"], .searchResultsOptions input[type="button"] {width:133px; height:39px; display:inline-block; margin:4px 6px 0; border:1px solid #ffa82c; background:transparent; font-size:20px; line-height:20px; color:#272727 font-weight:600; text-transform:uppercase; letter-spacing:0.5pt; text-align:center; cursor:pointer; vertical-align:top; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .searchResultsOptions input[type="submit"]:hover, .searchResultsOptions input[type="button"]:hover {background:#ffa82c; color:#fff;} .searchResultsOptions h2 {font-size:16px; font-weight:400; color:#4d4d4d; text-transform:uppercase; padding:45px 0 25px;} .searchResults {padding:56px 0 0;} .searchResult {width:280px; height:460px; display:inline-block; margin:0 20px 40px; background:#efefef; vertical-align:top;} .searchResult > a {display:block; text-align:center;} .searchResult img {max-width:100%; height:auto; display:block;} .searchResult .title {display:block; font-size:24px; line-height:24px; color:#4a4a4a; padding:18px 17px 0; text-transform:uppercase; text-align:left;} .searchResult .excerpt {display:block; font-size:17px; line-height:28px; color:#393939; padding:12px 17px 0; text-align:left;} .searchResult .link {width:114px; display:inline-block; clear:both; padding:8px 10px; border:1px solid #528da4; margin:30px auto 20px; font-size:16px; line-height:16px; font-weight:600; color:#272727; letter-spacing:1pt; text-transform:uppercase; text-align:center; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .searchResult > a:hover .link {background:#00a9b0; color:#fff;} #searchResults .location {font-size:15px; line-height:28px; color:#393939; padding:12px 17px 0; text-align:left;} #searchResults .locationIcon {display:block; margin:17px 13px 0 0px; width:16px; height:20px; background:url(images/site-icons.png) 0 -42px no-repeat; float:left;} #searchResults .locationText {font-size:15px; line-height:28px; padding:15px 0 0 0; color:#393939; text-align:left; float:left;} #searchResults .speakerText {display:block; clear:both;} .nextStepItems {clear:both;} .nextStepItem {width:201px; display:inline-block; vertical-align:top; text-align:center; margin:0 25px 30px; cursor:pointer;} .nextStepItem .icon {width:201px; height:201px; background:#6cbede; border-radius:50%; position:relative; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .nextStepItem img {position:absolute; left:50%; top:50%; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .nextStepItem .icon .orange {filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0;} .nextStepItem:hover .icon .white, .nextStepItem .icon.on .white {filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0;} .nextStepItem:hover .icon .orange, .nextStepItem .icon.on .orange {filter:alpha(opacity=100) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity:1; -webkit-opacity:1; opacity:1;} .nextStepItem:hover .icon, .nextStepItem .icon.on {background:#272727;} .nextStepItem .text {padding:25px 0 0; font-size:18px; line-height:18px; font-weight:600; color:#fff; text-transform:uppercase; letter-spacing:1pt;} .questions {max-width:740px; clear:both; text-align:left;} .question {color:#fff; margin:0 0 14px;} .question .q {font-size:14px; line-height:17px; text-decoration:underline; cursor:pointer; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .question .q:hover {color:#272727;} .question .q > span {display:block; float:left; font-size:24px; line-height:20px; font-weight:700; text-transform:uppercase; text-decoration:none !important; margin:-2px 6px 0 0; vertical-align:top;} .question .q > span > span {font-size:18px;} .question .a {padding:5px 0 20px 30px; font-size:15px; line-height:24px; display:none;} .shareForm {max-width:978px; min-height:330px;} .shareForm .ninja-forms-required-items {display:none;} .shareForm .ninja_forms_form_1_mp_page_1 {margin:0px;} .shareForm input { border-radius: 0;} .shareForm #ninja_forms_form_1_response_msg {color:#ffffff;} .shareForm #ninja_forms_field_1 {width:500px; height:55px; background:#ffffff; border:0; font-size:25px; line-height:25px; color:#272727; font-weight:300; text-transform:uppercase; letter-spacing:2pt; text-align:center; left:0; top:0; z-index:2;} .shareForm #ninja_forms_field_1_label {display:none;} .shareForm #ninja_forms_field_2 {width:500px; height:55px; background:#ffffff; border:0; font-size:25px; line-height:25px; color:#272727; font-weight:300; text-transform:uppercase; letter-spacing:2pt; text-align:center; left:0; top:0; z-index:2;} .shareForm #ninja_forms_field_2_label {display:none;} .shareForm #ninja_forms_field_6 {width:500px; height:55px; background:#ffffff; border:0; font-size:25px; line-height:25px; color:#272727; font-weight:300; text-transform:uppercase; letter-spacing:2pt; text-align:center; left:0; top:0; z-index:2;} .shareForm #ninja_forms_field_6_label {display:none;} .shareForm #ninja_forms_field_3 {max-width:700px; width:100%; height: 189px; border: 0; resize: none; background:#fffffff; padding: 15px; font-size: 20px; line-height: 25px; color: #272727; font-weight: 300; text-transform: none; letter-spacing: 2pt; text-align: left; z-index: 2;} .shareForm #ninja_forms_field_10 {width:22px; height:22px; background:#ffffff; border: 1px solid #6cbede;} .shareForm #ninja_forms_field_10_label {text-transform:uppercase; color:#ffffff; vertical-align:top; font-size:20px;} .shareForm #ninja_forms_field_11 {color:#fff; text-align:center; width:200px; margin-top:50px; margin-left:-200px; font-size:16px; position:relative;} .shareForm #ninja_forms_field_11::-webkit-file-upload-button {visibility: hidden;} .shareForm #ninja_forms_field_11::before {content: 'Choose File'; font-size:16px; color:#ffffff; width: 200px; position:absolute; top:-48px; left:105px; padding: 10px 20px; cursor: pointer; border: 1px solid #6cbede; background: transparent; font-size: 18px; line-height: 18px; color: #fff; font-weight: 600; text-align:center; text-transform: uppercase; letter-spacing: 1pt; display: inline-block; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer;} .shareForm #ninja_forms_field_11:hover::before {background: #6cbede;} .shareForm .ninja-forms-mp-next {width:140px; padding:10px 20px; cursor:pointer; margin:22px 8px 0; border:1px solid #ffa82c; background:transparent; font-size:18px; line-height:18px; color:#fff; font-weight:600; text-transform:uppercase; letter-spacing:1pt; display:inline-block; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease;} .shareForm .ninja-forms-mp-next:hover {background:#fbaf34; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease;} .shareForm .ninja-forms-mp-prev {width:140px; padding:10px 20px; cursor:pointer; margin:22px 8px 0 -155px; border:1px solid #6cbede; background:transparent; font-size:18px; line-height:18px; color:#fff; font-weight:600; text-transform:uppercase; letter-spacing:1pt; display:inline-block; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease;} .shareForm .ninja-forms-mp-prev:hover {background:#6cbede; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease;} .shareForm #ninja_forms_field_5 {width:auto; padding:10px 20px; cursor:pointer; margin:22px 8px 0 15px; border:1px solid #ffa82c; background:transparent; font-size:18px; line-height:18px; color:#fff; font-weight:600; text-transform:uppercase; letter-spacing:1pt; display:inline-block; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; position: absolute;} .shareForm #ninja_forms_field_5:hover {background:#fbaf34; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease;} .step1 {text-align:center; padding:88px 0 0;} .step2 {text-align:center; padding:35px 0 0; display:none;} .step3 {text-align:center; padding:42px 0 0; font-size:24px; line-height:38px; color:#fff; display:none;} .txtField {width:500px; height:55px; background:#fff; clear:both; position:relative; margin:0 auto 18px;} .txtField > label {width:500px; height:40px; border:2px solid transparent; font-size:25px; line-height:25px; color:#272727; font-weight:300; text-transform:uppercase; letter-spacing:2pt; text-align:center; padding-top:15px; position:absolute; left:0; top:0; z-index:1;} .txtField > input[type="text"], .txtField > input[type="email"] {width:500px; height:55px; background:transparent; border:0; font-size:25px; line-height:25px; color:#272727; font-weight:300; text-transform:uppercase; letter-spacing:2pt; text-align:center; position:absolute; left:0; top:0; z-index:2;} .txtArea {width:100%; max-width:663px; height:219px; background:#fff; position:relative;} .txtArea label {width:100%; padding:15px; font-size:25px; line-height:25px; color:#272727; font-weight:300; text-transform:uppercase; letter-spacing:2pt; text-align:center; position:absolute; left:0; top:0; z-index:1;} .txtArea textarea {width:100%; height:189px; border:0; resize:none; background:transparent; padding:15px; font-size:20px; line-height:25px; color:#272727; font-weight:300; text-transform:none; letter-spacing:2pt; text-align:left; position:absolute; left:0; top:0; z-index:2;} .checkboxArea {font-size:18px; line-height:18px; color:#fff; font-weight:300; text-transform:uppercase; padding:17px 0 10px;} .checkboxArea strong, .checkboxArea b {font-weight:600;} .shareForm .outlineBtn.prev {width:107px; height:17px; border-color:#6cbede; padding:10px; cursor:pointer; margin:22px 8px 0;} .shareForm .outlineBtn.prev:hover {background:#6cbede;} .shareForm .outlineBtn.next {width:107px; height:17px; padding:10px; cursor:pointer; margin:22px 8px 0;} .stories .dropdowns {padding:64px 0 0; position:relative; z-index:10;} .stories .dropdowns .dropdown, .subSectionSearchFilter.events .dropdowns .dropdown {font-size:15px; line-height:15px; color:#898989;} .stories .dropdowns .ddSelect, .subSectionSearchFilter.events .dropdowns .ddSelect {height:28px; padding-top:13px;} .subSectionSearchFilter.events {margin-bottom:50px;} .subSectionSearchFilter.events .dropdowns {position:relative; z-index:10;} .alm-btn-wrap {display:none;} .featuredStory {clear:both;} .featuredStoryInner {width:100%; max-width:994px; overflow:hidden; position:relative;} .featuredStoryInner h2 {padding:40px 0 0px; font-size: 26px; line-height: 26px; color: #393939; text-transform: uppercase; letter-spacing: 1pt; font-weight:500;} .featuredStoryInner .divider_story {width: 78px; height: 4px; background: #ffa82c; clear: both; margin: 14px auto 36px; outline: 0; border: 0;} .featuredStoryInner .fullCol {font-size:18px;} .fsiContent a {display:block;} .featuredStoryInner img {max-width:100%; height:auto; display:block;} .fsiContent {width:100%; display:block; position:absolute; left:0; bottom:20px; z-index:1;} .fsiContent span {display:block;} .fsiContent .left {color:#fff; text-align:left; text-transform:uppercase; letter-spacing:1pt; padding:10px 0 0 58px;} .fsiContent .left .tag {font-size:15px; line-height:15px;} .fsiContent .left .title {font-size:25px; line-height:25px; padding:18px 0 0;} .fsiContent .left .divider {margin:8px 0 0 !important;} .fsiContent .right {width:89px; height:89px; border:1px solid #fff; border-radius:50%; margin:0 18px 0 0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .fsiContent .right .icon {width:35px; height:40px; background:url(images/site-icons.png) -155px 0 no-repeat; text-indent:-9999px; margin:25px 0 0 30px;} .featuredStoryInner a:hover .right {border-color:#ffa82c !important;} .featuredStoryImgGallery {width:100%; max-width:1020px; clear:both; margin:14px auto 20px; position:relative;} .featuredStoryImgGallery:after {content:' '; display:block; clear:both;} .featuredStoryImgGallery .leftArrow {width:0; height:0; text-indent:-9999px; border-top:20px solid transparent; border-bottom:20px solid transparent; border-right:35px solid #c6c6c6; position:absolute; left:-65px; top:50%; margin-top:-17px; z-index:2; cursor:pointer; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .featuredStoryImgGallery .leftArrow:hover {border-right:35px solid #ffa82c;} .featuredStoryImgGallery .rightArrow {width:0; height:0; text-indent:-9999px; border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:35px solid #c6c6c6; position:absolute; right:-65px; top:50%; margin-top:-17px; z-index:2; cursor:pointer; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .featuredStoryImgGallery .rightArrow:hover {border-left:35px solid #ffa82c;} .galleryItems {width:994px; overflow:hidden;} .galleryItem {max-width:100%; display:block; float:left; cursor:pointer;} .galleryItem img {max-width:100%; height:auto; display:block; margin:0 0px;} .featuredStoryImgGallery .swiper-button-prev {width:0; height:0; text-indent:-9999px; border-top:20px solid transparent; border-bottom:20px solid transparent; border-right:35px solid #c6c6c6; position:absolute; left:-65px; top:50%; margin-top:-17px; z-index:2; cursor:pointer; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; background-image:none;} .featuredStoryImgGallery .swiper-button-prev:hover {border-right:35px solid #ffa82c;} .featuredStoryImgGallery .swiper-button-next {width:0; height:0; text-indent:-9999px; border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:35px solid #c6c6c6; position:absolute; right:-65px; top:50%; margin-top:-17px; z-index:2; cursor:pointer; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; background-image:none;} .featuredStoryImgGallery .swiper-button-next:hover {border-left:35px solid #ffa82c;} .featuredStoryImgGallery .swiper-slide {width:235px;} .featuredStoryImgGallery .swiper-container {/*overflow:visible;*/} .featuredContent {max-width:835px; clear:both; padding:40px 0 38px; text-align:left; font-size:15px;} .featuredContent > h2 {font-size:25px; line-height:25px; color:#393939; text-transform:uppercase; padding:0 0 24px; text-align:center;} .featuredCat {max-width:835px; clear:both; padding:0 0 38px; text-align:left; margin-top:-30px;} .featuredCat > h3 {font-size:15px; line-height:15px; text-transform:uppercase; color:#393939;} .featuredCat > h3 a {color:#fff; background:#6cbede; padding:3px 8px; display:inline-block; vertical-align:top; text-transform:none; font-size:15px; margin:-3px 3px 0;} .featuredCat > h3 a:first-child {margin-left:6px;} .featuredCat > h3 a:hover {color:#373737;} .storyItems {max-width:1066px; clear:both; padding:62px 0 0;} .storyItems > h2 {font-size:25px; line-height:25px; color:#393939; text-transform:uppercase;} .stories .inner .fullCol .storyItems .divider {width:162px; margin:13px auto 30px;} .storyItem {width:316px; height:auto; display:inline-block; margin:0 16px 32px; vertical-align:top; position:relative;} .storyItem > a {display:block;} .storyItem .shadow {width:316px; height:203px; display:block; background:url(images/story-shadow-tile.png) repeat-x; text-indent:-9999px; position:absolute; left:0; top:0; z-index:1;} .storyItem img {max-width:100%; height:auto; display:block;} .storyItemContent {width:100%; display:block; position:relative; /* left:0; bottom:10px; z-index:2; */} .storyItemContent span {display:block;} .storyItemContent .left {color:#393939; text-align:center; text-transform:uppercase; letter-spacing:1pt; float:none; position:relative;} .storyItemContent .left .tag {min-width:162px; font-size:16px; padding-top:10px; /* line-height:13px; position:absolute; left:20px; bottom:10px; */} .storyItemContent .left .title {width:auto; padding-top:20px; font-size:18px; font-weight:700; line-height:20px; /* position:absolute; left:20px; bottom:40px; */} .storyItemContent .left .divider {width:78px !important; margin:10px auto 0 auto !important; /* position:absolute; left:20px; bottom:30px; */} .storyItemContent .right {position:absolute; right:0; bottom:0;} .storyItemContent .right .icon {background-image:url(images/site-icons.png); background-repeat:no-repeat; text-indent:-9999px; display:none;} .storyItemContent .right .icon.book {width:37px; height:31px; background-position:-223px 0; margin:0 13px 0 0;} .storyItem > a:hover .storyItemContent .right .icon.book {background-position:-223px -33px;} .storyItemContent .right .icon.video {width:31px; height:32px; background-position:-191px 0; margin:0 16px 0 0;} .storyItem > a:hover .storyItemContent .right .icon.video {background-position:-191px -33px;} .aboutStoryItems {clear:both;} .aboutStoryItem {width:280px; height:460px; display:inline-block; margin:0 20px 40px; background:#efefef; vertical-align:top; position:relative;} .aboutStoryItem > a {display:block; text-align:center;} .aboutStoryItem img {max-width:100%; height:auto; display:block;} .aboutStoryItem .title {display:block; font-size:24px; line-height:24px; color:#4a4a4a; padding:18px 17px 0; text-transform:uppercase; text-align:left;} .aboutStoryItem .excerpt {display:block; font-size:17px; line-height:28px; color:#393939; padding:12px 17px 0; text-align:left;} .aboutStoryItem .link {width:114px; display:inline-block; position:absolute; bottom:30px; left:50%; clear:both; padding:8px 10px; border:1px solid #528da4; margin-left:-67px; font-size:16px; line-height:16px; font-weight:600; color:#272727; letter-spacing:1pt; text-transform:uppercase; text-align:center; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .aboutStoryItem > a:hover .link {background:#00a9b0; color:#fff;} .about6 .swiper-button-prev {width:79px; height:84px; background:rgba(0,0,0,0.25); position:absolute; left:0; top:50%; margin-top:-42px; z-index:2; cursor:pointer;} .about6 .swiper-button-prev > span {width:14px; height:25px; display:block; background:url(images/site-icons.png) -125px 0 no-repeat; text-indent:-9999px; margin:30px 0 0 30px;} .about6 .swiper-button-prev:hover > span {background:url(images/site-icons.png) -125px -26px no-repeat;} .about6 .swiper-button-next {width:79px; height:84px; background:rgba(0,0,0,0.25); position:absolute; right:0; top:50%; margin-top:-42px; z-index:2; cursor:pointer;} .about6 .swiper-button-next > span {width:14px; height:25px; display:block; background:url(images/site-icons.png) -140px 0 no-repeat; text-indent:-9999px; margin:30px 0 0 35px;} .about6 .swiper-button-next:hover > span {background:url(images/site-icons.png) -140px -26px no-repeat;} .about6 .swiper-container {max-width:960px; width:960px; /*overflow:visible;*/} @media (max-width:1700px) { .about6 .swiper-container {max-width:1090px; width:1090px;} } @media (max-width:1100px) { .about6 .swiper-container {max-width:720px; width:720px;} } @media (max-width:900px) { .about6 .swiper-container {max-width:100%; width:100%;} } .campusItems {max-width:1115px; clear:both;} .campusItem {width:100%; max-width:256px; height:257px; margin:0 10px 10px; float:left; position:relative; overflow:hidden;} .campusItem > a {display:block; text-align:left; color:#fff; /*text-transform:uppercase;*/} .campusItem > a > img {max-width:100%; height:100%; display:block;} .ciHover {width:216px; height:240px; display:block; /*background:rgba(255,168,44,0.9);*/ background:rgba(0,169,176,0.9); padding:0 13px 0 11px; position:absolute; left:8px; top:8px; z-index:21; filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .ciHover > span {display:block;} .ciTitle {font-size:20px; line-height:20px; font-weight:300; padding:50px 0 10px; border-bottom:1px solid #fff; text-transform:uppercase;} .ciTitle strong, .ciTitle b {font-weight:400;} .ciTitle .loc {font-family:'Roboto Condensed', sans-serif; display:block; font-size:22px; line-height:22px; font-weight:700;} .ciTxt {padding:6px 0 0 2px; font-size:13px; line-height:14px; font-weight:400;} .ciTxt .light {display:block !important; font-weight:300; padding:10px 0 0;} .ciLink {width:110px; padding:5px; border:1px solid #fff; font-size:12px; line-height:12px; font-weight:600; color:#fff; margin:12px auto; text-align:center; letter-spacing:1pt; text-transform:uppercase;} .ciMainTitle {font-size:20px; line-height:20px; color:#fff; font-weight:300; position:absolute; left:20px; bottom:20px; z-index:1; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; text-transform:uppercase;} .ciMainTitle strong, .ciMainTitle b {font-weight:400;} .ciMainTitle .loc {font-family:'Roboto Condensed', sans-serif; display:block; font-size:25px; line-height:20px; font-weight:700;} .campusItem > a:hover .ciHover {filter:alpha(opacity=100) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity:1; -webkit-opacity:1; opacity:1;} .campusItem > a:hover .ciMainTitle {filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0;} .sermonItems .swiper-button-prev {width:79px; height:84px; background:rgba(0,0,0,0.25); position:absolute; left:0; top:50%; margin-top:-42px; z-index:2; cursor:pointer;} .sermonItems .swiper-button-prev > span {width:14px; height:25px; display:block; background:url(images/site-icons.png) -125px 0 no-repeat; text-indent:-9999px; margin:30px 0 0 30px;} .sermonItems .swiper-button-prev:hover > span {background:url(images/site-icons.png) -125px -26px no-repeat;} .sermonItems .swiper-button-next {width:79px; height:84px; background:rgba(0,0,0,0.25); position:absolute; right:0; top:50%; margin-top:-42px; z-index:2; cursor:pointer;} .sermonItems .swiper-button-next > span {width:14px; height:25px; display:block; background:url(images/site-icons.png) -140px 0 no-repeat; text-indent:-9999px; margin:30px 0 0 35px;} .sermonItems .swiper-button-next:hover > span {background:url(images/site-icons.png) -140px -26px no-repeat;} .sermonItems .swiper-container {max-width:1455px; width:1455px; /*overflow:visible;*/} .eventItems {clear:both; white-space:nowrap; overflow:hidden;} .recentEvents .eventItems {white-space:normal; overflow:auto;} .eventItem {width:350px; height:232px; display:inline-block; vertical-align:top; margin:0 6px 20px; position:relative; white-space:normal;} .eventItem a {display:block;} .eventItem img {max-width:100%; height:auto; display:block;} .eventItem span {display:block;} .eventItem strong, .eventItem b {font-weight:600;} .eventHover {width:269px; height:155px; background:rgba(49,127,155,0.8); padding:60px 40px 0 25px; color:#393939; text-align:left; position:absolute; left:8px; top:8px; z-index:1; filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .eventHover .title {font-size:20px; line-height:20px; font-weight:300; text-transform:uppercase;} .eventHover .divider {background:#fff !important; margin:8px 0 10px !important;} .eventHover .excerpt {font-size:15px; line-height:28px;} .eventItem .mainTitle {font-size:18px; line-height:20px; font-weight:300; color:#393939; text-transform:uppercase; position:absolute; left:21px; bottom:24px; z-index:1; padding-right:20px; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; text-align:left;} .eventItem .mainTitle .divider {margin:8px 0 0 2px !important; background:#6cbede !important;} .eventItem a:hover .eventHover {filter:alpha(opacity=100) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity:1; -webkit-opacity:1; opacity:1;} /*.eventItem > a:hover .mainTitle {filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0;}*/ .eventItem {height:350px !important;} .eventItem .mainTitle {position:relative !important; left:auto !important; bottom:auto !important; color:#393939 !important; text-align:center !important; padding:20px 0 0 0 !important; font-weight:700;} .eventItem .excerpt {font-weight:500 !important; text-transform:uppercase !important; color:#393939 !important;} .section.eventSection .inner .eventItem .divider, .eventItem .divider {height:4px !important; margin:10px auto 5px !important; background:#6cbede !important;} .events .swiper-button-prev {width:79px; height:84px; background:rgba(0,0,0,0.25); position:absolute; left:0; top:42%; margin-top:-42px; z-index:2; cursor:pointer;} .events .swiper-button-prev > span {width:14px; height:25px; display:block; background:url(images/site-icons.png) -125px 0 no-repeat; text-indent:-9999px; margin:30px 0 0 30px;} .events .swiper-button-prev:hover > span {background:url(images/site-icons.png) -125px -26px no-repeat;} .events .swiper-button-next {width:79px; height:84px; background:rgba(0,0,0,0.25); position:absolute; right:0; top:42%; margin-top:-42px; z-index:2; cursor:pointer;} .events .swiper-button-next > span {width:14px; height:25px; display:block; background:url(images/site-icons.png) -140px 0 no-repeat; text-indent:-9999px; margin:30px 0 0 35px;} .events .swiper-button-next:hover > span {background:url(images/site-icons.png) -140px -26px no-repeat;} .events .swiper-container {max-width:1455px; width:1455px;} @media (max-width:1700px) { .events .swiper-container {max-width:1090px; width:1090px;} } @media (max-width:1100px) { .events .swiper-container {max-width:720px; width:720px;} } @media (max-width:900px) { .events .swiper-container {max-width:100%; width:100%;} } /*.section.eventSection .eventItems {white-space:normal;} .section.eventSection .eventHover {width:317px; height:115px; padding:85px 0 0; text-align:center; background:rgba(255,168,44,0.9); left:16px; top:15px;} .section.eventSection .eventHover .title {color:#272727;} .section.eventSection .eventHover .divider {margin:12px auto 0 !important;} */ .eventDropdown {width:100%; clear:both; background:url(images/bg-event-item.jpg) center top no-repeat; background-size:cover; padding:60px 0 30px; margin:20px auto 50px; position:relative; display:none;} .eventDropdown .arrowMask .left, .eventDropdown .arrowMask .right {background:url(images/share-mask-white.gif) repeat-x;} .eventDropdown .arrowMask .arrow {background:url(images/share-arrow-mask-white.png) no-repeat;} .eventInfo {max-width:746px; color:#fff;} .eventInfoTop {font-size:20px;} .eventInfoTop > div {display:inline-block; margin:0 25px;} .eventDetailsTop {font-size:20px;} .eventDetailsTop > div {display:inline-block; margin:0 25px;} .eventInfoDesc, .eventDetailsContent {text-align:left; padding:20px 15px 0; font-size:14px;} .eventInfoShare {color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1pt;} .eventInfoShare a {display:inline-block; line-height:250%!important; width:35px !important; height:35px; margin:0 22px; color:#fff; border:1px solid #fff; border-radius:50%; margin-top:5px; box-shadow:0 0 10px rgba(0,0,0,0.3); text-shadow:0 0 5px rgba(0,0,0,0.5); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .eventInfoShare a:hover {border-color:#ffa82c;} .ministryItems {clear:both; white-space:nowrap; overflow:hidden;} .ministryItem {width:315px; height:370px; display:inline-block; vertical-align:top; margin:0 0px 20px; position:relative; white-space:normal;} .ministryItem a {display:block; text-align:center;} .ministryItem img {max-width:100%; height:auto; display:block;} .ministryItem span {display:block;} .ministryItem strong, .ministryItem b {font-weight:600;} .ministryHover {width:265px; height:338px; background:rgba(49,127,155,0.9); padding:32px 25px 0 25px; color:#fff; text-align:center; position:absolute; left:0px; top:0px; z-index:1; filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .ministryHover .title {font-size:26px; line-height:26px; font-weight:500; text-transform:uppercase; text-align:center;} .ministryHover .divider {background:#fff !important; margin:8px auto 15px !important;} .ministryHover .excerpt {font-size:15px; line-height:28px; font-weight:300;} .ministryItem .mainTitle {width:100%; font-size:26px; line-height:26px; font-weight:500; color:#fff; text-transform:uppercase; position:absolute; left:0px; bottom:24px; z-index:1; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; text-align:center;} .ministryItem .mainTitle .divider {margin:8px auto 2px !important; background:#6cbede !important;} .ministryItem a:hover .ministryHover {filter:alpha(opacity=100) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity:1; -webkit-opacity:1; opacity:1;} .ministryItem > a:hover .mainTitle {filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0;} .ministriesImage .ministryItem {width:315px; height:370px; display:inline-block; vertical-align:top; margin:0 0px 20px; position:relative; white-space:normal; background:rgba(108,190,222,0.9); -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .ministriesImage .ministryItem:hover {background:rgba(35,35,35,0.8); -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .ministriesImage .inner .divider, .ministries .inner .divider {margin:14px auto 38px;} .ministriesImage .inner > h1 {color:#000;} .ministriesImage .ministryItem a {display:block; height:100%; text-align:center; color:#000; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .ministriesImage .ministryItem a:hover {color:#fff; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .ministriesImage .ministryItem img {max-width:100%; height:auto; display:block;} .ministriesImage .ministryItem span {display:block;} .ministriesImage .ministryItem strong, .ministryItem b {font-weight:600;} .ministriesImage .title {font-size:26px; line-height:26px; font-weight:500; text-transform:uppercase; text-align:center; padding-top:27px;} .ministriesImage .ministryItem .divider {background:#fff !important; margin:8px auto 15px !important; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .ministriesImage .ministryItem:hover .divider {background:#ffa82c !important; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .ministriesImage .excerpt {font-size:15px; line-height:28px; font-weight:300; padding:0 20px 30px;} .ministriesImage .readmore {width: 135px; font-size:16px; font-weight:600; height:29px; border:1px solid #ffa82c; color:#fff; text-align:center; text-transform:uppercase; cursor:pointer; -webkit-transition:all .25s ease; -moz-transition:all .25s ease;transition:all .25s ease; display:inline-block; vertical-align:top; margin:6px auto 18px -65px; position:absolute; left:50%; bottom:5px; z-index:1;} .ministriesImage .readmore:hover {color:#fff; background:#ffa82c;} .ministriesImage .ministryItem .mainTitle {width:100%; font-size:26px; line-height:26px; font-weight:500; color:#fff; text-transform:uppercase; position:absolute; left:0px; bottom:24px; z-index:1; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; text-align:center;} .ministriesImage .ministryItem .mainTitle .divider {margin:8px auto 2px !important; background:#6cbede !important;} .ministriesImage .ministryItem a:hover .ministryHover {filter:alpha(opacity=100) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity:1; -webkit-opacity:1; opacity:1;} .ministriesImage .ministryItem > a:hover .mainTitle {filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0;} .ministries .swiper-button-prev {width:79px; height:84px; background:rgba(0,0,0,0.25); position:absolute; left:0; top:50%; margin-top:-42px; z-index:2; cursor:pointer;} .ministries .swiper-button-prev > span {width:14px; height:25px; display:block; background:url(images/site-icons.png) -125px 0 no-repeat; text-indent:-9999px; margin:30px 0 0 30px;} .ministries .swiper-button-prev:hover > span {background:url(images/site-icons.png) -125px -26px no-repeat;} .ministries .swiper-button-next {width:79px; height:84px; background:rgba(0,0,0,0.25); position:absolute; right:0; top:50%; margin-top:-42px; z-index:2; cursor:pointer;} .ministries .swiper-button-next > span {width:14px; height:25px; display:block; background:url(images/site-icons.png) -140px 0 no-repeat; text-indent:-9999px; margin:30px 0 0 35px;} .ministries .swiper-button-next:hover > span {background:url(images/site-icons.png) -140px -26px no-repeat;} .ministries .swiper-container {max-width:1315px; width:1315px;} .ministries .swiper-slide {width:330px !important;} @media (max-width:1700px) { .ministries .swiper-container {max-width:990px; width:990px;} } @media (max-width:1100px) { .ministries .swiper-container {max-width:658px; width:658px;} } @media (max-width:900px) { .ministries .swiper-container {max-width:100%; width:100%;} .ministries .swiper-slide {width:100% !important;} } .footer {width:100%; clear:both; background:#262626; position:relative; z-index:2;} .footerMain {padding:60px 0 28px; text-align:center;} .newsletterSignup {clear:both;} #formNewsletter {max-width:750px; min-height:50px; margin:0 auto; clear:both; display:block;} .nsTxt {display:inline-block; vertical-align:top; font-weight:300; color:#6cbede; font-size:26px; line-height:26px; text-transform:uppercase; margin:6px 0px 20px 0;} .nsInput {width:233px; height:37px; background:#535353; display:inline-block; vertical-align:top; margin:0px 0px 0px 0px; padding:0px; float:left;} .nsInputText {width:233px; height:37px; background:#535353; display:inline-block; vertical-align:top; margin:0px 3px 0px; padding:0px;} .nsInputText input[type="text"] {width:210px; height:26px; background:transparent; border:0; font-size:12px; line-height:12px; color:#ffffff; font-weight:400; text-transform:uppercase; vertical-align:top; margin:5px 0 0;} .nsIcon {width:20px; height:15px; display:inline-block; background:url(images/site-icons.png) -71px 0 no-repeat; text-indent:-9999px; margin:11px 16px 0 10px; vertical-align:top;} .nsInput input[type="text"], .nsInput input[type="email"] {width:168px; height:26px; background:transparent; border:0; font-size:12px; line-height:12px; color:#767676; font-weight:400; text-transform:uppercase; vertical-align:top; margin:5px 0 0; -webkit-appearance: none; border-radius: 0;} .newsletterSignup input[type="submit"], .newsletterSignup input[type="button"] {width:68px; height:29px; background:#262626; border:1px solid #6cbede; font-size:12px; line-height:12px; color:#fff; font-weight:600; text-align:center; text-transform:uppercase; cursor:pointer; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; display:inline-block; vertical-align:top; margin:25px 0 0 0px; -webkit-appearance: none; border-radius: 0;} .newsletterSignup .outlineBtn {background:#262626; border:1px solid #6cbede; font-size:12px; line-height:12px; color:#fff; font-weight:600; text-align:center; text-transform:uppercase; cursor:pointer; display:inline-block; vertical-align:top; margin:25px 5px 0; padding:8px 20px 7px; -webkit-appearance: none; border-radius: 0;} .newsletterSignup input[type="submit"]:hover, .newsletterSignup input[type="button"]:hover, .newsletterSignup .outlineBtn:hover {background:#6cbede; color:#262626; -webkit-appearance: none; border-radius: 0;} .newsletterSignup .loading {width:100%; display:block; padding:20px 0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .newsletterSignup .success {width:100%; display:block; background:#6cbede; text-align:center; color:#fff; text-transform:uppercase; font-size:30px; line-height:30px; padding:20px 0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .newsletterSignup .validation {width:100%; display:block; background:#ffa82c; text-align:center; color:#fff; text-transform:uppercase; font-size:30px; line-height:30px; padding:20px 0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .newsletterSignup .error {width:100%; display:block; background:#c12121; text-align:center; color:#fff; text-transform:uppercase; font-size:30px; line-height:30px; padding:20px 0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .newsletterSignup .hide {display:none; filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .newsletterSignup .show {display:block; filter:alpha(opacity=1) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)" !important; -moz-opacity:1; -webkit-opacity:1; opacity:1; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .footerDiv {width:100%; max-width:311px; height:1px; background:#5b5b5b; color:#5b5b5b; outline:0; border:0; clear:both; margin:30px auto;} .orangeBtn {color:#fff; display:inline-block; background:#ffa82c; border-radius:3px; padding:10px 26px; font-size:23px; line-height:23px; font-weight:700; text-transform:uppercase; margin:0 auto; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .orangeBtn:hover {color:#fff; background:#a66303;} .footerNavMobile {clear:both; display:none;} .footerNavMobile > ul {list-style:none; margin:0 auto; padding:0 25px;} .footerNavMobile > ul > li {height:22px; display:inline-block; font-size:16px; line-height:16px; text-transform:uppercase; margin:0 13px 0 0; padding:0 13px 0 0; border-right:1px solid #497181;} .footerNavMobile > ul > li:last-child {margin-right:auto; padding-right:0; border-right:0;} .footerNavMobile > ul > li > a {color:#fff; display:block; padding:2px 0 0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .footerNavMobile > ul > li > a:hover {color:#6cbede;} .footerNav {clear:both;} .footerNav > ul {list-style:none; margin:0 auto; padding:0 25px;} .footerNav > ul > li {height:22px; display:inline-block; font-size:16px; line-height:16px; text-transform:uppercase; margin:0 13px 0 0; padding:0 13px 0 0; border-right:1px solid #497181;} .footerNav > ul > li:last-child {margin-right:auto; padding-right:0; border-right:0;} .footerNav > ul > li > a {color:#fff; display:block; padding:2px 0 0; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .footerNav > ul > li > a:hover {color:#6cbede;} .footerBtm {padding:14px 0 13px; background:#272727; background:rgba(255,255,255,0.02); clear:both; font-size:13px; line-height:13px; font-weight:300; text-transform:uppercase; text-align:center;} .footerBtm:after {content:' '; display:block; clear:both;} .footerBtmLeft {float:left; color:#5f5f5f; padding:0 0 0 24px;} .footerBtmLeft strong, .footerBtmLeft b {font-weight:600;} .footerBtmLeft a {color:#5f5f5f;} .footerBtmLeft a:hover {color:#fff;} .footerBtmMid {display:inline-block; font-weight:400; color:#6cbede; vertical-align:bottom;} .footerBtmMid a {color:#6cbede; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} .footerBtmMid a:hover {color:#fff;} .footerBtmRight {float:right; color:#fff9f9; padding:0 22px 0 0;} .footerBtmRight strong, .footerBtmLeft b {font-weight:600;} .footerBtmRight a {color:#fff9f9;} .footerBtmRight a:hover {color:#fff;} .fbrDiv {display:inline; margin:0 6px;} .section.general .inner .fullCol .styleguide h1 {padding:40px 0 20px; font-size: 26px; line-height: 26px; color: #393939; text-transform: uppercase; letter-spacing: 1pt;} .section.general .inner .fullCol .styleguide h2.alt0 {padding:20px 0 10px; display:inline-block;} .section.general .inner .fullCol .styleguide h2.alt0::after {content: ''; width: 78px; background:#6cbede; height: 4px; display:block; margin:14px auto 10px;} .section.general .inner .fullCol .styleguide h2.alt1 {display:block; clear:both; padding:8px 8px; background:#6cbede; color:#ffffff; margin:20px 0 10px;} .section.general .inner .fullCol .styleguide h2.alt2 {display:block; clear:both; padding:8px 0px; color:#ffa82c; text-transform:uppercase; margin:20px 0 10px;} .section.general .inner .fullCol .styleguide h3 {padding:10px 0 5px;} .section.general .inner .fullCol .styleguide h4 {padding:5px 0; text-transform:uppercase; font-weight:600;} .section.general .inner .fullCol .styleguide strong {} .section.general .inner .fullCol .styleguide em {font-weight:400;} .section.general .inner .fullCol .styleguide ul {margin:15px 25px 30px;} .section.general .inner .fullCol .styleguide ul li {} .section.general .inner .fullCol .styleguide ol {margin:15px 25px 30px;} .section.general .inner .fullCol .styleguide ol li {} .section.general .inner .fullCol .styleguide blockquote{font-style:italic;} .section.general .inner .fullCol .styleguide hr {border:0px; height:1px; background:#262626;} /*MISC*/ .clear {clear:both;} .hide, .hidden {display:none !important;} .animateHide {webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; opacity:0 !important;} .animateShow {webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; opacity:1;} .center {text-align:center;} .noselect {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .trans {-webkit-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease;} img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {max-width:100%; height:auto;} .alignleft, img.alignleft {display:inline; float:left; margin:5px 50px 30px 0;} .alignright, img.alignright {display:inline; float:right; margin:5px 0 30px 50px;} .ministry .alignleft, img.alignleft {display:inline; float:left; margin:5px 30px 20px 0;} .ministry .alignright, img.alignright {display:inline; float:right; margin:5px 0 20px 30px;} .aligncenter, img.aligncenter {clear:both; display:block; margin:5px auto 30px; text-align:center;} .navigation, #nav-single, #nav-below, #nav-above, .nav-single, .nav-below {min-height:60px; margin:40px 0 20px; clear:both; overflow:hidden;} .nav-previous {float: left; width:45%; padding:10px 0 0; font-weight:bold;} .nav-next {float: right; text-align: right; width:45%; padding:10px 0 0; font-weight:bold;} .assistive-text {margin:0 !important; padding:20px 0 0;} .form-allowed-tags {display:none;} .pDiv {width:100%; height:1px; clear:both; margin:15px auto 20px;} .shareSection .addthis_toolbox a{line-height:35px!important;} /*ipad specific*/ @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .indexA {z-index:-1;} .indexB {z-index:-2;} .lmiHover, .ciHover, .sermonHover, .ministryHover, .eventHover {opacity:1;} /*.eventItem .mainTitle, .ministryItem .mainTitle {opacity:0;} .eventItem a {background:#000;} .eventItem img {opacity:0.5;}*/ } /*iphone specific*/ @media only screen and (min-device-width:320px) and (max-device-width:736px) { .indexA {z-index:-1;} .indexB {z-index:-2;} .lmiHover, .ciHover, .sermonHover, .ministryHover, .eventHover {opacity:1;} /*.eventItem .mainTitle, .ministryItem .mainTitle {opacity:0;} .eventItem a {background:#000;} .eventItem img {opacity:0.5;}*/ } @media (max-width:1150px) { .campusItems {max-width:830px;} } @media (max-width:1100px) { /*.eventItem {display:block; margin:0 auto 20px;}*/ /*.eventItem {width:300px; height:199px;} .eventHover {width:219px; height:123px;}*/ .eventItem {width:270px; height:179px;} .eventHover {width:189px; height:103px;} } @media (max-width:1024px) { .searchLoading {top:180px;} .searchModalResults {padding-top:20px;} .tlSearchHelp {right:-42px;} .tlSearchHelp:after {left:71%;} .searchModalInner input[type="text"] {width:90%; font-size:75px; line-height:70px;} } @media (max-width:1014px) { .section.search .inner, .section.storiesTxt .inner {max-width:950px;} .featuredStoryInner {width:100%; max-width:994px; height:auto; overflow:hidden; position:relative;} .galleryItems {width:100%;} .section.itemSlider .item-swiper-container .leftCol {width:32%; margin-right:30px;} .section.itemSlider .item-swiper-container .rightCol {width:50%;} .section.itemSlider .item-swiper-container .rightCol .outlineBtn {margin-top:10px;} } @media (max-width:980px) { .section.outreach .inner .fullCol .mid {display:block; margin-bottom:20px;} .section.outreach .inner .fullCol .left, .section.outreach .inner .fullCol .right {max-width:90%; float:none; text-align:left;} } @media (max-width:950px) { .mobileHeader .logo {width:154px;} .mobileHeader .logo span {font-size:10px; bottom:-2px; right:-1px;} .mobileHeader .btns {margin-top:22px;} .mainHeader, .shareSection {display:none;} .mobileHeader {display:block;} .countDownBox.home {display:none;} .homeBanner {/*margin-top:63px;*/ margin-top:0;} .campusHeaderBanner.spacer {margin-top:0px;} .countDownBox {width:100%; position:fixed; left:0; right:auto; top:0; background:#1e333b; text-align:center; display:block;} .countDownBox.home .socialBtns ul > li > a {line-height:195%;} .cdbLeft {display:none;} .cdbRight {background:transparent; float:none; margin:0 auto;} /*.section.service .countdown {display:none;}*/ .section.service .inner .fullCol .address {padding:10px 0 0;} .section.service .inner .fullCol .address .mobileDiv {display:block;} .chbTitle {/*padding:15px 90px; bottom:20px;*/} .midBox {margin:0 auto 20px;} .midBox.left, .midBox.right {float:none;} /*.mediaControls {padding:0 15px;}*/ .mediaControls .left {float:none;} .mediaControls .mcBtn {margin:8px 9px 4px;} .mediaControls .right {float:none; padding-top:20px;} .sticky-wrapper, .section.allministries {height:auto !important;} .section .inner .leftCol {width:auto; display:block; margin:0 auto 20px;} .section .inner .rightCol {width:auto; display:block;} .section .inner .rightCol > h1 {text-align:center;} .section .inner .rightCol .divider {margin-left:auto !important; margin-right:auto !important;} .section.about4 {background:#aeaeae;} .section.about4 .inner .rightCol {margin-left:auto;} .lmBtn {width:100%; text-align:center;} .campusItems {max-width:552px;} .eventItem {width:238px; height:158px;} .eventHover {width:157px; height:102px; padding-top:40px;} .section.ministryMain, .section.mediaMain {padding-top:90px} /*.shbTitle {top:35%;}*/ .searchResultsOptions input[type="text"] {width:466px;} .events .swiper-button-prev, .events .swiper-button-next {top:35%;} } @media (max-width:800px) { iframe {height:425px;} } @media (max-width:767px) { .closeModalBtn {bottom:15px;} .nsTxt, .ntbTxt {font-size:18px; line-height:23px; margin-right:10px;} .outlineBtn {margin-top:25px;} .planvisit .outlineBtn {margin-top:10px;} .playBtn {top:24%;} .section1 {padding-bottom:40px;} .section2, .section3, .section.about, .section.about2, .section.about4, .section.planvisit, .section.media, .section.sub, .section.generic, .section.search, .section.storiesTxt, .section.stories, .section.faq {padding:50px 0 40px;} .generalContentSpacer {padding:0;} .section.about5 {padding:50px 0 60px;} .section.about .inner {font-size:16px; line-height:24px; text-align:left;} .section.about .inner > h1 {text-align:center;} .section .inner .divider {margin-bottom:35px;} .section2 .inner .divider {margin-bottom:35px;} .section2 .inner .fullCol, .about3 .inner .fullCol, .section.generic .inner .fullCol {font-size:18px; line-height:26px;} .section.about5 .inner .fullCol {font-size:30px; line-height:40px;} .section4 {background:#aeaeae; padding:50px 0 40px;} .section4 .inner .rightCol {margin-left:auto; text-align:center; font-size:17px; line-height:28px;} .section4 .inner .rightCol .divider {margin-left:auto; margin-right:auto;} .section4 .inner .rightCol p {text-align:left;} body, .section.about4 .inner .rightCol, .section.about4.campus .inner .rightCol, .section.planvisit .inner .rightCol {font-size:16px; line-height:24px;} .section.planvisit .inner .rightCol {text-align:center;} .section.planvisit .inner .rightCol p {text-align:left;} .section.ministryMain {padding-bottom:20px;} .section.recentEvents, .section.eventSection {padding:50px 0 35px;} .section.share {padding:70px 0 30px;} .section.mediaMain {padding:100px 0 30px;} .left, .right {float:none;} .arrowMask {display:none;} .fsiContent .left {float:left; padding-left:15px;} .fsiContent .left .tag {font-size:13px; line-height:13px;} .fsiContent .left .title {font-size:20px; line-height:20px; padding-top:10px;} .fsiContent .right {width:65px; height:65px; float:right; margin-right:10px;} .fsiContent .right .icon {margin:15px 0 0 22px;} .section.outreach .inner .fullCol .mid {margin-top:-30px;} .eventItem {margin-left:3px; margin-right:3px;} .eventInfoTop, .eventDetailsTop {font-size:16px; line-height:22px;} .eventInfoTop > div, .eventDetailsTop > div {margin:0 15px;} .events .swiper-button-next, .events .swiper-button-prev {top:30%;} .sermonItem {width:280px; height:auto; display:block; margin:0 auto 16px;} .sermonHover {width:auto; height:auto; padding:10px 8px 0 10px;} .sermonHover .title {font-size:17px; line-height:16px;} .sermonHover .excerpt {font-size:14px; line-height:16px;} .sermonHover .link {bottom:6px;} .storyItems {padding-top:0;} .dropdown {display:block; margin:0 auto 10px;} .searchResults {padding-top:40px;} .step1, .step2, .step3 {padding-top:10px;} .footerBtmLeft, .footerBtmRight {float:none; padding:5px 0 0; display:block;} .footerBtmMid {display:block;} .ministry .alignleft, img.alignleft {display:inline; width:100%; float:none; margin:5px 0px 20px 0;} .ministry .alignright, img.alignright {display:inline; width:100%; float:none; margin:5px 0 20px 0px;} .section.allministries .columns .column {width:auto; display:block;} .nsInputText {width:90%; margin:3px 0px;} .nsInputText input[type="text"] {width:95%;} .nsInput {width:90%; margin:3px 0px;} .nsInput input[type="text"], .nsInput input[type="email"] {width:95%;} .nsIcon {display:none;} .newsletterSignup input[type="submit"], .newsletterSignup input[type="button"], .newsletterSignup .outlineBtn {display:block; margin:10px auto 0px; width:50%; padding:12px 0 12px 0; height:auto;} .newsletterSignup .success {font-size:20px; line-height:20px;} .newsletterSignup .validation {font-size:20px; line-height:20px;} .newsletterSignup .error {font-size:20px; line-height:20px;} #countdownTimerPanel .left {display:block;} #countdownTimerPanel .right {display:block; padding:0px;} .countdownInner .left {font-size: 35px;} .mediaControls .right .outlineBtn {display:block; width:100%; margin:0 0px 15px; padding:9px 0px 11px;} .section.itemSlider .item-swiper-container .leftCol {width:auto; margin-right:auto; display:block;} .section.itemSlider .item-swiper-container .rightCol {width:95%; display:block; margin-top:20px; padding:0 15px;} .section.itemSlider .swiper-button-next, .section.itemSlider .swiper-button-prev {top:32% !important;} } @media (max-width:730px) { .eventItem {width:216px; height:143px;} .eventHover {width:135px; height:97px; padding-top:30px;} } @media (max-width:666px) { .eventItem {width:284px; height:188px; display:block; margin:0 auto 20px;} .eventHover {width:232px; height:159px; padding:12px 20px 0 15px;} .eventHover .excerpt {font-size:14px; line-height:20px;} .section.eventSection .eventHover {width:233px; height:112px; padding-top:60px;} .events .swiper-button-prev, .events .swiper-button-next {top:34%;} } @media (max-width:690px) { .searchResultsOptions input[type="text"] {width:90%; padding-left:10px; padding-right:10px;} .searchResultsOptions input[type="submit"], .searchResultsOptions input[type="button"] {display:block; margin:20px auto 0;} } @media (max-width:650px) { .locationModalItems {text-align:center;} .locationModalItem, .locationModalItemStatic {display:block; margin-left:auto; margin-right:auto;} .newsletterTopBar {height:59px; padding-top:4px;} .nsTxt {display:block; margin:0 auto 15px; font-size:22px; line-height:22px;} .ntbTxt {display:block; margin:0 auto 5px; font-size:16px; line-height:15px;} .ntbInput {width:185px; height:32px;} .ntbIcon {margin:9px 5px 0 3px;} .ntbInput input[type="text"], .ntbInput input[type="email"] {width:135px; margin-top:2px;} .newsletterTopBar input[type="submit"], .newsletterTopBar input[type="button"] {width:55px; height:26px; margin-left:4px;} iframe {height:353px;} .outlineBtn.sml {display:block; margin:12px auto 0px; max-width:60%;} /*.shbTitle {top:30%;}*/ .footerNav {display:none;} .footerNavMobile {display:block;} } @media (max-width:600px) { .bSearch, .bLocs {padding:0 15px;} .bMenu {padding-left:20px;} .campusItems {max-width:280px;} .shareForm #ninja_forms_field_1 {width:100%;} .shareForm #ninja_forms_field_2 {width:100%;} .shareForm #ninja_forms_field_6 {width:100%;} } @media (max-width:560px) { .chbTitle {font-size:20px; line-height:18px; padding:15px 50px !important; bottom:40px;} .shbTitle {font-size:22px; line-height:22px;} .shbTitle .divider {margin-top:10px;} .section.service .inner {font-size:16px;} .section.service .inner .fullCol .address {line-height:18px;} .section.service .fullCol .social {padding-top:25px;} .section.service .fullCol .div {display:block; opacity:0; line-height:6px;} .section.leadership .rightCol .social a {display:block; margin:0;} .campusFooterBtm {line-height:13px;} .cfbDiv {display:block; opacity:0;} .searchResultsOptions input[type="text"] {font-size:22px; line-height:28px;} .searchResultsOptions h2 {padding-top:25px; line-height:18px;} .searchResultsOptions h2 strong, .searchResultsOptions h2 b {display:block;} .dropdown {font-size:18px;} .txtField {width:90%;} .txtField > label, .txtField > input[type="text"], .txtField > input[type="email"] {width:100%;} .txtField > label, .txtField > input[type="text"], .txtField > input[type="email"], .txtArea label {font-size:20px; line-height:25px;} .txtArea label, .txtArea textarea {width:90%;} .shareForm .prevArrow, .shareForm .nextArrow {display:none;} .step3 {font-size:18px; line-height:25px;} } @media (max-width:480px) { .countDownBox.home .socialBtns ul > li > a {line-height:225%;} .locationModalLogo img {width:80%;} .locInfo {font-size:15px; line-height:19px;} .campusFooter .inner .fullCol .divider {width:90%;} .searchResult {display:block; margin:0 auto 30px;} .storyItem {width:290px; height:186px; display:block; margin:0 auto 20px;} .storyItem .shadow {width:290px; height:186px;} .storyItemContent .left .tag, .storyItemContent .left .title, .stories .inner .fullCol .storyItems .divider {left:10px;} iframe {height:263px;} } @media (max-width:420px) { .mobileHeader .logo {margin-left:15px;} .mobileHeader .btns {margin-right:15px;} .mobileLocs .inner {padding-top:30px; padding-bottom:80px;} .mobileMenu .inner {padding-top:30px;} .section .inner > h1, .section4 .inner .rightCol > h1, .midBox > h1 {font-size:20px; line-height:20px;} .featuredStoryInner h2 {font-size:20px; line-height:20px;} .section.allministries .button {top:70px;} } @media (max-width:414px) { iframe {height:225px;} } @media (max-width:384px) { .bSearch, .bLocs {padding:0 10px;} .bMenu {padding-left:15px;} .midBox {height:254px;} iframe {height:209px;} } @media (max-width:375px) { .mobileHeader .logo {width:143px;} iframe {height:204px;} } @media (max-width:320px) { iframe {height:163px;} } /* Daryl's Additions for Stakeholder Meeting on December 2 */ h2 {padding-bottom:10px; font-weight:bold;} .section.section1 .inner h2 {padding: 20px 0 10px 0;} /*.outlineBtn.blue {margin-bottom:40px;}*/ /* ::::: Columns ::::: */ div.mariners-columns {margin: 20px 0 20px 0; width:100%;} div.mariners-columns-clear {width:100%; height:20px; clear:both;} div.mariners-column2 {width:48%; margin-right:4%; float:left;} div.mariners-column2-last {width:48%; margin-right:0; float:left;} div.mariners-column3 {width:30.66%; margin-right:4%; float:left;} div.mariners-column3-last {width:30.66%; margin-right:0; float:left;} div.mariners-column23 {width:65.33%; margin-right:4%; float:left;} div.mariners-column13-last {width:30.66%; margin-right:0; float:left;} h2 img.lefticon {display:inline; float:left; margin:5px 30px 20px 0;} /* Serve Page Drop Menu Edits */ .su-spoiler-style-default > .su-spoiler-title { padding-left: 27px; padding-right: 0; font-size: 110%; color: #6cbede; } div.su-spoiler-style-default > div.su-spoiler-content { padding: 0px; margin: 0px; } * End Daryl's Additions */