/* Theme Name: Halcyon Theme Child */ .header-no-border, .header-no-border #header { -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } body { color: #534741; background: #b7afa7; font-family: 'Proxima Nova Rg',"Open Sans", sans-serif;} a, a:visited { color: #f06d54; } /*** header ***/ .header-no-border { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } .header-no-border #header { background: transparent; border-top: 3px solid transparent; } #main-container { background: transparent; } #header .container-fluid { max-width: 1070px; padding: 0 15px; } #logo { width: 158px; height: 70px; margin: 32px 0; margin: 7px 0 10px; } #logo a { display: block; width: 100%; height: 100%; } #logo img { width: 100%; max-width: 140px; display: block; } #menu { margin-top: 44px; margin-top: 17px; font-family: 'Proxima Nova Lt'; } #menu a { color: #fff; } .menu li a:hover, .menu li.current-menu-item > a, .menu li.current-menu-parent > a, .menu li.active > a, .menu li.sfHover > a { color: #f06d54; } li#menu-item-84 a { top: 9px; text-indent: -9999px; display: block; width: 28px; height: 28px; border: 2px solid #f06d54; position: relative; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } li#menu-item-84 a:hover, li#menu-item-84 a:focus { color: #fff; } li#menu-item-84 a:before { line-height: 28px; width: 100%; content: "\f0e1"; font-size: 17px; padding-left: 2px; font-family: FontAwesome; color: #f06d54; text-indent: 0; position: absolute; top: 0; left: 0; display: block; text-align: center; } .browser-Firefox li#menu-item-84 a:before { line-height: 26px; padding-left: 0; } #mobile-menu li#menu-item-84 { position: absolute; bottom: 15px; right: 15px; } .page-template-page-privacy #page-header{ display: none; } /*** header blue ***/ .fp-viewing-services-services .header-no-border, .fp-viewing-about-about .header-no-border, .fp-viewing-team-team .header-no-border, .fp-viewing-community-community .header-no-border, .fp-viewing-contact-contact .header-no-border, .scrollContent .header-no-border, .loadNotTopPage .header-no-border { position: fixed; } .fp-viewing-services-services .header-no-border #header, .fp-viewing-about-about .header-no-border #header, .fp-viewing-team-team .header-no-border #header, .fp-viewing-community-community .header-no-border #header, .fp-viewing-contact-contact .header-no-border #header, .scrollContent .header-no-border #header, .loadNotTopPage .header-no-border #header { border-color: #00365d; background: rgba(0,54,83,1); } .fp-viewing-services-services #logo, .fp-viewing-about-about #logo, .fp-viewing-team-team #logo, .fp-viewing-community-community #logo, .fp-viewing-contact-contact #logo, .scrollContent #logo, .loadNotTopPage #logo { margin: 7px 0 10px; } .fp-viewing-services-services #logo a, .fp-viewing-about-about #logo a, .fp-viewing-team-team #logo a, .fp-viewing-community-community #logo a, .fp-viewing-contact-contact #logo a, .scrollContent #logo a, .loadNotTopPage #logo a { background: url(../images/logo-white-3.png) no-repeat 0 0 / auto 100%; } .fp-viewing-services-services #logo img, .fp-viewing-about-about #logo img, .fp-viewing-team-team #logo img, .fp-viewing-community-community #logo img, .fp-viewing-contact-contact #logo img, .scrollContent #logo img, .loadNotTopPage #logo img { display: none; } .fp-viewing-services-services #menu, .fp-viewing-about-about #menu, .fp-viewing-team-team #menu, .fp-viewing-community-community #menu, .fp-viewing-contact-contact #menu, .scrollContent #menu, .loadNotTopPage #menu { margin-top: 17px; } .fp-viewing-services-services #menu a, .fp-viewing-about-about #menu a, .fp-viewing-team-team #menu a, .fp-viewing-community-community #menu a, .fp-viewing-contact-contact #menu a, .scrollContent #menu a, .loadNotTopPage #menu a { color: #fff; } .fp-viewing-services-services #menu #menu-item-22 a, .fp-viewing-about-about #menu #menu-item-23 a, .fp-viewing-team-team #menu #menu-item-24 a, .fp-viewing-community-community #menu #menu-item-25 a, .fp-viewing-contact-contact #menu #menu-item-26 a { color: #f06d54;} .fp-viewing-team-team .header-no-border { top: -200px; } body #fullpage .center .fp-tableCell article { width: 100% !important; max-width: 1070px !important; margin: auto !important; } body #fullpage .section .slide article div.inner-slide { margin: 0px !important; } #page-content #fp-nav ul li a.active span, #page-content #fp-nav ul li:hover a span, #page-content #fp-nav ul li:hover a.active span, #page-content .fp-slidesNav ul li a.active span, #page-content .fp-slidesNav ul li:hover a.active span { background-color: #f06d54; } #page-content #fp-nav ul li.active a span { background-color: #f06d54; } #fullpage .section .link2nextslide { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } #fullpage .section .link2nextslide .vc_btn3-container { margin-bottom: 0; } #fullpage .section .link2nextslide a { font-size: 24px !important; background: none !important; border: none !important; padding: 0px !important; width: 40px !important; color: #00365d !important; text-indent: -9999px; text-align: left; position: relative; } #fullpage .section .link2nextslide a .fa { font-size: 40px; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; text-indent: 0; } #nav-link-prev, #nav-link-next { color: #fff; position: absolute; top: 50%; left: 5px; margin-top: -80px; width: 26px; height: 26px; cursor: pointer; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } #nav-link-prev:hover, #nav-link-next:hover { background: rgba(0,0,0,0.3); } #nav-link-next { margin-top: 65px; } #nav-link-prev em, #nav-link-next em { font-size: 30px; line-height: 24px; text-align: center; display: block; } #nav-link-next em { line-height: 24px; padding-top: 2px; } /*.fp-viewing-intro-intro #nav-link-prev, .fp-viewing-contact-contact #nav-link-next { display: none; }*/ .fp-viewing-services-services #fullpage .fp-tableCell article .inner-slide, .fp-viewing-about-about #fullpage .fp-tableCell article .inner-slide, .fp-viewing-community-community #fullpage .fp-tableCell article .inner-slide, .fp-viewing-contact-contact #fullpage .fp-tableCell article .inner-slide { padding: 90px 10px 30px 0; } .fp-viewing-contact-contact #fullpage .fp-tableCell article .inner-slide { padding-bottom: 0; } /*** section-1 ***/ #section-1 { color: #67524a; z-index: 10; } #section-1 h1, #home.section h1 { font-size: 60px; color: #fff; margin: 0; font-weight: normal; font-family: 'Proxima Nova Rg',"Open Sans", sans-serif; } #section-1 h1 strong, #home.section h1 strong { font-weight: 700; font-family: 'Proxima Nova Rg',"Open Sans", sans-serif; } #section-1 p, #home.section p { color: #093b65; font-size: 25px; text-transform: uppercase; text-shadow: none; font-family: 'Conv_QuincyCF-Bold','Proxima Nova Rg',"Open Sans", sans-serif; } #logo-white-wrap { position: fixed; top: -400px; right: 50px; opacity: 0.3; -webkit-transition: all 3s; -moz-transition: all 3s; transition: all 3s; /* -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; */ } .scrollDown #logo-white-wrap.onpageload { top: -400px !important; } #logo-white-wrap.onpageload, .scrollTopPage #logo-white-wrap, .scrollTopPage.scrollDown #logo-white-wrap { top: 150px !important; right: 150px; } #logo-white-wrap .vc_single_image-wrapper { width: 250px;} #logo-white-wrap img { width: 100%; height: auto; } /*** section-2 ***/ .section-white, .section-white h2, .section-white p, .section-white a, .section-white li { color: #fff; text-shadow: rgba(0,0,0,0.5) 0 0 5px; } .section-white h2, .section-white h3 { font-size: 38px; margin: 0 0 15px; line-height: 1; font-weight: 400 !important; color: #fff; font-family: 'Conv_QuincyCF-Bold','Proxima Nova Lt',"Open Sans", sans-serif !important; } .section-white h3 { font-size: 26px; } .section-white p { font-size: 14px; line-height: 1.2; margin-bottom: 20px !important; } .section-white li { position: relative; line-height: 1.2; padding: 3px 0 3px 13px; font-family: 'Proxima Nova Lt',"Open Sans", sans-serif; } .section-white li:before { position: absolute; top: 0; left: 0; content:"_"; font-family: 'Proxima Nova Lt',"Open Sans", sans-serif; text-shadow: rgba(0,0,0,0.5) 0 0 5px; } /*** section-3 ***/ #section-3-rightcolumn, .block-about_right { padding-top: 200px; } /*** section-5 ***/ /*#section-5-rightcolumn { padding-top: 53px; }*/ /*** team ***/ body #fullpage .team .center .fp-tableCell article { max-width: 100% !important; background: #fff; } #fullpage .section.team .fp-tableCell article .inner-slide { padding: 0 !important; } #fullpage .section.team .slide.team { } /*#fullpage .section.team.active.completely .slide.team { padding-top: 90px !important; overflow: hidden; }*/ .member-item { width: 16.6666%; float: left; position: relative; overflow: hidden; } .member-item img { display: block; height: 110%; width: auto; max-width: inherit; margin: -5% auto 0; } .member-item.w_more_h img { width: 105%; height: auto; } .member-item .member-cover { max-height: 0; background: rgba(240,109,84,0.8); color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; -webkit-transition: max-height 0.3s; -moz-transition: max-height 0.3s; transition: max-height 0.3s; } .member-item:hover .member-cover { max-height: 100%; } .member-item .member-position, .member-item .member-name, .member-item .member-readmore { font-size: 15px; position: absolute; top: 20px; left: 15px; line-height: 1.3; text-transform: uppercase; font-family: 'Proxima Nova Lt',"Open Sans", sans-serif; } .member-item .member-name { top: 45%; } .member-item .member-name .member-level { display: block; } .member-item .member-readmore { top: auto; top: 15px; } .member-item .img-text { padding: 15px; position: absolute; bottom: 0; left: 0; width: 100%; text-transform: uppercase; line-height: 1; font-family: 'Proxima Nova Lt',"Open Sans", sans-serif; z-index: 100; } .member-item .img-member-name { display: block; font-size: 21px; padding-bottom: 5px; } .member-item .img-member-position { display: block; font-size: 14px; } /*** single-team ****************************************/ .single-team { background: #b7afa7 url(../images/profile-bg.jpg) no-repeat center top / 100% auto; background-attachment: fixed; } .single-team #main-container { background: transparent; } .team-member { margin: 200px 0 100px; padding: 40px 25px; position: relative; background: #f0f0f0; /* Old browsers */ background: -moz-linear-gradient(-45deg, #f0f0f0 0%, #f5f2ef 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #f0f0f0 0%,#f5f2ef 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #f0f0f0 0%,#f5f2ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f5f2ef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .team-member:after { display: block; content:""; clear: both; } .member-photocolumn { float: right; width: 30%; margin: 0 -50px 0 0; } .privacy .member-photocolumn { padding-left: 50px; margin: 0; } .member-cntcolumn { float: left; width: 70%; } .member-photocolumn h1 { display: none; } .member-thumbnail { margin-bottom: 30px; } .contact-details { width: 80%; } .privacy .contact-details { width: 100%; } .contact-details h3 { font-size: 20px; border-bottom: 1px solid #f06d54; padding: 0 0 10px; line-height: 1.2; margin: 0 0 15px; text-transform: uppercase; font-family: 'Proxima Nova Lt',"Open Sans", sans-serif; } .contact-details .contact-item { font-size: 18px; overflow: hidden; font-family: 'Proxima Nova Rg',"Open Sans", sans-serif; } .contact-details .fa { font-size: 20px; color: #f06d54; float: left; width: 35px; } .contact-details .fa-mobile { font-size: 40px; padding-left: 1px; } .contact-details .contact-phone { line-height: 40px; } .contact-details a, .contact-details a:visited { color: #534741; } .contact-details a:hover, .contact-details a:focus { color: #f06d54; } .single-team h1, .privacy h1 { font-size: 36px; font-size: 24px; border-bottom: 1px solid #f06d54; padding: 0 0 10px; line-height: 1.2; margin: 0 0 20px; font-family: 'Conv_QuincyCF-Bold'; } .member-details { font-size: 16px; line-height: 1.4; padding: 0 50px 40px 0; text-transform: uppercase; position: relative; overflow: hidden; font-family: 'Proxima Nova Rg',"Open Sans", sans-serif; } .member-details .item { padding-right: 15px; } .member-details .item em { font-style: normal; text-transform: none; } .member-details .link2print { font-size: 30px; position: absolute; top: 0; right: 0; color: #111; } #profile-tabs { position: absolute; top: -28px; left: 0; } #profile-tabs .nav-tabs { border: none; } #profile-tabs a { font-size: 15px; font-size: 12px; line-height: 18px; padding: 5px 15px; background: #dadada; color: #4d4d4d; text-transform: uppercase; border: none; font-family: 'Proxima Nova Lt',"Open Sans", sans-serif; } #profile-tabs .nav-tabs > li.active > a, #profile-tabs .nav-tabs > li.active > a:visited, #profile-tabs .nav-tabs > li.active > a:focus, #profile-tabs .nav-tabs > li.active > a:hover { color: #fff; background: #f26c4f; } .tab-content { padding-left: 40px; font-family: 'Conv_QuincyCF-Regular'; font-size: 15px; line-height: 1.4; } .tab-content h2 { font-size: 22px; line-height: 1.3; text-transform: uppercase; font-family: 'Conv_QuincyCF-Bold'; margin: 0 0 20px; } .tab-content h3 { font-size: 20px; line-height: 1.3; } .tab-content ul { margin-left: 20px; list-style-position: outside; } .tab-content ul li { padding: 0 0 5px 5px; } .tab-content > .tab-pane h2 .fa { display: none; } /*** contact ***/ .section.contact { position: relative; } #section-6 { } #column-with-cform { background: rgba(39,38,36,0.8); padding: 40px 45px 30px; position: relative; } #column-with-cform h3 { font-size: 16px; color: #fff; margin: 0 0 15px; line-height: 1.4; font-weight: 700; text-transform: uppercase; font-family: 'Proxima Nova Rg',"Open Sans", sans-serif; } #column-with-cform .wpcf7 { margin-bottom: 10px; } #column-with-cform .form-control { color: #fff; border: none; border-bottom: 1px solid #bfafa2; background: transparent; margin-bottom: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #column-with-cform .form-control:focus { border-color: #fff; } #column-with-cform textarea { height: 100px; } #column-with-cform .form-submit .btn { background: #f06d54; font-size: 12px; line-height: 23px; padding: 5px 30px; margin: 0 0 20px; font-weight: 700; font-family: 'Proxima Nova Rg',"Open Sans", sans-serif; } .wpcf7-form-control-wrap { display: block; } #column-with-cform .wpcf7-not-valid-tip { font-size: 12px; position: absolute; top: 35px; left: 0; width: 160px; line-height: 1.2; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-response-output { margin: 0 0 20px; border: none; background: rgba(0,0,0,0.5); font-size: 11px; line-height: 1.3; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #column-with-cform .contact-item:after { content:""; display: block; clear: both; } #column-with-cform .contact-item p { font-size: 16px; margin-bottom: 15px !important; line-height: 1.2; color: #fff; font-family: 'Proxima Nova Rg',"Open Sans", sans-serif; } #column-with-cform .contact-item:before { content: "\f041"; font-family: FontAwesome; color: #f06d54; padding-right: 10px; float: left; width: 40px; } #column-with-cform .contact-address:before { content: "\f041"; font-size: 32px; position: relative; top: 4px; } #column-with-cform .contact-phone:before { content: "\f10b"; font-size: 45px; position: relative; top: 4px; } #column-with-cform .contact-email:before { content: "\f0e0"; font-size: 20px; position: relative; top: -5px; } #column-with-cform .contact-email p { margin-bottom: 0px !important; padding-bottom: 0px !important; } #column-with-cform .link2in { position: absolute; bottom: 30px; right: 45px; } #column-with-cform .link2in p { margin-bottom: 0px !important; padding-bottom: 0px !important; } #column-with-cform .link2in a { text-indent: -9999px; display: block; width: 34px; height: 34px; border: 2px solid #f06d54; position: relative; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } #column-with-cform .link2in a:hover, #section-6 .link2in a:focus { color: #fff; } #column-with-cform .link2in a:before { content: "\f0e1"; font-size: 20px; padding-left: 2px; font-family: FontAwesome; color: #f06d54; text-indent: 0; position: absolute; top: 0; left: 0; display: block; line-height: 29px; width: 30px; text-align: center; } .browser-Firefox #column-with-cform .link2in a:before { line-height: 27px; padding-left: 0; } #contact-footer { position: absolute; bottom: 40px; left: 0; font-size: 11px; width: 100%; line-height: 1.2; } #contact-footer .wpb_wrapper { width: 100%; max-width: 1070px; margin: auto; } #contact-footer p { margin-bottom: 0px !important; padding-bottom: 0px !important; } #contact-column-text { padding-right: 100px; } .slimScrollBar { width: 3px !important; opacity: 0.1 !important; } /*** homepage v2 *******************************************************/ #homepage-sections { } #homepage-sections .container { max-width: 1070px; } #homepage-sections .section { background-position: 50% 50%; background-repeat: no-repeat; display: table; width: 100%; height: 100%; overflow: hidden; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #homepage-sections .section-standard .section-wrapper { display: table-cell; vertical-align: middle; } #homepage-sections .section ul { list-style: none; } #homepage-sections .section .block-left { float: left; width: 48%; } #homepage-sections .section .block-right { float: right; width: 48%; } #homepage-sections .section .block-about-right { padding-top: 200px; } #menu-dots { position: fixed; top: 48%; right: 0; margin-top: -60px; z-index: 100; padding: 0 15px; } ul#side-menu { list-style: none; margin: 8px 0 0; } ul#side-menu li { background: transparent; padding: 4px 0; } ul#side-menu li a { width: 10px; height: 10px; background: #fff; display: block; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } ul#side-menu li.active a { background: #f06d54; } #menu-dots #nav-link-prev, #menu-dots #nav-link-next { left: 7px; } #menu li.active a, #menu li.active a:visited { color: #f06d54; } #team .container { width: 100%; max-width: 100%; padding: 0; } #team-overlay { position: absolute; top: 0; left: 0; background: #00365d url(../images/loading.gif) no-repeat center center; width: 100%; height: 100%; } #homepage-sections #column-with-cform { width: 85%; float: right; padding-left: 45px; padding-right: 45px; } .block-contact-footer { position: absolute; bottom: 40px; left: 0; font-size: 11px; width: 100%; line-height: 1.2; clear: both; } .block-contact-footer .block-cnt { width: 100%; max-width: 1040px; margin: auto; padding: 0 15px; } .block-contact-footer p { margin: 1em 0 !important; padding-bottom: 0px !important; color: #534741; font-size: 11px; text-shadow: none; } .block-contact-footer p.privacy-link{ font-size: 14px; } .block-contact-footer a { display: inline-block; margin-top: 8px; color: #534741; text-shadow: none; } /*** footer ***************/ #footer-container { display: none !important; } a#scroll-up, a#scroll-up:visited { background: #f06d54 !important; } a#scroll-up:hover, a#scroll-up:focus { background: #fff !important; color: #f06d54 !important; } /* Word Rotate */ .word-rotate { display: inline-block; overflow: hidden; text-align: center; position: relative; max-height: 22px; line-height: 22px; } .word-rotate .word-rotate-items { position: relative; top: 0; width: 0; display: inline-block; } .word-rotate .word-rotate-items span { display: inline-block; white-space: nowrap; } .word-rotate .word-rotate-items span:not(:first-child) { display: none; } .word-rotate.active .word-rotate-items { position: relative; } .word-rotate.active .word-rotate-items span { display: inline-block; float: left; clear: both; } h1.word-rotator-title .word-rotate { max-height: 70px; line-height: 70px; margin-bottom: -18px; } h1 strong { font-weight: normal; } /*** debug ***********************/ #debug-block { display: none; position: fixed; top: 0; left: 0; line-height: 1; z-index: 1000; } #debug-responsive { border: 1px solid #231f20; height: 10px; width: 10px; background: #fff; } #debug-resolution { font-size: 10px; line-height: 1; padding: 3px; background: #fff; display: inline-block; } #debug-bodyclass { font-size: 10px; line-height: 1; padding: 3px; background: #000; color: #fff; display: inline-block; }