/** * * @author Alessandro Castellani @ 604media | http://604media.com * @package Bootstrap Starter */ /* ----------------------------------------------------------- BODY ----------------------------------------------------------- */ /** WP ADMIN BAR ****************************/ body.admin-bar .navbar-fixed-top{top: 28px;} body {margin: 0; padding: 0;} /* ----------------------------------------------------------- STRUCTURE ----------------------------------------------------------- */ .right {float: right;} .left {float: left;} .center {text-align: center} .site-content {margin: 45px 30px;} .spacer {margin: 50px 0; padding: 0 30px;} .sides {padding: 0 30px;} .zero {padding: 0;} .entry-content img {width: 100%; height: auto} .image.match {background-position: center; background-size: cover;} .container-fluid { position:relative; z-index:999} .page-template-default .col-md-8 img {width: 100%;} .page-template-default .col-md-8 hr {margin-top: 30px; margin-bottom: 30px;} /* TOP BANNERS */ .parallax-window { background: transparent; position: relative; } .parallax-window .col-md-8 { position:relative; z-index:3} .parallax-window:after{position:absolute; content:''; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.8); z-index:1} .banner {overflow: hidden; padding-bottom:120px} .banner:after { position:absolute; content:''; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.8)} .banner .col-md-7 {margin-top: 180px; position: relative; z-index: 10; padding-left: 50px} .banner h5, .banner p {color: #5b5b5b;} .banner h5 {font-size: 1.7em} .banner p {font-size: 1.5em; line-height: 1.5em;} /* SECOND LEVEL PAGES BANNERS */ .banner-interior {height: 350px; overflow: hidden;} .banner-interior h1 {padding: 150px 0 0;} .default-page {padding-top: 40px; padding-bottom: 40px;} .boxed {padding: 120px;} /**********************************************************************************************************************************/ /* ----------------------------------------------------------- TYPOGRAPHY ----------------------------------------------------------- */ /** HEADLINES *****************************/ h1, h2, h3, h4, h5 {font-family: 'Roboto', sans-serif; letter-spacing: 1px; font-size: inherit; line-height: 1.45; color: #7da741} h1 {font-size: 3em; line-height: 1.3em;} h2 {font-size: 2.5em;} h3 {font-size: 1.9em; margin-bottom:30px} h4 {font-size: 1.5em;} h5 {font-size: 1.4em; color: #616261;} /** TEXT **********************************/ body, p, blockquote, li, b {font-family: 'Open Sans', sans-serif; color:#616261; font-size: 1.4em; /*font-size: 14px;*/ line-height: 1.6em;} body.page-id-309 .entry-content p, body.page-id-309 .entry-content ul li {font-size: 16px;} blockquote {padding: 0px 10px; margin: 30px 0 30px 5px; clear:both; position:relative; padding-left:45px; border-left:none} blockquote:before { content:''; position:absolute; bottom:10px; left:0; background:url(../img/blockquote-corner.svg); background-size:contain; width:20px; height:20px; display:block;} blockquote p { font-weight:400; font-weight: 600; font-size: 24px; line-height: 1.5;} p{ clear:both} hr { clear: both;width: 100%; display: inline-block;} .lead {color: #7da741; font-size: 20px; line-height: 1.6em; font-weight: 600;} .centered { text-align:center} /** LISTS *********************************/ ul {} ol {padding-left: 40px;} ol ol, ul ul, ul ol, ol ul {padding: 7px 20px;} body.single ol ol {list-style: lower-alpha;} body.single ol ol ol {list-style: lower-roman;} li {margin: 0 0 10px 0; font-size: 1.2em;} ul.paper-plane-list > li {background:url(../img/airplane-list.svg) left top no-repeat;padding:0 0 0 50px;list-style-type:none;list-style-image:none;margin-left:-30px} /** LINKS *********************************/ a:link, a:visited, a:active {color: #7da741; text-decoration: none;} a:hover {color: #6e8f3c; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out;} .entry-content a:link, .entry-content a:visited, .entry-content a:active {color: #56732d; text-decoration: none;} .entry-content a:hover {color: #7da741; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out;} /**********************************************************************************************************************************/ /* ----------------------------------------------------------- EXTRAS ----------------------------------------------------------- */ /** BUTTONS *******************************/ .btn-default, .btn-noir, .btn-dark-green, input[type=submit], .reply {margin: 10px 10px 10px 0px; padding: 13px 25px; letter-spacing: 1px; font-family: 'Roboto', sans-serif; color: #fff !important; border:1px solid; border-radius: 0; font-weight: 500; font-size: 16px;} .btn-default, .reply {background-color: #7da741; border-color: #7da741;} .btn-default.white-btn { background:#fff; color: #7da741!important; clear: both} .btn-default.white-btn:hover {background:#7da741; color:#fff!important;} .loadmore.btn-default {width: 100%; margin: 0; padding: 20px 0;} .btn-noir {background: #616261; border-color: #616261;} .btn-dark-green {background-color: #6e8f3c; border-color: #6e8f3c;} .btn-default:hover, .reply:hover, .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default, .btn-default.focus, .btn-default:focus {color: #fff; background-color: #6e8f3c; border-color: #6e8f3c; box-shadow:none} .btn-noir:hover {background: #4a4a4a; border-color: #4a4a4a; color: #fff;} .btn-dark-green:hover {background-color: #5a7531; border-color: #5a7531;} .btn-span {padding-left: 10px; font-size: 100%; font-weight: bold; font-family: 'Helvetica Neu', helvetica, arial;} .btn {font-size: 18px;} /* Images *********************************/ img{border: 0 none; box-shadow: none;} /** HIGHLIGHT ****************************/ ::-moz-selection { color: #fff; background: #7da741; } ::selection {color: #fff; background: #7da741;} /**********************************************************************************************************************************/ /* ----------------------------------------------------------- HEADERS ----------------------------------------------------------- */ .page-header{ margin-top:0} .col-sm-1 .btn-default {width: 100%; font-size: 16px; margin: 0; padding: 10px; float: right;} #top-bar {width: 100%; height: 45px; background: #fff; border-bottom: 1px solid #ececec; position: fixed; z-index: 99999; overflow: hidden;} #top-bar .col-sm-2.contact {padding: 12px 15px 3px 15px; border-right: 1px solid #ececec; width: 200px} #top-bar .col-sm-2.contact:last-child {width:150px} #top-bar .col-sm-1 {border-left: 1px solid #ececec; text-align: right;} #top-bar .container-fluid {padding-left: 0; padding-right: 0;} #top-bar .row {margin: 0;} #top-bar .login {width: 200px; padding: 0px; float:right;} #top-bar .login a {margin: 0; padding: 10px 25px 11px} #top-bar .search-on {width: 220px; margin: 0; padding: 0; float: right;} #top-bar .search-on form, #top-bar .search-on .form-group, #top-bar .search-on input {width: 100%;} #top-bar .search-on input {top: 0; border: none; background-image: url(../img/search.png); background-position: 172px 0; background-repeat: no-repeat; background-size: contain;} #top-bar .search-on .search-submit {display: none;} #top-bar p, #top-bar b {font-size: 0.9em; line-height: 1.6em} #top-bar .social {width: 55px; padding: 7px 15px; float:right} #top-bar .fa-facebook {padding: 0 5px} .careers-link{ float:right} .careers-link a.btn-careers { padding: 14px; font-size: 16px; font-weight: 600; line-height: 2.5; border-left: 1px solid #ececec; transition: all 0.6s; color:#fff; background:#7da741} .careers-link a.btn-careers:hover { background: #6e8f3c; transition: all 0.6s} /**********************************************************************************************************************************/ /* ----------------------------------------------------------- MAIN NAV ----------------------------------------------------------- */ .navbar-header {position: absolute; z-index: 999999;} nav.navbar.navbar-default.navbar-fixed-top { margin-top: 45px; border: none; background: transparent; /*background: url(../img/shadow.png);*/ -webkit-transition: all .7s ease-out;-moz-transition: all .7s ease-out;-ms-transition: all .7s ease-out;-o-transition: all .7s ease-out;transition: all .7s ease-out;} .navbar-brand { background: url(../img/rise-logo.svg); background-size:contain; height: 54px; width: 90px; display: block; color: #fff; margin: 15px 0 !important; transition: all .2s; -webkit-transition: all .2s; background-repeat:no-repeat } /*body.home .navbar-brand {background: url(../img/rise-logo-white.svg); background-size:contain; background-repeat: no-repeat;}*/ .navbar > .container .navbar-brand { margin-left: 0} .navbar-nav { float: right; clear: right; transition: all .2s; -webkit-transition: all .2s; padding-top: 25px;} .navbar-default .navbar-nav > li > a {font-family: 'Roboto', sans-serif; color: #fff; padding: 0; font-weight: 500; font-size: 18px; letter-spacing: 1px;text-shadow:1px 1px 8px #323232; margin-bottom: 15px;} .navbar-default .navbar-toggle{border-radius:0; margin-top: 22px;} .navbar-default .navbar-toggle .icon-bar{} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{} .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{} .top-nav {float: right; margin: 30px 0 0 0; transition: all .2s; -webkit-transition: all .2s; width:253px} .nav > li {padding: 0 15px} .nav > li:nth-last-child(2) {padding-right: 8px} .navbar-default .navbar-nav li:nth-last-of-type(1) a { padding-right: 0} .navbar-default .navbar-nav li a:hover, .top-nav a:hover { text-decoration: none;} .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background-color:transparent; color: #fff;} .navbar-default .navbar-nav .dropdown li a::after {display: none;} .caret {color: #fff; margin-top: -3px;} /** DROPDOWN MENU **/ .dropdown-menu {border: 1px solid #ececec;} .dropdown-menu>li {margin: 3px 0;} .dropdown-menu>.active>a, .dropdown-menu li.current-page-ancestor a {background: #7da741; color: #fff;} .dropdown-menu>li>a {font-size: 0.8em;} .navbar-nav>li>.dropdown-menu:after{content:"";width:0;height:0;position:absolute;bottom:100%;left:15px;border-width:0 6px 6px;border-style:solid;border-color:#fff transparent} .navbar li.menu-item ul li:last-of-type a {border-bottom: 0px;} .navbar-nav>li>.dropdown-menu {border-radius: 7px;} .navbar li.current-page-ancestor .active a {color: #7da741;} .navbar li ul li a {color: #616261; font-size: 17px} .mega-sub-menu li .textwidget h4.main-links a{ border-top:0!important; padding: 0!important} /** MEGA MENU **/ #mega-menu-wrap-primary #mega-menu-primary {height: 90px} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {color: #616261} #mega-menu-wrap-primary:before, #mega-menu-wrap-primary #mega-menu-primary:before, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu:before, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:before, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:before, #mega-menu-wrap-primary:after, #mega-menu-wrap-primary #mega-menu-primary:after, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:after, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:after {display: block !important} #mega-menu-wrap-primary .mega-menu-toggle {background: #616261} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.widget_text { padding:30px 0 0 15px} /** MEGA MENU SUB MENU **/ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {border-radius: 0; border: 1px solid #ececec;} .mega-sub-menu li { list-style-type: none; margin: 0; padding: 0;} .mega-sub-menu li a{font-size: 1.1em; line-height: 1.5em; margin: 0; padding: 10px 5px; border-top: 1px solid #e5e5e5; width: 100%; display: block} ul.mega-sub-menu > ul {border-bottom: 1px solid #e5e5e5;} ul.mega-sub-menu ul {padding: 0} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {margin: 0px 0px 20px 0px;} h4.mega-block-title{ display:none!important} #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {margin-top: 30px !important;} .mega-sub-menu li:hover > a, .mega-sub-menu li.current_page_item > a {color: #7da741; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > a.mega-menu-link:after {content: ''; margin: 0;} .textwidget h4{ color:#616261; text-transform: uppercase; margin: 0; padding: 0} /** UNDERLINE **/ #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::after {position:absolute;top:100%;left:25%;width:50%;height:4px;margin-top:1px;background:rgba(97,98,97,1);content:'';opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;-moz-transition:opacity .3s,-moz-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px);} /** UNDERLINE WHEN PAGE IS ACTIVE **/ #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus::after, #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover::after, #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::after, #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link::after {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)} /** CHANGE MENU **/ .change{height:80px;border-bottom:1px solid #ececec!important;margin-top:45px!important;background:#fff!important;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-ms-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out} .change .navbar-brand{margin:15px 0!important;padding:0;position:absolute;display:block;background:url(../img/rise-logo.svg) no-repeat;height:50px!important;background-size: contain;background-repeat: no-repeat; width:75px!important;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out; transition:all .4s ease-out} .change .caret {color:#616162} .change .navbar-nav {padding-top: 20px;} .change .navbar-nav>li>a {color: #616261; text-shadow: none} .change .navbar li.current-page-ancestor a {color: #7da741;} .change .navbar li.menu-item ul li a {color:#616261;} .change .navbar ul.dropdown-menu li.current-menu-item a {color: #7da741;} .change.navbar-default .navbar-nav>.active>a, .change.navbar-default .navbar-nav>.active>a:hover, .change.navbar-default .navbar-nav>.active>a:focus, .change.navbar li.current-page-ancestor a, .change.navbar-default .navbar-nav > li > a:hover, .change.navbar-default .navbar-nav > li > a:focus {color: #7da741;} .change.navbar-default .navbar-nav li a::after {box-shadow: none;} .change.navbar-default #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {margin-top: 19px !important} .change #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { color:#616261; -webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out; transition:all .4s ease-out} .change #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, .change #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {color: #7da741;} /** UNDERLINE **/ .change #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::after {background:#fff;} /** CHANGE DROPDOWN MENU **/ .change.navbar li.current-page-ancestor ul li a {color: #616261;} .change .dropdown-menu>.active>a, .change .dropdown-menu li.current-page-ancestor a {background: #7da741; color: #fff !important;} .change #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{color:#7da741} /**********************************************************************************************************************************/ /* ----------------------------------------------------------- FOOTER ----------------------------------------------------------- */ footer {width: 100%; padding: 20px 0; background: #fff; border-top: 1px solid #ececec;} footer p {font-size: 0.8em; text-align: left; color: #616261; margin: 0; padding: 10px 0;} .site-info { text-align: center; width: 100%; clear: both; display: inline-block; margin-top: 60px;} footer ul { margin: 0; padding: 0} footer ul li { list-style: none; padding: 10px 20px; display: inline;} footer ul li a { font-size: 18px;} footer ul li a:hover { text-decoration: none } .logo-footer {background: url(../img/rise-logo.svg); background-size:contain; height: 35px; width: 53px; float: right; display: block; margin-right: 10px;} .newsletter {background: rgba(0,0,0,0.05); padding: 20px 30px 60px 30px; height: auto; text-align: center; border-top: 1px solid #ececec; overflow:auto} .newsletter input, .newsletter .btn {width: 100%} .newsletter input {margin-top: 10px; padding: 15px 10px !important;} .newsletter input[type=submit] {padding: 15px 10px !important;} /**********************************************************************************************************************************/ /* ----------------------------------------------------------- WIDGETS ----------------------------------------------------------- */ .widget {position: relative; z-index: 1;} .widget.widget_text{ display: inline-block; list-style:none; margin-bottom:20px} .widget.widget_text h2{ padding-top:0; margin-top:0;} .widget.widget_text .textwidget{ text-transform:none;} iframe, object, embed { max-width: 100%;} #wpcf7-f141-p13-o1 .wpcf7-form{padding:40px; width:100%; float:left} .wpcf7-form p{ padding:0 0 5px 0; line-height:1;} .form-group .form-control, .form-group textarea{ border-radius:0; padding:5px 0 8px 20px; margin-bottom:8px} .form-control { font-weight:100} .form-control::-webkit-input-placeholder {color: #616162!important;} .form-control:-moz-placeholder {color: #616162!important;} .form-control::-moz-placeholder {color: #616162!important;} .form-control:-ms-input-placeholder {color: #616162!important;} /**********************************************************************************************************************************/ /* ----------------------------------------------------------- HOMEPAGE ----------------------------------------------------------- */ .main-area{ padding:60px 0} /* Hero Image */ #hero .row {position: relative; bottom: 74px; z-index: 10;} #hero .col-sm-4 {padding: 0;} /* Buttons Below Hero */ .home-btn-left, .home-btn-right {padding: 25px 20px; margin: 0; width: 100%;} .intro .col-md-5, .intro .col-md-7 {margin-top: -74px;} .intro .col-md-5 {padding: 70px 50px; animation-duration: 3s; animation-delay: 1s;} .intro-video {background: #616162; padding: 0; height: 500px;} #white-bar.tp-parallax-wrap {left: 0 !important; right: 0 !important;} /* CTA */ .overlay{ display:none; background:#f7f7f7;opacity:.60;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";width:100%;position:absolute;min-height: inherit; height:inherit} .cta .col-md-8 {padding: 70px 0 0 0; margin: 0 auto; } .cta .col-md-8 p {color: #616261; font-size: 2.1em; line-height: 1.5em; font-family: 'Roboto', sans-serif; letter-spacing: 1px; text-align: center;} .cta .btn {animation-duration: 3s; animation-delay: 3s; animation-iteration-count: infinite; } .cta .parallax-window {background-size:cover;} body.home .cta .parallax-window {height: 240px} body.home .cta .parallax-window .col-md-8 {padding: 40px 0 0 0;} /* Blog Section */ .blog-home {margin: 40px 15px;} .blog-home .btn-default {margin: 20px 0px 10px 0px} .blog-para {min-height: 600px; background: url(../img/blog-bg.png) no-repeat right bottom; display: inline-block;} .blog-home .blog-post {border: 1px solid #ececec; background: #fff;} .blog-home .blog-post .entry-header {padding: 0;} .blog-home .entry-title {padding: 0 20px; display: inline-block;} .blog-home .entry-summary {padding: 0 20px 20px 20px;} .overflow {overflow: hidden;} .col-sm-12.overflow {padding: 0; margin-bottom: 30px;} .blog-home-image {width: 100%; height: 250px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .post-2090 .blog-home-image { background-position: center top!important} .blog-home-image:hover {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} .blog-home .entry-meta {margin-bottom: 0px;} .blog-home .tags-links {border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 10px 0; display: block; margin: 20px 0 10px 0} /**********************************************************************************************************************************/ /* ----------------------------------------------------------- GENERIC PAGES ----------------------------------------------------------- */ .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .entry-content{ padding:50px 40px; overflow:auto} .entry-content ul { margin:0; padding:0 0 0 15px} .entry-content ul li {list-style:none; position:relative; padding-left:20px} .entry-content ul li:before { font-family:fontAwesome; content:'\f1d8'; color:#7da741; position:absolute; left:0; font-size:12px; top:2px} .entry-content ul.children {font-size: 13px;} .entry-content ul li ul { padding-left:15px} .entry-content ul li ul li {list-style:circle; font-size: 1em; line-height: 2.1em; padding-left: 0; } .entry-content ul li ul li:before, .entry-content ol li ul li:before { display:none} .entry-content ol li ul li {list-style-type: lower-alpha; padding-left: 0;} .entry-content ol li ul li ul li, .entry-content ul li ul li ul li {list-style-type: lower-roman;} .entry-content ul li p {font-size: 17px;} .entry-content h3{ margin-top:0} /* ----------------------------------------------------------- LANDING PAGES ----------------------------------------------------------- */ .landing-page-sections { background:#5b5b5b; padding-bottom: 120px} .landing-page-sections .ctas-sections > h2 { font-size:4em; text-align: center; margin-bottom: 40px; color: #fff} .page-template-content-landing h1 { font-size:7em; margin-top: 180px} .page-template-content-landing .banner { padding-bottom:120px; } .page-template-content-landing .banner h5 { font-size:4em; } .page-template-content-landing .banner p.third-line {font-size:2.4em; font-weight: 600 } .page-template-content-landing .banner p { font-size:2em; margin-bottom: 20px; } .page-template-content-landing .overlay { background:rgba(0,0,0,0.4)} .page_link { background:rgba(125,167,65,1); float:left; padding: 20px 40px; margin-bottom: 20px; transition: all 0.6s; overflow:hidden; position: relative} .page_link:after { position:absolute; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; top:auto; bottom: 0; background:#464646; left: auto; right: -124px; width: 700px; height: 700px; transition: all 0.6s; z-index: 1;} .page_link:hover:after { right: 476px; transition: all 0.6s; } .page_link h2, .page_link p { transition: all 0.6s; } .page_link h2 {font-size: 1.7em; line-height: 1.3} .page_link p { color:#fff; line-height: 1.4} .page_link:hover h2, .page_link:hover p { color:#fff; transition: all 0.6s} .page-template-content-landing .banner .page_link p { font-size:1.4em} .page-template-content-landing .banner .page_link h2{ font-size:2em} .ctas-sections { margin-top:90px} .ctas-sections > h2 { margin-left:15px} .cta-content { position:relative; z-index: 2} h3.landing-section-title { width:100%; clear: both; font-size: 32px; text-align: center; padding: 20px 0; margin: 0} /* ----------------------------------------------------------- BLOG ----------------------------------------------------------- */ #primary .entry-content {padding-top: 0; clear: both} body.single .entry-meta {padding: 0 40px;} .entry-header {padding: 50px 0 0 40px;} body.single .entry-header .entry-meta {padding: 0;} .entry-meta {margin-bottom: 20px; font-size: 16px;} .blog-image {height: 500px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .blog-post {display: flex} .blog-copy {padding: 3% 10% 0%} .col-sm-6.overflow {padding: 0;} .blog .entry-meta {margin-bottom: 10px; font-size: 16px;} body.blog .overlay {opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";} /* Hover Effect */ .blog-image {background-size: cover !important; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .blog-image:hover {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} /* Secondary Navigation */ #blog-menu .navbar-nav {padding-top: 0;} #blog-menu {width: 100%; background: #7da741; color: #fff; text-align: center;} #blog-menu .navbar-nav>li {float: none} #blog-menu li {margin: 0; padding: 5px 30px; border-right: 1px solid #668935; display: table-cell;} #blog-menu li:last-child {border: none;} #menu-blog {width: 100%; display: table;} #blog-menu li > a {font-family: 'Roboto', sans-serif; color:#fff; background: transparent; font-size: 18px; letter-spacing: 1px;} #blog-menu li > a:hover {background: transparent;} #blog-menu li:hover {background: #668935; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out;} #blog-menu .navbar-collapse {padding: 0} #blog-menu li.current-menu-item {background: #668935;} /* Progress Chart */ .entry-content .progress-chart { width:100%; padding: 0 40px 20px 0; border-bottom: 1px solid #eee; margin-bottom: 20px; overflow: auto} .entry-content .progress-chart li { list-style:none; float: left; font-weight:400; padding: 30px 30px 0 30px; font-size: 21px; position: relative} .entry-content .progress-chart li:before { display:none} .entry-content .progress-chart li:after { content: '\f061'; font-family: FontAwesome; position: absolute; right: -8px} .entry-content .progress-chart li:nth-of-type(1) { padding-left:0} .entry-content .progress-chart li:last-of-type:after { display: none} .entry-content .progress-chart li.Yes { color:#7da741; font-weight:600} .entry-content .progress-chart li.Yes:after { color:#616261} .tablepress tfoot th, .tablepress thead th, .tablepress-id-1 .row-2 td, .tablepress-id-4 .row-2 td{background-color: #7da741!important; color:#fff!important} /* Tags */ .tags a {padding: 3px 10px 5px 10px; background: #f9f9f9; border: 1px solid #EDEDED; text-align: #fff;} .tags {margin-top: 30px;} /* Comment Form */ #commentform label {padding-top: 10px;} .comment-form-email, .comment-form-url, .comment-form-comment, .form-allowed-tags {clear: both;} .comment-form {display: inline-block; margin-bottom: 20px;} #respond {margin-top: 40px; border-top: 1px solid #ededed;} #comment, #author, #email, #url {border: 1px solid #ececec; background: #fafafa; border-radius: 0; box-shadow: none; padding: 15px 10px} /* User Comment */ li.comment {list-style: none; padding: 20px; background: #fafafa; margin: 15px 0; border: 1px solid #ececec;} .comment-body p {font-size: 14px; margin-top: 15px;} #comments {padding: 20px 40px;} .comment-metadata {font-size: 14px; margin-top: 15px;} /* Comment List */ ol.comment-list {padding-left: 20px;} /* Reply Button */ .reply {margin-top: 40px; max-width: 150px; text-align: center} .reply a {color: #fff} code {white-space: normal;} cite, .says {font-size: 20px; font-weight: bold; font-style: normal; vertical-align: middle;} .comment-author img {margin-right: 10px;} /* Children Comments */ .comment ul.children {margin-top: 40px;} ul.children li.comment {background: #fff;} /* Post Navigation */ .post-navigation {margin: 40px; padding: 10px 0; border-top: 1px solid #ececec; border-bottom: 1px solid #ededed;} .nav-next {text-align: right;} .nav-prev {text-align: left;} /******************************************************************************************************************************************/ .newsbtn_div{ width: 73%; } /* ----------------------------------------------------------- ONE PAGE SCROLL TEMPLATE ----------------------------------------------------------- */ #fullpage {margin-top: 45px;} #fullpage h2, #fullpage h1, #fullpage h5, .copy-box p {color: #fff; text-shadow:1px 1px 8px #323232} #fullpage h2, #fullpage h5 {margin-bottom: 10px;} .fp-bg {height: inherit;} #fp-nav ul,.fp-slidesNav ul{margin:0;padding:0} #fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative} .fp-slidesNav ul li {display: inline-block;} #fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none} #fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%} #fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%} #fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out} #fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px} #fp-nav ul li .fp-tooltip.right{right:20px} /*.fp-auto-height.fp-section, .fp-auto-height .fp-tableCell{ height: auto !important; }*/ .mouse{width:30px;height:45px;border:3px solid #fff;border-radius:20px;right:3%;bottom:43%;z-index:1000;position:absolute; /*box-shadow:1px 1px 8px #323232*/} .mouse:after{position:absolute;content:'';width:3px;height:10px;border:3px solid #fff;border-radius:5px;left:9px;top:8px;animation:mymove 3s ease-out forwards;animation-iteration-count:infinite;-webkit-animation:mymove 3s;-webkit-animation-iteration-count:infinite} @keyframes mymove { from {top:5px; opacity: 0;} to {top:20px; opacity: 1} } @-webkit-keyframes mymove { from {top:5px; opacity: 0;} to {top:20px; opacity: 1;} } .copy-box {padding-top: 16%; margin: 0 40px; position: relative; z-index: 99;} .copy-box p {font-size: 1.5em} #fullpage h5 {font-size: 1.7em} .home-banner, .graphic-banner, .graphic-1, .graphic-2, .graphic-3, .graphic-4, .graphic-5, .graphic-6, .graphic-7, .interior-graphic-banner {width: 100%; height: 100vh; position: absolute; z-index: 9; background-repeat: no-repeat; background-size: contain; background-position: right bottom -5px;} .graphic-banner, .interior-graphic-banner {height: 200%; right: -250px;} .home-banner, .graphic-banner, .graphic-1 {background-image: url("../img/plane.svg");} /*.graphic-banner:after { position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.4); content:''; z-index:1}*/ .graphic-2 {background-image: url("../img/graphic-2.svg");} .graphic-3 {background-image: url("../img/graphic-3.svg");} .graphic-4 {background-image: url("../img/graphic-4.svg");} .graphic-5 {background-image: url("../img/graphic-5.svg");} .graphic-6 {background-image: url("../img/graphic-6.svg");} .graphic-7 {background-image: url("../img/graphic-7.svg");} .home-banner {height: 524px; top: 121px; right: 30px;} .interior-graphic-banner {background-image: url(../img/plane.svg);} /******************************************************************************************************************************************/ /* ----------------------------------------------------------- CONTACT TEMPLATE ----------------------------------------------------------- */ .contact-us .alert {margin-top: 20px;} .gform_wrapper label {display: none !important; visibility: hidden} .gform_wrapper textarea, .gform_wrapper input, input, .search-field {background: #fafafa; border: 1px solid #ececec; color: #616261; padding: 5px 10px !important} input[type=submit] {font-size: 18px !important; padding: 10px 30px !important; background-color: #7da741; border-color: #7da741;} input[type=submit]:hover {background: #6e8f3c; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out;} .contact-us > .col-md-6 {padding: 0;} .map {background: #ececec; padding: 0; height: 100%; right: 0; position: absolute;} .google-maps-builder-wrap {height: 100%} .contact-us {padding: 40px 15px;} .page-template-content-contact .entry-content {padding: 0} .page-template-content-contact .banner:after { background:rgba(255,255,255,0.9)} .entry-content form ul li {padding: 0} .google-maps-builder {height: 100% !important} body.page-template-content-contact .overlay {opacity: 0.80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";} .entry-content ul.gform_fields li:before {content: "";} .entry-content .google-maps-builder-wrap img {width: auto;} /* ----------------------------------------------------------- JOB POSTING CONTACT FORM ----------------------------------------------------------- */ #gform_wrapper_3 { padding:50px; border: solid 1px rgba(0,0,0,0.1)} #gform_wrapper_3 h2 { font-size:1.5em; margin: 0; padding: 0} #gform_wrapper_3 p { padding-top:20px; margin-top: 20px; border-top:solid 1px rgba(0,0,0,0.1); font-weight:600} #gform_confirmation_message_3 {padding:50px; border: solid 1px rgba(0,0,0,0.1); font-size:1.5em; color: #7da741; font-weight:600} /**********************************************************************************************************************************/ /* ----------------------------------------------------------- ABOUT TEMPLATE ----------------------------------------------------------- */ .about-image {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .team {margin: 0 0 30px} .team-member .btn {width: 100%;} .team-member {margin: 20px 0;} .team-member img {width: 100%; margin-bottom: 5px;} .team-member h4 {margin-bottom: 0;} .team-member h5 {margin-top: 0; color: #fff;} .team-member i {padding: 15px; color: #fff; background: #7da741; right: 15px; top: 0; position: absolute;z-index: 9;} .team-member i:hover {background: #6e8f3c; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out;} .brand-statement {border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 15px 0; padding: 10px 0px} body.page-template-content-about .overlay {opacity: 0.80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";} .anchor{display: block; height: 150px; margin-top: -150px; /*same height as header*/ visibility: hidden;} .caption .credentials {color: #fff;} /**********************************************************************************************************************************/ /* ----------------------------------------------------------- CAREERS TEMPLATE ----------------------------------------------------------- */ .job-posting { padding:40px; border:1px solid #ececec; margin-bottom: 20px} .job-posting h2 { margin:0; padding: 0; font-size: 21px; line-height: 1; color: #616261; text-align: center} .job-posting a {border:1px solid #ececec; padding: 11px 0; width: 100%; display: inline-block; text-align: center; font-size: 15px; font-weight: 600; margin-top: 20px; color: #7da741!important; transition: all 0.6s} .job-posting a:hover { color:#fff!important; background: #7da741; transition: all 0.6s} .job-posting-container { padding:60px 0} .careers-line { text-align:center; padding:60px 0; font-weight: 600} .careers-line a { border:solid 1px rgba(0,0,0,0.1); width: 40px; height: 40px; padding: 0; margin-left: 5px; display: inline-block; line-height: 2} .careers-line a i { font-size:1.2em} /* ----------------------------------------------------------- PROFILE TEMPLATE ----------------------------------------------------------- */ .no-left-padding { padding-left:0} .credentials {color: #616261; font-size: 0.8em; font-weight: 300; font-family: 'Open Sans', sans-serif;} .profile-image {background-size: cover; height: 100vh; background-repeat: no-repeat; background-position: center center;} .profile-social .col-md-3 {margin: 13px 0; border-right: 1px solid #ececec} .profile-social .btn {width: 100%} .back-button {padding: 10px 0; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; margin-bottom: 30px} .profile-name {display: inline-block; margin-bottom: 0} .profile-specialties {margin-bottom: 15px;} .top-team-area { background:#616261; width: 100%; overflow: auto; position: relative} .top-team-area:after {background: url(../img/sidebar-plane.svg); content: ''; position: absolute;right:0; bottom: 0; width: 543px; height: 316px;background-size: contain; background-repeat: no-repeat} .top-team-area p { color:#fff; font-size: 20px; margin-top: 30px} .top-team-area .team-member-profile { margin-bottom:0} .team-member-profile { width:100%; height:400px; background-size:cover; background-position: top; background-repeat:no-repeat; position:relative; margin-bottom:40px; float:left} .top-team-area .team-member-profile{ position:absolute; height:100%} .team-member-profile .details { position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.6); padding:20px} .top-team-area .details { padding:40px; clear: both} .team-member-profile .details h2.profile-name, .top-team-area h2.profile-name{ color:#7da741; margin:0; padding:0} .team-member-profile .details h2.profile-name span, .top-team-area h2.profile-name span{ color:#fff;} .team-member-profile .details h5, .top-team-area h5 { color:#fff; padding:0; margin:0} .main-team-information{ padding:50px} /**********************************************************************************************************************************/ /* ----------------------------------------------------------- SERVICES INTERIOR TEMPLATE ----------------------------------------------------------- */ .challenge {border: 1px solid #7da741; margin: 30px auto; padding: 20px 30px; background: #ececec} ul.image-list {padding: 0;} .image-list > li {list-style-type: none; display: inline-block} .image-list .col-md-9 {padding: 30px 15px} .benefits-box {padding: 40px; border: 1px solid #7da741;} .services .col-md-4 {font-size: 14px;} .benefits {border-top: 1px solid #ececec; padding-top: 30px; margin-top: 30px;} .service {margin: 20px 0;} .service-copy-box {margin: 20px 0; border-top: 1px solid #ececec; padding-top: 30px;} .service-copy-box .col-sm-4 {margin-bottom: 40px;} .entry-content .col-sm-4 img {margin-bottom: 20px;} body.page-template-content-services .overlay {opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";} .sales-tax span {color: #7da741; font-size: 56px; font-weight: bold; margin: 20px 0; display: block;} .sales-tax p {margin: 0} .sales-tax {border-bottom: 1px solid #7da741; padding: 10px 10px; margin:0 0 30px 0} /**********************************************************************************************************************************/ /* ----------------------------------------------------------- 404 PAGE ----------------------------------------------------------- */ .search-field {height: 44px; margin-bottom: 0 !important;} .search-result {border: 1px solid #ececec; margin: 20px 0; padding: 40px;} /**********************************************************************************************************************************/ /* ----------------------------------------------------------- SIDEBAR ----------------------------------------------------------- */ #secondary {height: 100%; margin-bottom: 0; padding: 20px 30px 0; background: #5b5b5b; border: none; border-radius: 0; min-height: calc(100% - 50px);} .widget blockquote {color: #fff; font-weight: bold; font-size: 22px; line-height: 32px; margin: 20px 0;} .paper-plane {width: 100%; height: 370px; background: url("../img/sidebar-plane.svg"); background-size: cover; background-repeat: no-repeat; background-position: right bottom; right: 0; bottom: 0; position: absolute;} .widget .widget-title {font-size: 2.5em; color: #fff; margin-top: 40px } #secondary .widget_nav_menu .widget-title {display: none} #secondary .widget_nav_menu {padding-top: 20px;} #secondary .widget_nav_menu ul {padding-left: 0;} #secondary .widget_nav_menu li {margin: 0; list-style-type: none;} #secondary .widget ul.social { margin:0; padding: 0} #secondary .widget ul.social li:first-child > a{ margin-top:0} #secondary .widget ul.social li { float:left; list-style: none; color: #fff} #secondary .widget ul.social li a { border:solid 1px rgba(255,255,255,0.2); width:50px; height:50px; margin-right:5px; line-height:62px; text-align:center; padding:0; transition:all 0.6s; color: #fff; display: block} #secondary .widget ul.social li a:hover { background:#fff; color:#5b5b5b; transition:all 0.6s} #secondary .widget_nav_menu li:first-child > a {margin-top: 20px; border-top: 1px solid #616262; font-size: 1.8em; font-weight: 600 } #secondary .widget_nav_menu li ul ul li a { font-weight:200} #secondary .widget_nav_menu li .sub-menu li a { font-size: 19px; font-weight: 400} #secondary .widget_nav_menu li > a {color: #fff; display: block; padding: 15px 10px; border-bottom: 1px solid #616262} #secondary .widget_nav_menu li.menu-item-has-children > a {border-top: 1px solid #616262; } #secondary .widget_nav_menu li > ul {margin-left: 5px; padding: 0;} #secondary .widget_nav_menu li > ul > li > ul { padding-left:15px} #secondary .widget_nav_menu li > ul > li {margin: 0;} #secondary .widget_nav_menu li > a:last-child {border-top: 1px solid #616262} #secondary .widget_nav_menu li:first-child > ul > li > a {margin-top: 0;} #secondary .widget_nav_menu li > ul > li > a {font-size: 14px; border: 0} #secondary .widget_nav_menu li > ul > li:first-child > a {margin-top: 0; border: 0;} #secondary .widget_nav_menu li > ul > li > a {padding: 5px 10px;} #secondary .widget_nav_menu li > a:hover, .widget > li > a:active, .widget li.active > a, .widget > li.current-menu-item > a {background: #616262} #secondary .widget_nav_menu img {width: 100%;} #secondary .widget ul {padding-left: 0;} #secondary .widget li {margin: 0; list-style-type: none;} #secondary .widget li:first-child > a {margin-top: 20px; border-top: 1px solid #616262} #secondary .widget li > a {color: #fff; display: block; padding: 15px 10px; border-bottom: 1px solid #616262} #secondary .widget li.menu-item-has-children > a {border-top: 1px solid #616262} #secondary .widget li > ul {margin-left: 30px; padding: 0;} #secondary .widget li > ul > li {margin: 0;} #secondary .widget li > a:last-child {border-top: 1px solid #616262} #secondary .widget li:first-child > ul > li > a {margin-top: 0;} #secondary .widget li > ul > li > a {font-size: 14px; border: 0} #secondary .widget li > ul > li:first-child > a {margin-top: 0; border: 0;} #secondary .widget li > ul > li > a {padding: 10px;} #secondary .widget li > a:hover, .widget > li > a:active, .widget li.active a, .widget > li.current-menu-item > a {background: #616262} #secondary .widget img {width: 100%;} /**********************************************************************************************************************************/ /* ----------------------------------------------------------- ROLLOVER EFFECTS ----------------------------------------------------------- */ .primary-promo-box{display:block;color:#fff!important;text-align:center;width:100%;height:100%;cursor:pointer;overflow:hidden;position:relative} .primary-promo-box:before{content:"";display:block;height:0;padding-top:60%} .primary-promo-box> .team-member-image {position:absolute;left:0;top:0;display:block;background-size:cover;background-repeat:no-repeat;background-position:center center;width:100%;height:100%;z-index:1;-webkit-transition:all 1.5s;transition:all 1.5s} .team-members {} .primary-promo-box>.content{position:absolute;left:0;bottom:0;background-image:-webkit-linear-gradient(0deg,transparent,#000 100%);background-image:-moz-linear-gradient(0deg,transparent,#000 100%);background-image:-ms-linear-gradient(0deg,transparent,#000 100%);background-image:-o-linear-gradient(0deg,transparent,#000 100%);background-image:linear-gradient(-180deg,transparent,#000 100%);height:50%;width:100%;z-index:2} .primary-promo-box>.content{position:absolute;left:0;bottom:0;background-image:-webkit-linear-gradient(0deg,transparent,#000 100%);background-image:-moz-linear-gradient(0deg,transparent,#000 100%);background-image:-ms-linear-gradient(0deg,transparent,#000 100%);background-image:-o-linear-gradient(0deg,transparent,#000 100%);background-image:linear-gradient(-180deg,transparent,#000 100%);height:50%;width:100%;z-index:2} .primary-promo-box .imagery:after { background:rgba(0,0,0,0.3); position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; content:''} .primary-promo-box>.content>.text{height:auto;width:100%;-webkit-transition:all 1s;transition:all 1s;padding:10% 5.1%;z-index:3;position:absolute;top:0%} .primary-promo-box>.content>.text>.caption{font-size:20px;line-height:1em;margin:0 0 5px} .primary-promo-box>.content>.text> h5.caption{font-size:15px;} .primary-promo-box>.content>.text>.description{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all 1s;transition:all 1s;min-height:60px;overflow:hidden} .primary-promo-box>.content>.text>.description > p {color: #fff; line-height: 25px; margin-bottom: 0} .primary-promo-box>.content>.text>.next{text-align:center;margin-top:5px;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;width:100%;margin-left:-10%;font-size:30px;-webkit-transition:all .4s;transition:all .4s;-webkit-transition-delay:0s;transition-delay:0s;z-index:5} .primary-promo-box:active,.primary-promo-box:focus,.primary-promo-box:hover{color:#fff} /**********************************************************************************************************************************/ /* ------------------------------------------- RESPONSIVE ------------------------------------------- */ @media all and (min-width: 1870px) { .page_link:after { width: 1050px; height: 760px;} } @media all and (min-width: 1600px) { .primary-promo-box>.content>.text {top: 0; padding: 15% 5.1%;} } @media only screen and (min-width:1024px) { /** ROLLOVER EFFECTS **/ .primary-promo-box{max-width:100%;max-height:550px; min-height:300px; position:relative} .primary-promo-box .imagery {width:100%; height:100%; background-size:cover; background-position:center center; position:absolute; content:''; top:0; transition:all 0.6s} .primary-promo-box:hover .imagery{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5); transition:all 0.6s } .primary-promo-box:hover>.content{width:100%;height:100%;-webkit-transition:all 1.5s;transition:all 1.5s;} .primary-promo-box:hover>.content>.text{top:20px;-webkit-transition:all 1s;transition:all 1s} .primary-promo-box:hover>.content>.text>.description{-ms-filter:none;filter:none;opacity:1} .primary-promo-box:hover>.content>.text>.next{margin-left:0;-ms-filter:none;filter:none;opacity:1;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:.8s;transition-delay:.8s} } @media only screen and (max-width:1790px) { .page-template-content-landing h1 { font-size:5em} .page-template-content-landing .banner h5 { font-size:3em} .page-template-content-landing .banner p.third-line { font-size:2em} .page-template-content-landing .banner p {font-size: 1.6em;} .landing-page-sections .ctas-sections > h2 { font-size:3em} h3.landing-section-title { font-size:30px} } @media only screen and (max-width:1500px) { .entry-content .progress-chart li { padding: 30px 20px 0 20px; font-size: 17px} } @media only screen and (max-width:1400px) { .top-team-area p{ font-size:18px} } @media only screen and (max-width:1280px) { .banner { padding-bottom:80px} } @media only screen and (max-width:1200px) { .entry-content .progress-chart { margin-top:30px} .entry-content .progress-chart li { padding-top:0} .entry-content .progress-chart li:nth-of-type(4) { clear:both; padding-left: 0} } @media only screen and (max-width:1024px) { .primary-promo-box {margin-bottom: 20px} .primary-promo-box .imagery {width:100%; height:100%; background-size:cover; background-position:center center; position:absolute; content:''; top:0; transition:all 0.6s} .primary-promo-box:hover .imagery{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5); transition:all 0.6s } .primary-promo-box:hover>.content{width:100%;height:100%;-webkit-transition:all 1.5s;transition:all 1.5s;background-color:rgba(0,0,0,.7)} .primary-promo-box:hover>.content>.text{top:20px;-webkit-transition:all 1s;transition:all 1s} .primary-promo-box:hover>.content>.text>.description{-ms-filter:none;filter:none;opacity:1} .primary-promo-box:hover>.content>.text>.next{margin-left:0;-ms-filter:none;filter:none;opacity:1;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-delay:.8s;transition-delay:.8s} } @media all and (max-width: 1300px) and (min-width: 991px) { .primary-promo-box {margin-bottom: 20px} .primary-promo-box .content>.text {top: 65%; padding: 5% 5.1%;} .primary-promo-box .content>.text>.caption {font-size: 18px; line-height: 16px} .primary-promo-box>.content>.text> h5.caption {font-size:12px;} .primary-promo-box>.content>.text>.description p {font-size: 10px; line-height: 16px;} /** TEAM MEMBERS PAGE **/ body.single-team-members .profile-social h5 {font-size: 1.1em} /** About Us Page **/ .entry-content h3{ margin-top:30px} } @media (max-width: 996px) { /* HOMEPAGE */ .intro .col-md-7 {margin-top: 0} /* TOP BAR */ #top-bar .col-sm-2.contact {width: 50%; text-align: center; float: left;} #top-bar .social, #top-bar .login, .careers-link {display: none; visibility: hidden;} /** BLOG **/ .blog-home .blog-post {margin: 30px 0} .blog-home-image {height: 250px;} #blog-menu li > a {font-size: 12px;} /** ABOUT PAGE **/ .about-image {height: 400px;} /** NEWSLETTER **/ .newsletter {height: auto;} .top-team-area .no-left-padding{ padding-right:0} .top-team-area .team-member-profile{ position:relative; height: 400px; padding-right: 0} .top-team-area p { margin-top:10px} .main-team-information { padding: 20px;} } @media (max-width: 990px) { /** HOMEPAGE **/ .home-banner {top: 141px;} /** ROLLOVER EFFECTS **/ .primary-promo-box .content>.text {top: 75%; padding: 5% 5.1%;} /** TEAM MEMBER PAGE **/ .profile-social .col-md-3 {text-align: center; border: 0;} .page_link:after { bottom:-43px; right:-104px} .page-template-content-landing h1 { font-size: 3.5em;} .page-template-content-landing .banner h5 { font-size: 2.3em;} .page-template-content-landing .banner p.third-line {font-size: 1.6em;} .page-template-content-landing .banner p {font-size: 1.3em;} .page-template-content-landing .banner { padding-bottom: 40px;} .landing-page-sections .ctas-sections > h2 { font-size:2.3em} h3.landing-section-title { font-size: 26px; padding:10px 0 20px 0} } @media (min-width: 769px) { /** HOMEPAGE **/ /** INTRO **/ .intro .col-md-5 {padding: 60px 40px;} .intro-video {height: 450px;} /** CTA **/ .cta .col-md-8 p {font-size: 1.7em; padding: 0 30px} } @media (max-width: 768px) { /** NAVIGATION **/ .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a .caret {color: #7da741} .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>a .caret {color: #616162} .navbar-default .navbar-collapse {border: 1px solid #ececec; background: #fff;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {font-size: 13px;} #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::after {height: 3px; margin-top: 0} #mega-menu-wrap-primary #mega-menu-primary {padding-top: 0; padding-bottom: 10px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child {display: inline-block !important;} .banner { padding-bottom:60px} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { float:left;} /** CHANGE MENU **/ .change {height: auto;} /** HOMEPAGE **/ .home-banner {display: none;} /** INTRO **/ .intro {text-align: center;} .intro-video {height: 300px;} right: -150px; /** CTA **/ .cta .parallax-window {min-height: 200px;} .cta .col-md-8 p {font-size: 1.7em; padding: 0 30px} .cta .col-md-8 {padding: 20px 0 0 0;} /** BLOG **/ .blog-home .btn-default {width: 100%} .blog-home .col-md-4 {margin: 20px 0} /** BLOG PAGE **/ .blog-image {height: 300px;} .blog-post {display: block;} .blog-copy {padding: 4% 10% 6%;} #blog-menu li {display: block;} .page_link:after { bottom: -213px; right: 56px;} .entry-content img{ margin-bottom:20px} /** INTERIOR PAGES **/ .graphic-banner, .graphic-1, .graphic-2, .graphic-3, .graphic-4, .graphic-5, .graphic-6, .graphic-7 {} /** JOB POSTING PAGES **/ .job-section h2 { font-size:2em} .job-section h3 { font-size:1.5em; padding-bottom:10px; margin-bottom: 5px} } @media (min-width: 767px) { /** NAVIGATION **/ .navbar-brand.scroll { display: block; margin: 5px 0; transition: all .2s; -webkit-transition: all .2s; } .top-nav.scroll { margin-top: 5px; transition: all .2s; -webkit-transition: all .2s; opacity: 0; visibility: hidden } .navbar-nav.scroll { margin: -13px 0 0 0; transition: all .2s; -webkit-transition: all .2s; } /*body.home #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {color: #fff;}*/ body.home #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::after {background: #fff;} body.home .change #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {color: #616261;} body.home .change #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::after {background: #616261;} body.home .change .navbar-brand {background: url(../img/rise-logo.svg);background-size: contain;background-repeat: no-repeat;} } @media (min-width: 601px) { li.hidden-desktop > a { display:none} } @media (max-width: 767px) { /** NAVIGATION **/ .navbar-nav {float: none; clear: none; text-align: center; padding-top: 10px; padding-bottom: 10px; margin: 0;} nav.navbar.navbar-default.navbar-fixed-top {background: #fff; border-bottom: 1px solid #ececec;} .navbar-brand {width: 70px; height: 40px; padding: 0; margin: 10px 0 0 !important} .navbar-default .navbar-toggle {margin-top: 18px;} .change .navbar-brand {width: 70px!important; margin: 10px 0 0!important;} .navbar-default .navbar-nav > li > a {color: #616162; text-shadow: none;} .navbar-default .navbar-nav > li > a:hover {color: #7da741} .navbar-default .navbar-nav li a::after {display: none; visibility: hidden;} #mega-menu-wrap-primary {padding: 10px 20px 20px} #mega-menu-wrap-primary #mega-menu-primary {height: auto; float: right} body.home .navbar-brand {height: 40px; background: url(../img/rise-logo.svg); background-size: contain; background-repeat: no-repeat;} /* FOOTER */ footer p {display: none;} footer .col-sm-1 {text-align: center;} .logo-footer {float: none; margin: 0 auto;} /** HOMEPAGE **/ .intro-video {height: 300px} /** BLOG **/ .blog-home .btn-default {width: 100%} /* CTA */ .cta .col-md-8 p {font-size: 1.3em} /** SERVICES LANDING **/ #fullpage h5 {font-size: 1.4em;} #fullpage h2 {font-size: 2.0em;} .copy-box p {font-size: 1.2em;} .copy-box {padding-top: 12%; margin: 0 40px 0 0px;} .mouse {bottom: 30%; right: 2%;} /** STRUCTURE **/ .match {height: auto !important} } @media (max-width: 750px) { #hero {margin-top: 105px;} /** HOMEPAGE **/ /** BLOG **/ .blog-home {text-align: center;} /** ROLLOVER EFFECTS **/ .primary-promo-box .content>.text>.caption {font-size: 20px; line-height: 16px} /** SERVICES LANDING **/ .copy-box {padding-top: 11%;} .graphic-1, .graphic-2, .graphic-3, .graphic-4, .graphic-5, .graphic-6, .graphic-7 {display: none;} } @media (max-width: 667px) { /** SERVICES LANDING **/ .copy-box {padding-top: 10%;} } @media (max-width: 620px) { .page-template-content-landing h1 { font-size: 3em;} .page-template-content-landing .banner h5 { font-size: 2em;} .page-template-content-landing .banner p.third-line { font-size:1.4em} .page-template-content-landing .banner p { font-size:1.1em} .landing-page-sections .ctas-sections > h2 { font-size:2em} h3.landing-section-title { font-size:24px} } @media (max-width: 600px) { /** NAV MENU **/ .navbar-header { position: relative;} .navbar-brand {margin: 20px auto 0 !important; float: none;} body.home .navbar-brand {height: 60px;} nav.navbar.navbar-default.navbar-fixed-top {margin-top: 45px;} #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::after {display: none; visibility: hidden;} #mega-menu-wrap-primary #mega-menu-primary {background:#ececec} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child {display: block !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {color: #ffffff} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {color: #ffffff; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out;} #mega-menu-wrap-primary #mega-menu-primary {padding: 0;} #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {overflow-y: scroll; max-height: 300px; width: 100%} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {font-size: 14px; margin: 0px 0px 10px 0px;} .mega-sub-menu li {font-size: 12px;} #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {margin-top: 0 !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {color: #7da741} #mega-menu-wrap-primary .mega-menu-toggle {background: #7da741} .change .navbar-brand {margin: 10px auto 0 !important; float: none; position: relative; height: 60px !important;} .change {height: auto;} .hidden-mobile { display:none!important} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.widget_text{ display:none!important} .navbar li ul li a { font-size:13px} ul.mega-sub-menu ul.menu { padding:0} ul.mega-sub-menu ul.menu > li > a { font-weight:600} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{ padding-top:0!important; padding-bottom: 0!important } .change #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { color:#ffffff; -webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out; transition:all .4s ease-out} .change #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{color:#7da741} body.home .change #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {color: #ffffff;} /** STRUCTURE **/ .banner {margin-top: 60px;} .banner-interior {margin-top: 200px;} .banner .col-md-7 { padding-left: 20px} .entry-content {padding: 20px;} .banner-interior h1 {padding: 135px 0 0;color:#616261} /** BLOG SINGLE **/ body.single .entry-meta {padding: 0 20px;} .post-navigation {margin: 20px;} #comments {padding: 0 20px;} .entry-header {padding: 20px 20px 0 20px;} #green_bar { background-color: #7ca54b; display: block; width: 100%; height: 5px; } } @media only screen and (max-width:570px) { /** ROLLOVER EFFECTS **/ .primary-promo-box .content>.text {top: 65%} /** HOMEPAGE **/ .intro .col-md-5 {padding: 30px;} .home-banner {display: none; visibility: hidden;} /** ROLLOVER EFFECTS **/ .primary-promo-box>.content>.text>.description {font-size: 7px;} .primary-promo-box>.content>.text>.description > p {line-height: 16px;} .banner { padding-bottom:20px} } @media (max-width: 500px) { .entry-content .progress-chart { text-align:center} .entry-content .progress-chart li { clear:both; padding: 0; padding-bottom: 0; width: 100%; margin: 0} .entry-content .progress-chart li:after {content:'\f063'; position: relative; clear: both; text-align: center; display: block; left: auto; right: auto} } @media (max-width: 480px) { /** HOMEPAGE **/ /** BLOG **/ .blog-home .blog-post {text-align: center;} .blog-home-image {height: 200px;} .blog-home {margin: 40px 0;} .blog-home .col-md-4 {padding: 0} /** INTERIOR PAGE **/ .banner .col-md-7 {margin-top: 185px;} .banner h1 {font-size: 2.5em;} .banner h5 {font-size: 1.4em;} .banner p {font-size: 1.2em; line-height: 1.5em;} /** BLOG PAGES **/ .graphic-banner, .interior-graphic-banner {background-size: cover;} /** ABOUT PAGE **/ .about-image {height: 400px !important;} /** CTA **/ .cta .col-md-8 {padding: 30px 0 0 0;} /** ROLLOVER EFFECTS **/ .primary-promo-box {margin-bottom: 10px} .primary-promo-box .content>.text {top: 65%} .primary-promo-box .content>.text>.caption {font-size: 16px; line-height: 16px} .primary-promo-box>.content>.text> h5.caption {font-size: 14px;} /** NEWSLETTER **/ .newsletter {padding: 20px 15px} /** SERVICES LANDING **/ #fullpage h5 {font-size: 1.4em;} #fullpage h2 {font-size: 2.0em;} .copy-box p {font-size: 1.2em;} .copy-box {padding-top: 55%; margin: 0 40px 0 0px;} .mouse {bottom: 40%;} h2 { font-size: 1.7em;} h5 { font-size:1.2em} .team-member-profile { height:290px} } @media (max-width: 380px) { /** TOP BAR **/ #top-bar p {font-size: 0.8em; line-height: 2.2em} .copy-box {padding-top: 47%;} } @media (max-width: 350px) { /** TOP BAR **/ #top-bar .col-sm-2.contact {padding: 12px 15px 2px 15px;} /** SERVICES LANDING **/ .copy-box {padding-top: 37%;} #fullpage h5 {font-size: 1.2em;} #fullpage h2 {font-size: 1.7em;} .mouse {bottom: 37%;} } @media print { .parallax-mirror, #secondary, .newsletter, #top-bar, #masthead, .post-navigation { display:none!important} } /* RISEGEN-38 - Start */ #mission li{ font-weight: bold; } *{ box-sizing: border-box; } #career_row { display: flex; } #career_column { flex: 50%; height: 250px; } @media only screen and (max-width: 750px) { #career_column { flex: 50%; padding: 10px; height: 300px; } } /* RISEGEN-38 - End */