/* Theme Name: The Pivot Plan Theme URI: http://www.steerpointmarketing.com/ Author: SteerPoint Marketing Author URI: http://www.steerpointmarketing.com/ Description: Custom theme for the Indy Decorative Concrete website. Version: 1.3 Text Domain: thepivotplan */ /* Overall formatting */ body {min-width: 1240px;margin: 0;padding: 0;color: #4c4c4c;font: 16px/1.6 'proxima-nova', Arial, Helvetica, sans-serif;background-color: #fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} body > .layer_2 {position: relative;overflow: hidden;min-height: 100%;background-color: #fff;box-shadow: 0 0 7px rgba(0,0,0,0.5);transition: transform 0.4s;-webkit-transition: -webkit-transform 0.4s;} /*body > .layer_2.menu_revealed {transform: translateX(-50%);-webkit-transform: translateX(-50%);}*/ h1 {font-size: 1.5em;} h2 {font-size: 1.5em;} h3 {font-size: 1em;} h4 {font-size: 1em;} h5 {font-size: 1.3em; } h6 {font-size: 0.67em;} h1, h2, h3, h4, h5, h6 {margin: 0 0 0.7em;} p {margin: 0 0 1em;} a, a:visited {color: #238698;text-decoration: none;transition: color 0.2s;} a:hover {} a img {border: none;} img {max-width: 100%;height: auto;} hr {height: 1px;margin: 20px 0;border: none;background-color: #e7eeed;} ul {margin: 0 0 1em;padding: 0 0 0 2em;} li {margin: 0 0 0.2em;} table {margin: 0 0 1em;} tr {text-align: left;} th, td {vertical-align: top;} th {vertical-align: middle;} input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="search"], input[type="password"], textarea, select {width: 100%;padding: 0.6em;color: #000;font: 20px 'proxima-nova', sans-serif;background-color: transparent;border: none;border-bottom: 1px solid #e6e6e6;box-sizing: border-box;-webkit-appearance: none;} select {-webkit-appearance: menulist;} input[type="submit"] {cursor: pointer;padding: 0 35px;color: #fff;text-transform: uppercase;font: 500 14px/45px Montserrat, sans-serif;letter-spacing: 0.1em;background-color: #35b4cf;border: none;-webkit-appearance: none;transition: color 0.2s, background-color 0.2s;} input[type="submit"]:hover {color: #35b4cf;background-color: #fff;} textarea {overflow: auto;} select {margin: 0 5px 5px 0;vertical-align: middle;} .columns {clear: both;margin: 0 -2% 0 0;} .columns.rtl > .column {float: right;} .columns > .column {float: left;margin: 0 2% 1em 0;} .columns.two > .column {width: 48%;} .columns.two > .column.double {width: 98%;} .columns.three > .column {width: 31.333%;} .columns.three > .column.double {width: 64.667%;} .columns.four > .column {width: 23%;} .columns.four > .column.double {width: 48%;} .columns.five > .column {width: 18%;} .columns.six > .column {width: 14.667%;} .button, .button:visited {position: relative;display: inline-block;margin: 0 18px 0 0;padding: 0 20px 0 35px;color: #fff;text-transform: uppercase;font: 500 14px/45px Montserrat, sans-serif;letter-spacing: 0.1em;background-color: #35b4cf;transition: color 0.2s, background-color 0.2s, border-color 0.2s;} .button:before {position: absolute;right: -13px;bottom: 5px;width: 25px;height: 25px;content: '';background-color: #35b4cf;transform: rotate(45deg);transition: background-color 0.2s;} .button:after {position: absolute;right: -18px;top: 0;width: 18px;height: 28px;content: '';background-color: #35b4cf;transition: background-color 0.2s;} /*.button:hover:before{background-color: #35b4cf;transform:rotate(0deg);right: -18px;bottom: 0;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}*/ .button_experimental, .button_experimental:visited {position: relative;display: inline-block;overflow: hidden;vertical-align: middle;margin: 0 18px 0 0;padding: 0 35px;color: #fff;text-transform: uppercase;font: 500 14px/45px Montserrat, sans-serif;letter-spacing: 0.1em;transition: color 0.2s, background-color 0.2s, border-color 0.2s;} .button_experimental .bg {position: absolute;right: 0;top: 65%;width: 300px;height: 300px;background-color: #35b4cf;transform: translateY(-20%) rotate(45deg);transform-origin: 100% 20%;transition: transform 0.2s;} .button_experimental .fg {position: relative;} .button_experimental span i {position: relative;left: 0;transition: left 0.2s;} .button_experimental:hover .bg {transform: translateY(-14%) rotate(45deg) ;} .button_experimental:hover span i {left: 5px;} .button_svg_container {position: relative;display: inline-block;overflow: hidden;height: 45px;padding: 0 35px;color: #fff;text-transform: uppercase;font: 500 14px/45px Montserrat, sans-serif;letter-spacing: 0.1em;transition: color 0.2s;} .button_svg_container svg {position: absolute;top: 0;right: 0;width: 1000px;height: 45px;fill: #35b4cf;transition: fill 0.2s;} .button_svg_container span {position: relative;color: #fff;} .button_svg_container span i {position: relative;left: 0;transition: left 0.2s;} .button_svg_container:hover span i {left: 5px;} /* - editor classes for alignment - */ .alignleft {float: left;} .alignright {float: right;text-align: right;} .aligncenter {margin-left: auto;margin-right: auto;text-align: center;} .hidden {display: none;} .cleared {clear: both;} img.alignleft {display: inline;margin: 0 1.5em 0.8em 0;max-width: 50%;} img.aligncenter {display: block;margin: 0 auto;} img.alignright {display: inline;margin: 0 0 0.8em 2.5em;max-width: 50%;} .wp-caption.alignleft {margin: 0 1.5em 3em 0;} .wp-caption.aligncenter {margin: 0 auto;} .wp-caption.alignright {margin: 0 0 3em 2.5em;text-align: left;} /* - accessibility - */ .screen-reader-text {clip: rect(1px,1px,1px,1px);height: 1px;overflow: hidden;position: absolute !important;width: 1px;word-wrap: normal !important;} .screen-reader-text:focus {z-index: 100000/* Above WP toolbar. */;display: block;clip: auto !important;left: 5px;top: 5px;width: auto;height: auto;padding: 15px 23px 14px;color: #21759b;text-decoration: none;font-weight: 700;font-size: 14px;font-size: 0.875rem;line-height: normal;background-color: #f1f1f1;-webkit-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);} /* Wrap */ .wrap {width: 1200px;margin: 0 auto;padding: 0 20px;/* width: 100%; */} /* Responsive Menu */ #responsive_menu {display: none;opacity: 0;position: fixed;z-index: 9999;width: 100%;height: 100%;min-width: 320px;min-height: 320px;color: #999;background-color: rgba(22, 96, 135, 0.9098039215686274);transform: translateY(20px);-webkit-transform: translateY(20px);transition: opacity 0.5s, transform 0.5s;-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;} #responsive_menu > .layer_2 {display: table;width: 100%;height: 100%;} #responsive_menu.fade_in {opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);} #responsive_menu.show {display: block;} #responsive_menu a {color: #fff;} #responsive_menu #responsive_menu-close {position: absolute;right: 20px;top: 20px;font-size: 32px;} #responsive_menu nav {display: table-cell;vertical-align: middle;text-align: center;font-size: 32px;} #responsive_menu .menu {display: inline-block;} #responsive_menu .menu a {display: block;text-decoration: none;} #responsive_menu .menu a:hover {} /*#responsive_menu .menu li.current-menu-item > a {color: #fff;}*/ #responsive_menu .menu {margin: 0 -20px 1.5em;padding: 0;list-style: none;} #responsive_menu .menu > li {margin: 0;} #responsive_menu .menu > li > a {padding: 7px 20px;text-decoration: none;} #responsive_menu .sub-menu {display: none;margin: 0 0 10px;padding: 0;list-style: none;font-weight: normal;font-size: 20px;line-height: 1em;} #responsive_menu .sub-menu > li {padding: 0;border-bottom: none;} #responsive_menu .sub-menu > li > a {color: #70c6d0;padding: 2px 20px;} #responsive_menu .sub-menu .sub-menu {display: block;margin: 10px 0 20px;font-size: 14px;} #responsive_menu .sub-menu .sub-menu > li > a {color: #777;} #responsive_menu .sub-menu .sub-menu .sub-menu li > a {padding: 2px 20px 2px 50px;} /* Header */ #header {position: absolute;z-index: 999;left: 0;right: 0;top: 0;min-width: 320px;font-size: 15px;line-height: 1.2em;} .page-template-page_-home #header, .single-spm_prject #header {color: #fff;} #header .wrap {position: relative;height: 159px;padding: 20px 20px 1px;} #header a {color: #16608a;} .page-template-page_-home #header a, .single-spm_project #header a {color: #fff;} #header #responsive_menu_button {position: absolute;right: 20px;top: 30px;width: 40px;height: 40px;color: #333;text-transform: uppercase;text-decoration: none;font-size: 20px;line-height: 45px;background: url(images/header-responsive_menu_button-bkg.png) no-repeat left 0.3em / 21px 15px;} #header .logo {position: absolute;z-index: 999;left: 20px;top: 18px;width: 116px;height: 62px;background: url(/wp-content/uploads/2023/03/newlogo.png) 0 / 116px 62px;} .page-template-page_-home #header .logo, .single-spm_project #header .logo {background-image: url(/wp-content/uploads/2023/03/newlogo.png);} #header .logo a {position: relative;display: block;overflow: hidden;height: 100%;text-indent: -999em;} /*#header #search_form {display: none;position: absolute;z-index: 999;right: 20px;top: 100%;padding: 8px 10px;background-color: #ddd;box-shadow: 0 2px 2px rgba(0,0,0,0.2);} #header #search_form input {width: 200px;height: 32px;padding: 0 0.4em;font: 15px 'Open Sans', sans-serif;border: none;} #header #search_form input::placeholder {font-style: italic;} #header #search_form input::-moz-placeholder {font-style: italic;} #header #search_form input::-webkit-input-placeholder {font-style: italic;} #header #search_form input::-ms-input-placeholder {font-style: italic;}*/ /* Nav */ #nav {position: absolute;z-index: 999;right: 70px;top: 30px;padding: 0 20px 0 10px;color: #fff;} #nav a {text-decoration: none;} #nav .menu {height: 30px;margin: 0;padding: 0;list-style: none;font: 0/0 Montserrat, sans-serif;} #nav .menu > li {display: inline-block;margin: 0;font-size: 16px;line-height: 30px;letter-spacing: 0.03em;} #nav .menu > li > a {position: relative;z-index: 999;display: block;overflow: hidden;padding: 0 14px;transition: color 0.3s, background-color 0.3s;} #nav .menu > li:hover > a {color: #ccc;} #nav .menu > li.menu-item-has-children > a {padding: 0 20px 0 14px;} #nav .menu > li.menu-item-has-children > a:after {position: absolute;right: 5px;top: 50%;width: 0;height: 0;margin-top: -2px;content: '';border-width: 5px 3.5px 0;border-style: solid;border-color: #fff transparent transparent;} #nav .menu > li.menu-item-has-children:hover > a {} #nav .menu > li.current-menu-item > a, #nav .menu > li.current-menu-ancestor > a {} #nav .sub-menu {position: absolute;z-index: 998;opacity: 0;width: 240px;left: -999em;margin: 0;padding: 6px 0 10px;list-style: none;text-align: left;text-transform: none;font-weight: normal;font-size: 15px;line-height: 1em;background-color: #fff;box-shadow: 0 8px 8px rgba(0,0,0,0.2);transform: translateY(20px);transition: transform 0.3s ease, opacity 0.4s ease, right 0.4s step-end;} #nav .menu > li:hover > .sub-menu {opacity: 1;left: auto;transform: translateY(0);transition: transform 0.3s ease, opacity 0.4s ease, right step-end;} #nav .menu > li.last:hover > .sub-menu {right: 0;} #nav .sub-menu > li {position: relative;float: none;left: auto;margin: 0;padding: 0;background: none;} #nav .sub-menu > li > a {display: block;padding: 6px 15px 7px;height: auto;color: #333;text-decoration: none;transition: none;} #nav .sub-menu > li.current-menu-item > a, #nav .sub-menu > li.current-menu-ancestor > a {color: #bf2030;} #nav .sub-menu > li > a:hover {background-color: #bf2030;color: #fff;} #nav .menu > li:hover > .sub-menu li:hover > .sub-menu {opacity: 1;left: 100%;top:0;transform: translateY(0);transition: transform 0.3s ease, opacity 0.4s ease, right step-end;} #nav .sub-menu .sub-menu {left: -999em;border-top: none;} #nav .sub-menu > li:hover > .sub-menu {left: 100%;} /* Banner */ #banner {position: relative;min-height: 340px;color: #fff;/* width: 100%; */} #banner .wrap {position: absolute;left: 0;right: 0;top: 0;bottom: 0;} #banner .sizer {display: block;visibility: hidden;} #banner .slide {position: absolute;left: 0;right: 0;top: 0;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} #banner .banner_text_container .pager .arrow:hover {background-color: #db2a3e;} #banner #banner_text {visibility: hidden;position: absolute;z-index: 998;left: 20px;right: 20px;top: 28%;max-width: 600px;margin: 0 auto;text-align: center;font-weight: 300;font-size: 44px;line-height: 1.2em;letter-spacing: 0.02em;} #banner #banner_text p {margin: 0 0 0.6em;} #banner #banner_text strong {font-weight: 600;} #banner #banner_text .arrow {display: block;width: 41px;height: 33px;margin: 0 auto;background: url(images/banner-banner_text-arrow-bkg.png) 0 / 41px 33px;} #banner #banner_text .button {color: #166087;font-size: 13px;line-height: 42px;background-color: #fff;} #banner #banner_text .button:before {background-color: #fff;} #banner #banner_text .button:after {right: -18px;height: 24px;background-color: #fff;} #banner #banner_text .button_svg_container {color: #166087;} #banner #banner_text .button_svg_container svg {fill: #fff;} #banner #banner_text .button_svg_container span {position: relative;color: #35b4d0;} /* Title Bar */ #title_bar {background: url(images/title_bar-bkg.png) no-repeat right top;} #title_bar .wrap {max-width: 960px;padding: 170px 20px 30px;} .blog #title_bar .wrap {padding-bottom: 1px;} #title_bar .title {margin: 0 0 0.3em;color: #70c6d0;text-transform: uppercase;font: bold 19px 'proxima-nova', sans-serif;} #title_bar .banner_text {font-weight: 300;font-size: 40px;line-height: 1.1em;} /* Banner (Inside Page) */ #banner_inside_page {position: relative;min-height: 410px;text-align: center;font-weight: normal;font-size: 22px;line-height: 1.2em;background: #444 url(images/banner_inside_page-bkg.jpg) no-repeat center bottom / cover;} .blog #banner_inside_page, .single #banner_inside_page {background-image: url(images/banner_inside_page-blog-bkg.jpg);} #banner_inside_page .wrap {position: absolute;left: 0;right: 0;top: 0;bottom: 0;} #banner_inside_page .sizer {display: block;visibility: hidden;} /* Banner Form */ #banner_form {position: relative;margin: -130px -20px 70px;padding: 70px 20px 40px;color: #fff;text-align: center;font-weight: 600;font-size: 32px;line-height: 1em;background: #266b92 url(images/contact_information-bkg.png) center top / cover;} #banner_form a {color: #fff;} #banner_form .inline_group {display: inline-block;margin: 0 0 1em;} #banner_form .select2-container {width: 240px !important;} #banner_form .select2-container .select2-selection--single .select2-selection__rendered {color: #70c6d0;padding: 0 8px;text-align: left;font-weight: normal;font-size: 22px;} #banner_form .select2-container--default .select2-selection--single .select2-selection__arrow {display: none;} #banner_form input[type="submit"] {margin: 0 0 0 20px;font-size: 16px;letter-spacing: 0.1em;} /* Contact Information */ #contact_information {position: relative;margin: -130px -20px 80px;padding: 70px 30px 30px;color: #fff;font-size: 20px;line-height: 36px;background: #266b92 url(images/contact_information-bkg.png) center top / cover;} #contact_information a {color: #fff;} #contact_information ul {margin: 0 0 30px;padding: 0;list-style: none;} #contact_information ul li {display: inline-block;} #contact_information ul li a {display: block;} #contact_information ul li i {color: #35b4cf;font-size: 40px;vertical-align: middle;} #contact_information .contact_details {float: left;} #contact_information .contact_details li {margin: 0 15px 10px 0;} #contact_information .social_media {float: right;border-left: 1px solid #427ea0;} #contact_information .social_media li {margin: 0 0 0 30px;} #contact_information .social_media i {font-size: 32px;} /* Intro */ #intro .wrap {padding: 60px 20px 90px;} #intro .section_title {margin: 0 0 0.5em;color: #166087;font-weight: 300;font-size: 40px;line-height: 1em;} #intro .video_container {float: right;max-width: 50%;margin: 0 0 20px 40px;padding: 2.5% 0 0 2.5%;background: url(images/intro-video_container-bkg.png) no-repeat;} #intro .video_container img {display: block;} /* Project - Logo Container */ #project_logo_container {text-align: center;background-color: #000;} #project_logo_container .wrap {padding: 250px 20px 210px;} /* Our Services */ #services {color: #bbcdd7;font-size: 16px;background: #16608a url(images/services-bkg.jpg) center top / cover;} #services .wrap {position: relative;padding: 115px 20px 90px;} #services .section_title {color: #fff;margin: 0 0 0.4em;font-weight: 300;font-size: 40px;line-height: 1em;} #services .phone {position: absolute;right: 49%;top: 55px;width: 218px;height: 422px;margin: 0 0 0 -109px;padding: 77px 0 0 19px;background-image: url(images/services-phone-bkg.png);} #services .text_container {float: right;width: 42%;} #services p {margin: 0 0 1.5em;} #services ul {overflow: hidden;margin: 0;padding: 0;color: #fff;list-style: none;text-transform: uppercase;font: 500 16px/1.2em Montserrat, sans-seif;} #services ul li {margin: 0 0 1.8em;padding: 0 0 0 24px;background: url(images/services-ul-li-bkg.png) no-repeat left 0.2em / 13px 11px;} #services ul li a {color: #fff;} /* Featured Work */ #featured_work .wrap {max-width: 1060px;padding: 110px 20px 70px;} #featured_work .section_title {margin: 0 0 0.5em;color: #166087;text-align: center;font-weight: 300;font-size: 56px;line-height: 1em;} #featured_work .intro {max-width: 850px;margin: 0 auto 1em;text-align: center;font-weight: 300;font-size: 22px;line-height: 1.4em;} #featured_work #featured_work-slider {position: relative;} #featured_work .cycle-pager {text-align: center;margin: 0 0 40px;} #featured_work .cycle-pager span {cursor: pointer;display: inline-block;width: 30px;height: 5px;margin: 0 8px;background-color: #35b4cf;} #featured_work .cycle-pager span.cycle-pager-active {background-color: #166087;} #featured_work .slide {width: 100%;} #featured_work .slide .text_container {width: 45%;} #featured_work .slide .title {margin: 0 0 0.5em;color: #166087;font-weight: 300;font-size: 40px;line-height: 1em;} #featured_work .slide .wp-post-image {float: right;max-width: 50%;margin: 0 0 0.8em 2.5em;} /* Main */ /*#main.our_process {background: url(images/main-our_process-bkg.jpg) no-repeat right 160px;}*/ #main .wrap {max-width: 990px;padding: 80px 20px 40px;} .blog #main .wrap {padding-top: 25px;} /* Content */ #content {float: left;width: 65%;margin: 0 0 40px;} #content.full_width {float: none;width: auto;} /*.our_process #content {margin-right: 480px;}*/ #content h2, #content h3 {color: #16608a;font-weight: normal;font-size: 40px;line-height: 0.9em;letter-spacing: 0.04em;} #content h3 {font-size: 30px;} #content h2 strong, #content h3 strong {font-weight: 600;} #content .page_title {color: #16608a;font-weight: normal;font-size: 40px;line-height: 1em;letter-spacing: 0.04em;} #content .about_us_section {overflow: hidden;padding: 60px 0 50px;border-bottom: 1px solid #e7eeed;} #content .about_us_section.last {border-bottom: none;} #content .post {margin: 0 0 50px;} #content .post .post_title {color: #16608a;font-weight: normal;font-size: 30px;line-height: 1em;letter-spacing: 0.04em;} #content .post .post_title a {color: #16608a;} #content .post .postmetadata {margin: -0.8em 0 1em;color: #666;text-transform: uppercase;font-weight: 500;font-size: 15px;letter-spacing: 0.01em;} #content .post .postmetadata .category {color: #35b4cf;} #content .post .postmetadata .category a {color: #35b4cf;} #content .post .postmetadata .category a:hover {color: #16608a;} #content .post .share {font-size: 17px;} #content .post .share .icons {margin: 0 0 0 10px;} #content .post .share a {color: #35b4cf;} #content .post .share a:hover {color: rgb(22, 96, 138);} #content .post .share i {vertical-align: sub;font-size: 24px;} #content .post .entry {margin: 0 0 40px;} #content .post .read_more {color: #35b4cf;font-weight: bold;} #content .projects_nav .button_svg_container {top: 16px;} .page-template-page_-our_process h3 {margin: 10px 0 ;} .page-template-page_-our_process p {margin: 0 0 50px;} .single-spm_project p{margin:0 0 1em} /* - contact us page - */ #content .columns.contact_form .column {margin: 0 2% 2em 0;} /* - services pages */ #content .columns.child_page_excerpts {margin: 0 -4% 0 0;} #content .columns.child_page_excerpts .column {margin: 0 4% 0 0;} #content .columns.two.child_page_excerpts .column {width: 46%;} #content .child_page_excerpts article {margin: 0 0 2.5em;} #content .child_page_excerpts .title {margin: 0 0 0.8em;font-weight: 600;font-size: 24px;line-height: 1em;letter-spacing: 0.04em;} #content .child_page_excerpts .learn_more {color: #35b4cf;text-transform: uppercase;font-weight: 600;font-size: 15px;letter-spacing: 0.07em;} /* Services Arrows */ .learn_more i {content: "\e900";position: relative;left: 5px;transition: left .5s;} .learn_more:hover i {left: 10px;transition: left .5s;} /* - projects single - */ .single-spm_project #content .page_title {font-size: 26px;} .single-spm_project #content h2 {font-size: 26px;line-height: 1.3em;} #content .in_page_image_1 {margin: 0 0 60px;} #content .in_page_image_2 {float: left;max-width: 60%;margin: 0 30px 60px -60px;} #content .tools_and_skills {font-weight: 500;line-height: 1.1em;border-collapse: collapse;} #content .tools_and_skills td {padding: 10px 15px 10px 0;border-bottom: 1px solid #e7eeed;} #content .projects_nav {overflow: hidden;margin: 50px 0;text-align: center;text-transform: uppercase;font: 500 13px/45px Montserrat, sans-serif;letter-spacing: 0.07em;} #content .projects_nav .prev, #content .projects_nav .next, #content .projects_nav .all_projects {display: inline-block;} #content .projects_nav .prev a, #content .projects_nav .next a {display: block;padding: 0 50px;} #content .projects_nav .button_experimental {padding: 0 25px;} /* Sidebar */ #sidebar {float: right;width: 29%;} #sidebar a {text-decoration: none;} #sidebar .widget {margin: 0 0 50px;} #sidebar .widgettitle {margin: 0 0 1em;color: #bf202f;font-weight: normal;font-size: 22px;} #sidebar ul {list-style: none;padding: 0;font-size: 18px;line-height: 1em;} #sidebar ul li {margin: 0 0 1em;border-bottom: 1px solid #f0f3f4;} #sidebar ul li a {display: block;padding: 15px 0;color: #4c4c4c;} /* Project Archive */ #project_archive .columns {margin: 0;} #project_archive .columns > .column {margin: 0;} #project_archive .columns.three > .column {width: 33.333%;} #project_archive .spm_project {position: relative;} #project_archive .spm_project img {display: block;width: 100%;} #project_archive .spm_project .logo_container {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.2);} #project_archive .spm_project .logo_container img {position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);transition: opacity 0.2s;} #project_archive .spm_project .overlay {opacity: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 30% 10px 0;color: #fff;text-align: center;background-color: #35b4cf;transition: 0.2s opacity;} #project_archive .spm_project:hover .overlay {opacity: 1;} #project_archive .spm_project .overlay .title {position: relative;padding: 0 0 20px;font-weight: 500;font-size: 28px;line-height: 1em;letter-spacing: 0.04em;} #project_archive .spm_project .overlay .title:after {position: absolute;bottom: 0;left: 0;right: 0;width: 80px;height: 1px;margin: 0 auto;content: '';background-color: #72cbdd;} #project_archive .spm_project .overlay .button {color: #35b4cf;font-size: 16px;background-color: #fff;} #project_archive .spm_project .overlay .button:before, #project_archive .spm_project .overlay .button:after {background-color: #fff;} #project_archive .button_svg_container svg {fill: #fff;} #project_archive .button_svg_container span {color: #35b4cf;} /* The Pivot Process */ #the_pivot_process {color: #fff;letter-spacing: 0.04em;background: #166087 url(images/the_pivot_process-bkg.png) center top / cover;} #the_pivot_process .wrap {position: relative;padding: 195px 40px 95px 640px;} #the_pivot_process .tablet {position: absolute;left: 0;bottom: 0;width: 487px;height: 475px;padding: 64px 0 0 63px;background: url(images/the_pivot_process-tablet-bkg.png) 0%;} #the_pivot_process .text_container {} #the_pivot_process .section_title {font-weight: normal;font-size: 30px;line-height: 1em;} /* Download Our White Paper */ #download_our_white_paper {color: #fff;font-size: 22px;line-height: 1.2em;background: url(images/download_our_white_paper-bkg.jpg) center top / cover;} #download_our_white_paper .wrap {max-width: 685px;margin: 0 auto;padding: 380px 20px 320px;} #download_our_white_paper .button {color: #35b4cf;background-color: #fff;} #download_our_white_paper .button:before, #download_our_white_paper .button:after {background-color: #fff;} /* "Talk it through with an Expert" */ #talk_it_through {text-align: center;font-size: 22px;background: url(images/talk_it_through-bkg.png) center top / cover;} #talk_it_through .wrap {padding: 110px 20px 60px;} #talk_it_through .section_title {color: #166087;margin: 0 0 0.4em;font-weight: 300;font-size: 40px;line-height: 1em;} #talk_it_through img {margin: 0 10px 10px;} /* Testimonial (Project Page) */ #project_testimonial {text-align: center;background: url(images/project_testimonial-bkg.png) no-repeat center;} #project_testimonial .wrap {max-width: 900px;padding: 135px 20px 110px;} #project_testimonial blockquote {margin: 0;color: #16608a;font-weight: 300;font-style: italic;font-size: 22px;} #project_testimonial .signed {margin: 1.5em 0 0;color: #666;font-weight: 600;font-style: normal;font-size: 16px;} /* Get in Touch / From Our Blog */ #contact_and_blog {color: #238698;text-align: center;line-height: 1.3em;} #contact_and_blog .wrap {max-width: 1060px;padding: 70px 20px;} #contact_and_blog .column > .layer_2 {padding: 40px 70px 20px;border-right: 1px solid #ddd;} #contact_and_blog .column:nth-child(2n) > .layer_2 {border-right: none;} #contact_and_blog .title {position: relative;margin: 0 0 0.5em;padding: 0 0 0.4em;color: #166087;font-weight: 300;font-size: 40px;line-height: 1em;} #contact_and_blog .title:after {position: absolute;left: 0;right: 0;bottom: 0;width: 70px;height: 2px;margin: 0 auto;color: #bbcfcc;content: '';background-color: #bbcfcc;} #contact_and_blog .icons {font-size: 36px;} #contact_and_blog .icons a {margin: 0 15px;color: #0f353f;text-decoration: none;} #contact_and_blog .postmetadata {color: #0f353f;} #contact_and_blog .postmetadata span {margin: 0 10px;} #contact_and_blog .postmetadata a {color: #0f353f;} /* Footer */ #footer {color: #fff;text-align: center;line-height: 1.4em;background-color: #166087;} #footer .wrap {padding: 70px 20px 40px;} #footer a {color: #35b4cf;text-decoration: none;} #footer a:hover {color: #fff;} #footer .menu {float: left;margin: 0 0 25px;padding: 0;text-transform: uppercase;list-style: none;font-family: Montserrat, sans-serif;} #footer .menu li {display: inline-block;} #footer .menu li a {padding: 0 17px;} #footer .social_media {float: right;height: 1em;padding: 0;list-style: none;font-size: 28px;} #footer .social_media li {display: inline-block;margin: 0 0 0 30px;} /* Post and Comment Navigation */ .navigation {overflow: hidden;margin: 0 0 20px;} .comment-navigation {overflow: hidden;} .navigation ul, .comment-navigation ul {float: right;margin: 0 0 5px;list-style: none;} .navigation li, .comment-navigation li {float: left;margin: 0 0 5px 5px !important;padding: 0 !important;background: none !important;} .navigation a, .navigation span, .comment-navigation a, .comment-navigation span {display: block;padding: 0 10px;line-height: 24px;color: #305183;text-decoration: none;text-transform: lowercase;background-color: #ddd;} .navigation a:hover, .comment-navigation a:hover {} .navigation span, .comment-navigation span {color: #fff;} /* Comments */ #comments-section {margin-bottom: 120px;padding-top: 10px;background: #fff;} /*#comments {width: 600px;color: #888;}*/ #comments .commentlist {margin: 0 0 20px;padding: 0;list-style: none;} #comments .commentlist li {margin: 0 0 10px;padding: 10px 15px 0;background-color: #f8f8f8;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} #comments .commentlist li.odd {background-color: #eee;} #comments textarea {width: 98%;} .vcard {font-weight: bold;} .vcard img {margin: 0 7px 0 0;vertical-align: middle;border: 2px solid #ccd0dd;} .comment-date {float: right;font-size: 10px;font-weight: normal;} /* WordPress Galleries */ .gallery {margin: 60px -2% 0 0;} .gallery-item {float: left;margin: 0 2% 2% 0;} .gallery-columns-3 .gallery-item {width: 31.333%;} .gallery-item img {display: block;width: 100%;} /* Select2 */ .select2-container {vertical-align: top;} .select2-container .select2-selection--single {height: 35px;border-radius: 0;background-color: transparent;border: none;border-bottom: 1px solid #fff;} .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 0;padding-right: 24px;} .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 35px;} .select2-container--default .select2-selection--single .select2-selection__placeholder {color: #231f20;} .select2-container--default .select2-selection--single .select2-selection__arrow {height: 35px;width: 16px;} .select2-container--default .select2-selection--single .select2-selection__arrow b {margin-top: -4px;margin-left: -8px;border-width: 8px 8px 0 8px;border-top-color: #fff;} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-width: 0 8px 8px 8px;border-bottom-color: #fff;} .select2-container--open .select2-dropdown--below {border-radius: 0;} .select2-container--default .select2-results > .select2-results__options {max-height: 300px;line-height: 1.2em;} /*Services Arrows*/ a.learn_more .icon-arrow-right:before { content: "\e900"; margin-left: 8px; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s;transition: .5s; } a.learn_more .icon-arrow-right:hover:before { margin-left: 18px; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s;transition: .5s; } /* Contact Form 7 */ div.wpcf7 .required {color: #f00;} div.wpcf7 .screen-reader-response {position: absolute;overflow: hidden;height: 1px;width: 1px;margin: 0;padding: 0;border: 0;clip: rect(1px, 1px, 1px, 1px);} div.wpcf7-response-output {clear: both;margin: 0 0 1em;padding: 10px 15px;} div.wpcf7-mail-sent-ok {color: #fff;background-color: #35b4cf;} div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {color: #fff;background-color: #707070;} span.wpcf7-form-control-wrap {position: relative;} span.wpcf7-not-valid-tip {z-index: 999;position: absolute;left: 10%;top: 60%;width: 240px;padding: 2px 10px;color: #fff;font-size: 13px;background-color: #707070;box-shadow: 0 0 3px rgba(0,0,0,0.5);} span.wpcf7-not-valid-tip-no-ajax {display: block;color: #fff;} input.wpcf7-submit {margin: 0 10px 0 0;} .wpcf7-display-none {display: none;} span.wpcf7-list-item {display: block;margin-left: 30px;} /* WOW.js */ .wow {visibility: hidden;} /* animate.css styles for use with WOW.js (trimmed and customized) */ .animated {-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} @-webkit-keyframes fadeIn { from {opacity: 0;} } @keyframes fadeIn { from {opacity: 0;} } .fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;} @-webkit-keyframes fadeInUpSmall { from {opacity: 0;-webkit-transform: translateY(20px);} } @keyframes fadeInUpSmall { from {opacity: 0;transform: translateY(20px);} } .fadeInUpSmall {-webkit-animation-name: fadeInUpSmall;animation-name: fadeInUpSmall;} @-webkit-keyframes fadeInLeftSmall { from {opacity: 0;-webkit-transform: translateX(-20px);} } @keyframes fadeInLeftSmall { from {opacity: 0;transform: translateX(-20px);} } .fadeInLeftSmall {-webkit-animation-name: fadeInLeftSmall;animation-name: fadeInLeftSmall;} @-webkit-keyframes fadeInRightSmall { from {opacity: 0;-webkit-transform: translateX(20px);} } @keyframes fadeInRightSmall { from {opacity: 0;transform: translateX(20px);} } .fadeInRightSmall {-webkit-animation-name: fadeInRightSmall;animation-name: fadeInRightSmall;} @-webkit-keyframes fadeInRight { from {opacity: 0;-webkit-transform: translateX(100%);} } @keyframes fadeInRight { from {opacity: 0;transform: translateX(100%);} } .fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;} @-webkit-keyframes fadeOutRight { from {opacity: 1;} to {opacity: 0;-webkit-transform: translateX(100%);} } @keyframes fadeOutRight { from {opacity: 1;} to {opacity: 0;transform: translateX(100%);} } .fadeOutRight {-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;} @-webkit-keyframes fadeOutDownSmall { from {opacity: 1;} to {opacity: 0;-webkit-transform: translateY(20px);} } @keyframes fadeOutDownSmall { from {opacity: 1;} to {opacity: 0;transform: translateY(20px);} } .fadeOutDownSmall {-webkit-animation-name: fadeOutDownSmall;animation-name: fadeOutDownSmall;} @-webkit-keyframes zoomIn { from {opacity: 0;-webkit-transform: scale(.3);} } @keyframes zoomIn { from {opacity: 0;transform: scale(.3);} } .zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;} /* Repsonsive Design */ @media only screen and (max-width: 1279px) { #the_pivot_process .tablet {left: 20px;} } @media only screen and (max-width: 1239px) { body {min-width: 320px;} .wrap {width: auto;} #the_pivot_process .wrap {width: auto;} #footer .columns.four > .column {width: 48%;} #footer .columns.four > .column:nth-child(2n+1) {clear: both;} } @media only screen and (max-width: 1079px) { #banner_form {margin: -130px 0 70px;font-size: 24px;} #contact_information {margin: -130px 0 70px;padding: 50px 20px 20px;font-size: 16px;} #contact_information ul li ii {font-size: 32px;} #contact_information .social_media li {margin: 0 0 0 20px;} #contact_information .social_media i {font-size: 28px;} } @media only screen and (max-width: 1059px) { #content .in_page_image_2 {max-width: 35%;margin-left: 0;} } @media only screen and (max-width: 959px) { #title_bar .banner_text {font-size: 24px;} #banner #banner_text {top: 32%;max-width: 400px;font-size: 22px;} #banner #banner_text .arrow {width: 27px;height: 22px;background-size: 27px 22px;} #project_logo_container .wrap {padding: 160px 20px 110px;} #main.our_process {background-position: right 200px;background-size: 478px 547px;} #content {float: none;width: auto;} /*.our_process #content {margin-right: 300px;}*/ #content .post_title {font-size: 28px;} #sidebar {float: none;width: auto;max-width: 450px;margin: 0 auto;} #project_archive .spm_project .overlay .title {font-size: 21px;} #project_archive .spm_project .overlay .button {padding: 0 10px 0 20px;font-size: 13px;line-height: 35px;} #project_archive .spm_project .overlay .button:before {right: -10px;bottom: 4px;width: 20px;height: 20px;} #project_archive .spm_project .overlay .button:after {right: -14px;width: 14px;height: 21px;} #the_pivot_process .wrap {padding: 135px 40px 45px 340px;} #the_pivot_process .tablet {width: 244px;height: 238px;padding: 32px 0 0 32px;background-size: 275px 270px;} #the_pivot_process .tablet img {width: 216px;height: 238px;} #footer {font-size: 14px;} #footer .wrap {padding: 40px 20px 20px;} #footer .menu li a {padding: 0 10px;} #footer .social_media {font-size: 24px;} #footer .social_media li {margin: 0 0 0 15px;} } @media only screen and (max-width: 847px) { #banner_inside_page .sizer {display: none;} #contact_information {text-align: center;} #contact_information .contact_details {float: none;} #contact_information .social_media {float: none;border-left: none;} #contact_information .social_media li {margin: 0 10px;} #contact_and_blog .column > .layer_2 {padding: 40px 20px 20px;} } @media only screen and (max-width: 767px) { #banner_inside_page {min-height: 250px;} #responsive_menu {font-size: 22px;} #responsive_menu .sub-menu {font-size: 18px;} #featured_work .wrap {padding: 70px 20px 50px;} #featured_work .section_title {font-size: 42px;} #featured_work .intro {font-size: 19px;} #featured_work .slide .wrap {padding: 20px;} #featured_work .slide .title {font-size: 30px;} #main .wrap {padding: 50px 20px 40px;} #banner_form {padding: 50px 20px 10px;} #banner_form .inline_group {display: block;margin: 0 0 1.3em;} #content .page_title {font-size: 34px;} #content .post .post_title {font-size: 28px;} #content .tools_and_skills {clear: both;width: 100%;} #footer {text-align: center;} #footer .menu, #footer .social_media {float: none;} } @media only screen and (max-width: 735px) { #main.our_process {background: none;} .our_process #content {margin-right: 0;} #download_our_white_paper .wrap {padding: 160px 20px 110px;} } @media only screen and (max-width: 639px) { #intro .section_title {font-size: 32px;} #content .post .wp-post-image.size-blog_post {float: none;width: 100%;max-width: none;margin: 0 0 20px;} #content .columns.two.contact_form {margin: 0;} #content .columns.two.contact_form > .column {float: none;width: auto;margin: 0 0 30px;} #contact_and_blog .wrap {padding: 40px 20px 20px;} #contact_and_blog .columns.two {margin: 0;} #contact_and_blog .columns.two > .column {float: none;width: auto;margin: 0 0 20px;} #contact_and_blog .column > .layer_2 {border-right: none;border-bottom: 1px solid #ddd;} #contac.our_process #contentt_and_blog .column:nth-child(2n) > .layer_2 {border-bottom: none;} .our_process #content .columns.two > .column{width:98%} #project_archive .spm_project .overlay {padding-top: 25%} #project_archive .spm_project .overlay .title {font-size: 16px;} #project_archive .spm_project .overlay .button {font-size: 11px;line-height: 30px;} #project_archive .spm_project .overlay .button:after {height: 16px;} #the_pivot_process .wrap {padding: 175px 40px 300px;} #the_pivot_process .tablet {right: 20px;margin: 0 auto;} } @media only screen and (max-width: 567px) { #pivot_services .pivot-article { text-align:center; } #intro .video_container {float: none;max-width: none;margin: 0 0 30px;padding: 5% 0 0 5%;} #featured_work .slide .wp-post-image {width: 400px;max-width: 100%;margin: 0 0 30px;} #featured_work .slide .text_container {width: auto;} #services {background-position: right top;} #services .wrap {padding: 70px 20px 50px;} #services .phone {display: none;} #services .text_container {float: none;width: auto;} #services ul li {margin: 0 0 1.4em;} #content .projects_nav .button_svg_container{padding:0 20px} #content .projects_nav .all_projects {margin:auto -35px;} #content .projects_nav{margin:40px -80px;} #content img.alignleft, #content img.alignright {float: none;width: 100%;max-width: none;margin: 0;} #content .about_us_section {padding: 40px 0 20px;} #project_archive .columns.three > .column {float: none;width: auto;} #project_archive .spm_project .overlay {padding-top: 30%;} #project_archive .spm_project .overlay .title {font-size: 28px;} #project_archive .spm_project .overlay .button {padding: 0 20px 0 35px;font-size: 14px;line-height: 45px;} #project_archive .spm_project .overlay .button:before {right: -13px;bottom: 5px;width: 25px;height: 25px;} #project_archive .spm_project .overlay .button:after {right: -18px;width: 18px;height: 28px;} #footer .menu {float: none;} #footer .social_media {float: none;} } @media only screen and (max-width: 479px) { /*body > .layer_2.menu_revealed {transform: translateX(-80%);-webkit-transform: translateX(-80%);}*/ #pivot_services .pivot-lists .list-container ul li.list-title { margin-bottom: 0.5rem; text-align: center; } #pivot_services .pivot-lists .list-container ul li { font-size: 1.1rem; margin: 0; text-align: center; } #nav {display: none;} #banner_form label, #banner_form input {display: block;margin: 0 auto !important;} #content .columns.two.child_page_excerpts {margin: 0;} #content .columns.two.child_page_excerpts > .column {float: none;width: auto;margin: 0;} #content .child_page_excerpts article {margin: 0 0 3em;} #content .in_page_image_2 {float: none;max-width: 100%;margin: 0 0 20px;} #project_testimonial {background-size: 163px 134px;} #project_testimonial .wrap {padding: 70px 20px 60px;} #project_testimonial blockquote {font-size: 20px;line-height: 1.4em;} } /* NEW SECTION CSS */ #pivot_services{ background-size: cover; background-repeat: no-repeat; background-image:url('images/section-background.png'); background-position:center; padding-top: 12rem; } #pivot_services .pivot-lists{ margin-bottom: 0rem; } #pivot_services .pivot-lists .col-12{ margin-bottom: 1rem; } #pivot_services .pivot-lists .list-container{ margin-bottom: 2rem; } #pivot_services .pivot-lists .list-container ul{ list-style: none; padding: 0; } #pivot_services .pivot-lists .list-container ul li{ font-size: 1.1rem; margin: 0; } #pivot_services .pivot-lists .list-container ul li a{ color: rgba(0,0,0,0.5); letter-spacing: 0.4px; } #pivot_services .pivot-lists .list-container ul li a:hover, #pivot_services .pivot-lists .list-container ul li a:focus { color: rgba(0,0,0,0.9); letter-spacing: 0.4px; } #pivot_services .pivot-lists .list-container ul li.list-title{ margin-bottom: 0.5rem; font-size: 1.3rem; } #pivot_services .pivot-lists .list-container ul li.list-title a{ font-weight: bold; color: black !important; } #pivot_services .pivot-article{ color: #166087; line-height: 35px; font-size: 1.8rem; margin-bottom: 3rem; } /* ABOUT US - TABLET FIX */ .page-slug-about-us #the_pivot_process .tablet{ width: 100%; height: auto; background-repeat: no-repeat; padding-bottom: 0; padding-top: 72px; margin-bottom: -8px; max-width: 550px; } .home #services .phone{ max-width: 237px; width: 100%; padding: 76px 0 62px 19px; height: auto; } @media screen and (max-width: 959px){ .page-slug-about-us #the_pivot_process .tablet{ padding-top: 41px; padding-left: 31px; max-width: 275px; } }