/*
THEME NAME: Cardinal Web Solutions
THEME URI: http://www.cardinalwebsolutions.com
DESCRIPTION: Custom Wordpress Theme
VERSION: 1.1
AUTHOR: Cardinal Web Solutions
AUTHOR URI: http://www.cardinalwebsolutions.com
*/
/*@import "reset.css";*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,600,700|Roboto:300,400,500,600');*/
@font-face {
font-family: Montserrat;
font-display: swap;
src: url(montserrat/Montserrat-Regular.otf);
}
@font-face {
font-family: Montserrat;
font-display: swap;
src: url(montserrat/Montserrat-Hairline.otf);
font-weight: 100;
}
@font-face {
font-family: Montserrat;
font-display: swap;
src: url(montserrat/Montserrat-UltraLight.otf);
font-weight: 200;
}
@font-face {
font-family: Montserrat;
font-display: swap;
src: url(montserrat/Montserrat-Light.otf);
font-weight: 300;
}
@font-face {
font-family: Montserrat;
font-display: swap;
src: url(montserrat/Montserrat-SemiBold.otf);
font-weight: 600;
}
@font-face {
font-family: Montserrat;
font-display: swap;
src: url(montserrat/Montserrat-Bold.otf);
font-weight: 700;
}
@font-face {
font-family: Montserrat;
font-display: swap;
src: url(montserrat/Montserrat-ExtraBold.otf);
font-weight: 800;
}
@font-face {
font-family: Montserrat;
font-display: swap;
src: url(montserrat/Montserrat-Black.otf);
font-weight: 900;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background: #FFFFFF;
font-weight: 300;
font-family: "Roboto";
font-size: 20px;
color: #77787a;
}
.tm {
font-size:10px;
vertical-align:top;
}
@media screen and (max-width: 1023px) {
font-size: 18px;
}
@media screen and (max-width: 767px) {
font-size: 17px;
}
a {
color: #004889;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
strong {
font-weight: 500;
}
em {
font-style: italic;
}
sup {
vertical-align: super;
font-size: smaller;
}
hr {
border: none 0;
border-bottom: 1px solid #E0E0E0;
height: 1px;
margin: 10px 0;
}
.handwriting {
font-family: 'Shadows Into Light', cursive;
font-size: larger;
}
blockquote {
font-style: italic;
background: url(images/quotes.gif) no-repeat top left;
background-position: 12px 12px;
color: #595959;
margin: 5px 0;
padding: 8px 15px 8px 60px;
}
#wrapper {
width: 100%;
}
.inner, .inner.vc_row, .vc_tta.vc_general .vc_tta-panel-title a {
width: 100%;
max-width: 1110px;
margin: 0 auto;
}
.clear {
clear: both;
}
#mobile-header {
display: none;
}
.mobile-logo { text-align: center; }
.mobile-top {
float: right;
width: 50%;
}
#header {
width: 100%;
position: absolute;
z-index: 20;
box-shadow:inset 0px 40px 9px 0px rgba(0, 0, 0, 0.51);
}
#logo {
width: 392px;
float: left;
}
#logo img {
max-width: 100%;
display: inline-block;
height: auto;
float:left;
padding-top: 30px;
}
#menu {
float: right;
/*width: 560px;*/
}
#header #social {
width: 194px;
float: right;
text-align: center;
padding: 32px 10px 15px;
}
#contact {
float: right;
}
.page-simple .inner{
min-height:500px;
}
#contact p {
/*background: url('images/phone.png') no-repeat 20px center #08996B;*/
/*padding: 22px 15px 22px 100px;*/
background: #08996B;
padding: 22px 15px;
color: #FFFFFF;
font-family: "Montserrat", sans-serif;
font-family: 20px;
text-align: center;
}
#contact p span {
display: block;
font-size: 24px;
margin-top: 3px;
}
#logo img {
max-width: 100%;
display: block;
height: auto;
}
#logo p {
float: left;
padding: 10px 0 10px 15px;
line-height: 20px;
margin: 10px 0 0 15px;
font-weight: 400;
font-size: 15px;
max-width: 170px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e03c31+0,e03c31+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(224,60,49,1) 0%, rgba(224,60,49,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(224,60,49,1) 0%,rgba(224,60,49,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(224,60,49,1) 0%,rgba(224,60,49,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03c31', endColorstr='#00e03c31',GradientType=1 ); /* IE6-9 */
}
#logo p a, #logo p {
color: #fff;
}
@media screen and (max-width: 1100px) {
#logo p {
display: none;
}
#logo {
width: 210px;
}
}
@media screen and (max-width: 980px) {
#logo p {
display: block;
}
#logo {
width: 400px;
}
}
@media screen and (max-width: 767px) {
#logo p {
display: none;
}
#logo {
width: 49%;
text-align: center;
float: left;
}
#logo img {
padding: 8px 0 8px;
margin: auto;
}
#mobile-slide {
padding: 26px 20px 10px;
}
}
#menu ul {
float: right;
}
#menu ul li {
float: left;
position: relative;
}
#menu ul li a {
padding: 42px 8px;
display: block;
color: #fff;
font-size: 15px;
font-weight: 400;
}
#menu ul li a:hover, #menu ul li:hover a {
background: rgba(200, 200, 220, .4);
color: #FFFFFF;
}
#menu ul li ul {
background: rgba(200, 200, 220, .5);
color: #FFFFFF;
min-width: 250px;
position: absolute;
display: none;
top: auto;
z-index: 99999;
left: 0;
width: auto;
}
#menu ul li:hover > ul {
display: block;
}
#menu ul li ul li {
display: block;
border: 0 !important;
float: none;
}
#menu ul li ul li a, #menu ul li:hover ul li a {
background: rgba(200,200,220,.5);
color: #FFFFFF;
padding: 10px 20px;
font-size: 16px;
line-height: 1.1;
display: block;
white-space: nowrap;
font-weight: normal;
}
#menu ul li ul li a:hover {
background: #353142;
color: #FFFFFF;
}
#tablet-menu {
display: none;
float: right;
width: 10%;
}
#tablet-menu a {
background: rgba(200, 200, 220, .4);
color: #FFFFFF;
font-family: "Montserrat", sans-serif;
padding: 42px 15px;
display: block;
color: #FFFFFF;
font-weight: bold;
font-size: 15px;
text-align: center;
}
#container {
width: 100%;
}
#top {
background: url('images/top-bg.jpg') repeat-x #1f3352;
padding: 40px 0;
}
#top-left {
width: 30%;
float: left;
padding-top: 20px;
}
#top-right {
width: 60%;
float: right;
}
#top-left h2 {
font-size: 32px;
font-family: "Montserrat", sans-serif;
color: #FFFFFF;
margin-bottom: 15px;
}
#top-left p, #top-right p {
color: #FFFFFF;
font-weight: 400;
line-height: 1.5;
}
#top-right p {
height: 55px;
}
#top-right li {
float: left;
width: 33.3%;
}
#top-right h3 {
font-size: 20px;
font-family: "Montserrat", sans-serif;
color: #FFFFFF;
margin: 8px 0;
font-weight: bold;
}
#top-right a {
display: inline-block;
padding: 8px 10px;
border: 1px solid #8894a4;
color: #FFFFFF;
text-transform: uppercase;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#top-right a:hover {
background: #9fd468;
}
#fly {
background: url('images/cta-bg.jpg') no-repeat center top;
background-size: cover;
padding: 40px 0 5px;
}
#fly h2 {
color: #345686;
font-size: 58px;
text-align: center;
font-weight: 100;
margin-bottom: 20px;
}
#fly p {
color: #666666;
line-height: 1.6;
text-align: center;
}
#fly a {
background: #345686;
color: #FFFFFF;
font-size: 18px;
font-weight: 700;
text-align: center;
padding: 10px;
display: block;
max-width: 180px;
margin: 20px auto 0;
}
#fly-content {
padding: 180px 0 220px;
}
.fly-content-shift {
width: 50%;
float: right;
}
#fly-content ul {
overflow: hidden;
}
#fly-content ul li {
width: 30%;
margin-right: 5%;
float: left;
line-height: 1.2;
}
#fly-content ul li:last-child {
margin-right: 0;
}
#fly-content ul li .cta-top {
color: #666666;
font-weight: 100;
font-size: 28px;
}
#fly-content ul li .cta-middle {
color: #345686;
font-weight: 700;
font-size: 36px;
font-family: "Montserrat", sans-serif;
}
#fly-content ul li .cta-bottom {
color: #666666;
font-weight: 700;
font-size: 14px;
font-family: "Montserrat", sans-serif;
}
#fly a.mobile-link {
display: none;
}
#about-cardinal {
padding: 30px 0;
}
#about-cardinal h2 {
line-height: 1.4;
font-size: 30px;
text-align: center;
color: #FFFFFF;
font-family: "Montserrat", sans-serif;
}
#about-cardinal h2 span {
font-family: "Montserrat", sans-serif;
font-size: 40px;
color: #9fd468;
}
.about-wrap {
position: relative;
}
.about-arrow {
position: absolute;
left: 0;
bottom: 10px;
z-index: 10;
}
.about-left {
width: 48%;
float: left;
padding-top: 20px;
position: relative;
z-index: 99;
}
.about-left a {
color: #9fd468;
}
.about-left p:first-child {
margin-bottom: 55px;
}
.about-left p {
color: #FFFFFF;
line-height: 1.5;
}
.about-right {
width: 51%;
float: right;
}
.about-right img {
max-width: 100%;
display: block;
height: auto;
}
.about-right a {
padding: 18px 12px;
color: #FFFFFF;
background: #9fd468;
font-weight: 700;
display: block;
width: 100%;
max-width: 180px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
text-align: center;
position: relative;
top: -58px;
margin-bottom: -30px;
z-index: 99;
}
#client-stories {
background: url('images/clients-bg.jpg') no-repeat center top;
padding: 30px 0;
}
.client-wrap {
width: 70%;
float: right;
}
.client-wrap h2 {
color: #305788;
font-size: 32px;
font-family: "Montserrat", sans-serif;
margin-bottom: 8px;
line-height: 1.4;
}
.client-wrap p {
color: #666666;
font-size: 16px;
line-height: 1.5;
}
.client-wrap ul {
overflow: hidden;
}
.client-wrap ul li {
float: left;
width: 31%;
margin: 1%;
position: relative;
text-align: center;
margin-bottom: 25px;
}
.client-logo {
padding: 30px;
}
.client-logo img {
margin: 0 auto;
display: block;
position: relative;
top: 38%;
}
.client-info {
position: relative;
display: none;
padding: 5px 15px 15px;
border: 1px solid #cccccc;
height: 142px;
}
.client-info p span {
font-size: 48px;
font-family: 'Shadows Into Light', cursive;
margin-bottom: 8px;
line-height: 1;
color: #345686;
display: block;
}
.client-info p {
color: #1f3453;
font-size: 13px;
line-height: 1.3;
}
.client-info a {
text-transform: uppercase;
font-weight: 700;
color: #b01f2c;
display: inline-block;
margin-top: 5px;
}
#customer-type {
background: url("images/flight-bg.jpg") no-repeat right bottom;
background-size: auto 90%;
padding: 30px 0;
}
#customer-type h2 {
color: #305788;
font-size: 32px;
font-family: "Montserrat", sans-serif;
margin-bottom: 8px;
line-height: 1.4;
}
#customer-type p {
color: #666666;
font-size: 16px;
line-height: 1.5;
text-shadow: 1px 1px 15px #FFFFFF;
}
#customer-home {
padding-top: 30px;
}
#customer-type h3 {
color: #305788;
font-size: 40px;
font-family: "Montserrat", sans-serif;
margin-bottom: 8px;
line-height: 1;
}
#customer-home ul li {
margin-bottom: 30px;
}
#customer-home ul li:last-child {
margin-bottom: 0;
}
#customer-home ul li p {
color: #1f3453;
font-size: 14px;
margin-bottom: 20px;
}
#customer-home ul li a.serv-more {
color: #b01f2c;
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
}
#content-wrap, .content-wrap {
padding: 40px 0;
}
.serv-left {
width: 10%;
float: left;
}
.serv-left img {
max-width: 100%;
display: block;
height: auto;
}
.serv-right {
width: 50%;
float: left;
}
#about-top {
background: url('images/about-clouds.jpg') no-repeat center top #FFFFFF;
padding: 40px 0;
overflow: hidden;
}
#about-menu {
width: 15%;
float: left;
}
#about-menu h3 {
color: #1f3453;
font-size: 20px;
font-weight: bold;
font-family: "Montserrat", sans-serif;
margin-bottom: 12px;
line-height: 1;
}
#about-menu a {
color: #1f3453;
padding-bottom: 10px;
display: block;
}
/*
#about-content {
width: 83%;
float: right;
}
*/
.about-content {
width: 50%;
float: left;
}
.about-video {
width: 49%;
float: right;
margin-bottom: -40px;
}
.about-content p {
color: #666666;
line-height: 1.6;
margin-bottom: 15px;
}
.about-content p:last-child {
margin-bottom: 0;
}
.about-content p strong {
color: #345686;
}
#cardinal-team {
background: url('images/cardinal-family-bg.jpg') no-repeat center top;
padding: 40px 0;
}
#cardinal-team h2 {
color: #feffff;
font-size: 32px;
font-family: "Montserrat", sans-serif;
margin-bottom: 20px;
text-align: center;
line-height: 1;
}
#cardinal-team p {
text-align: center;
line-height: 1.5;
color: #feffff;
margin-bottom: 50px;
}
#cardinal-team img {
max-width: 100%;
display: block;
height: auto;
}
#cardinal-team h3 {
color: #ffffff;
font-size: 30px;
font-family: 'Shadows Into Light', cursive;
margin: 30px 0 12px;
text-align: center;
line-height: 1;
}
.member-details {
max-width: 1000px;
color: #fff;
}
.fancybox-skin {
-webkit-border-radius: 4px 4px 0 4px;
-moz-border-radius: 4px 4px 0 4px;
border-radius: 4px 4px 0 4px;
}
.fancybox-close {
background: url('images/close-fancybox.png') no-repeat !important;
bottom: -36px !important;
right: -6px !important;
top: auto !important;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.member-title {
float: left;
}
.member-social {
text-align: right;
float: right;
}
.member-social a {
margin-left: 5px;
display: inline-block;
}
.member-left {
width: 80%;
float: left;
padding: 20px 40px 20px 20px;
}
.member-right {
width: 20%;
float: right;
text-align: right;
padding-bottom: 15px;
}
.member-right img {
max-width: 100%;
display: block;
height: auto;
}
.member-title {
margin-bottom: 15px;
}
.member-text p, .member-text p a {
line-height: 1.5;
margin-bottom: 15px;
color: #fff;
}
.info-image {
position: relative;
margin-bottom: 30px;
}
.restaurant, .interests {
margin-bottom: 15px;
}
.restaurant p, .interests p {
line-height: 1.5;
}
.view-blog-posts {
color: #9fd468;
font-weight: 700;
}
body .fancybox-overlay {
z-index: 9999 !important;
background: none;
}
body .fancybox-skin {
background: rgba(0,0,0,.8);
border: 3px solid #f30624;
}
.member-title h3 {
font-size: 20px;
font-weight: 700;
line-height: 1.5;
}
.member-title p {
font-size: 17px;
}
#accolades {
background: #faf7f7;
}
#accolades-left {
width: 49%;
float: left;
}
#accolades-left img {
width: 100%;
display: block;
height: auto;
}
#accolades-right {
width: 49%;
float: right;
padding-top: 40px;
}
#accolades-right h2 {
color: #345686;
font-size: 32px;
font-family: "Montserrat", sans-serif;
margin-bottom: 20px;
line-height: 1;
}
#accolades-right p {
color: #3a4e66;
line-height: 1.6;
margin-bottom: 20px;
}
#accolades-right p a {
color: #b01f2c;
font-weight: 700;
}
#accolades-right .acc-date {
font-size: 17px;
color: #666666;
font-family: "Montserrat", sans-serif;
margin-bottom: 8px;
}
#accolades-right li {
}
#accolades-right h3{
font-size: 20px;
color: #b01f2c;
font-family: "Montserrat", sans-serif;
margin-bottom: 10px;
}
#leader-thought {
background: url('images/leader-bg.jpg') no-repeat center top #345686;
padding: 30px 0;
}
#leader-thought h2 {
color: #FFFFFF;
font-size: 32px;
font-family: "Montserrat", sans-serif;
margin-bottom: 15px;
line-height: 1;
text-align: center;
}
#leader-thought p {
color: #FFFFFF;
line-height: 1.5;
text-align: center;
font-size: 14px;
}
.leader-heading {
position: relative;
}
.leader-heading img {
position: absolute;
top: 0;
right: -100px;
}
#leadersh-mobile {
display: none;
}
#leadersh {
padding-top: 10px;
}
.leader {
width: 50%;
float: left;
padding: 20px;
}
.leader:nth-child(1), .leader:nth-child(2) {
margin-bottom: 5px;
}
.leader:nth-child(3), .leader:nth-child(4) {
padding-bottom: 0;
}
.leader:nth-child(1), .leader:nth-child(3) {
padding-left: 100px;
}
.leader:nth-child (2n+2) {
float: right;
}
#leader-thought .leader p {
text-align: left;
}
#leader-thought .leader p.leader-date {
font-family: "Montserrat", sans-serif;
font-size: 18px;
line-height: 1;
margin: 8px 0;
}
#leader-thought .leader h3 {
font-family: "Montserrat", sans-serif;
font-size: 20px;
line-height: 1.3;
color: #FFFFFF;
}
#newroom-about {
padding: 30px 0;
position: relative;
overflow: hidden;
}
#newsroom-image {
position: absolute;
left: 35%;
bottom: 0;
height: 100%;
}
#newroom-about .inner {
position: relative;
z-index: 10;
}
.newsroom-right {
width: 53%;
float: right;
position: relative;
}
.media-inquiries {
background: #000000;
padding: 8px;
overflow: hidden;
position: absolute;
left: 0;
bottom: 0;
}
#newroom-about .media-inquiries p {
float: left;
color: #FFFFFF;
padding-right: 20px;
margin-bottom: 0;
font-size: x-small;
}
#newroom-about .media-inquiries p:last-child {
padding-right: 0;
}
#newroom-about .media-inquiries p span {
padding: 0 3px;
display: inline-block;
}
#newroom-about h2 {
color: #345686;
font-size: 32px;
font-family: "Montserrat", sans-serif;
margin-bottom: 20px;
line-height: 1;
}
#newroom-about p {
color: #3a4e66;
line-height: 1.6;
margin-bottom: 15px;
}
.newsroom-wrap {
max-width: 45%;
float: left;
}
.about-news-date {
color: #666666;
font-size: 16px;
font-family: "Montserrat", sans-serif;
margin-bottom: 12px;
line-height: 1;
}
#newroom-about h3 {
font-size: 18px;
font-family: "Montserrat", sans-serif;
margin-bottom: 12px;
line-height: 1;
display: block;
color: #b01f2c;
}
#solutions-header {
background: url('images/solutions-bg.jpg') no-repeat center top;
padding-top: 62px;
}
#solutions-header .inner {
position: relative;
}
#solutions-plane {
left: 365px;
position: absolute;
top: -45px;
z-index: 999;
}
.solu-left {
width: 48%;
float: left;
padding-top: 20px;
}
.solu-left h1 {
font-family: 'Shadows Into Light', cursive;
font-size: 52px;
color: #345686;
line-height: 1.6;
margin-bottom: 12px;
}
.solu-left p {
font-size: 15px;
line-height: 1.4;
color: #666666;
}
.solu-right {
width: 50%;
float: right;
}
.solu-right ul {
display: table;
float: right;
/*width: 80%;*/
}
.solu-right ul li {
display: table-cell;
vertical-align: bottom;
}
.solu-right ul li img {
max-width: 100%;
display: block;
height: auto;
}
#solution-list {
overflow: hidden;
}
.breadcrumbs {
text-transform: lowercase;
font-weight: bold;
font-family: "Montserrat", sans-serif;
}
.about-content .breadcrumbs {
margin: 5px 0 35px;
}
.bsep {
padding: 0 8px;
display: inline-block;
}
.post-content #solution-list li {
width: 48%;
list-style-type: none;
float: left;
padding: 0 0 40px 0;
}
.post-content #solution-list li:nth-child(2n+2) {
float: right;
}
.post-content #solution-list li h3 a {
color: #345686;
font-size: 32px;
font-family: "Montserrat", sans-serif;
margin-bottom: 12px;
line-height: 1;
}
.post-content #solution-list li p {
color: #676767;
margin-bottom: 12px;
}
.post-content #solution-list li a {
color: #b01f2c;
/* font-weight: 700; */
}
#services-header {
background: url('images/services-header.jpg') no-repeat center top;
background-size: cover;
}
#services-header .inner {
position: relative;
}
#services-plane {
/* left: 480px; */
position: absolute;
top: 20px;
right: 200px;
}
.single-solutions .post-title {
color: #1f3453;
font-size: 32px;
font-family: "Montserrat", sans-serif;
margin-bottom: 20px;
line-height: 1;
border-bottom: 1px solid #999999;
padding-bottom: 15px;
}
#general-header {
position: relative;
background-repeat: no-repeat;
background-position: center top;
}
#mobile-inner {
display: none;
}
#mobile-inner img {
width: 100%;
display: block;
height: auto;
}
#header-shadow {
position: absolute;
top: 0;
z-index: 9999;
background: url('images/header-shadow.png') repeat-x;
width: 100%;
height: 68px;
}
#tempimg {
display: none;
}
.header-text {
margin-top: 15px;
max-width: 70%;
}
.testimon {
margin-bottom: 30px;
}
#general-header .header-text p {
color: #345686;
line-height: 1.4;
}
#header-wrap {
}
.su-box-content {
line-height: 1.5;
}
.tax-Services .post-title, .single-solutions .page-title {
color: #FFFFFF;
line-height: 1.5;
}
.tax-Services .breadcrumbs, .tax-Services .breadcrumbs a, .single-solutions .breadcrumbs, .single-solutions .breadcrumbs a {
color: #FFFFFF;
}
.servi-left p {
color: #FFFFFF;
line-height: 1.6;
margin-top: 15px;
}
.servi-left {
width: 60%;
float: left;
padding-top: 75px;
}
.servi-right {
width: 30%;
float: right;
/*overflow: hidden;*/
}
.servi-right img {
/*max-width: 100%;*/
float: right;
display: block;
height: auto;
}
.post-content #stats-slider ul {
margin: 0;
}
.post-content #stats-slider ul li {
padding: 50px 0 0;
}
.stats-wrap {
border: 1px solid #b2daf3;
padding: 15px;
}
.tax-Services.term-web-design .post-content #stats-slider ul li {
padding-top: 0;
}
/*
.tax-Services.term-web-design .post-content #stats-slider ul li {
padding: 10px;
border: 1px solid #b2daf3;
}
*/
.post-content .stats-wrap p {
color: #666666;
line-height: 1.3;
margin: 0 0 5px 0;
}
.post-content .stats-wrap p.stats-number {
margin: 0;
color: #345686;
font-family: 'Shadows Into Light', cursive;
font-size: 58px;
position: relative;
text-align: center;
top: -50px;
margin-bottom: -50px;
}
.bx-pager {
bottom: -50px !important;
border-top: 1px solid #cccccc;}
.tax-Services #bx-pager, .single-solutions #bx-pager { display: none; }
.bx-wrapper .bx-pager.bx-default-pager a {
background: #cccccc !important;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #345686 !important;
}
.single-sol-left {
width: 70%;
float: left;
}
.single-sol-right {
width: 25%;
float: right;
}
.post-content .single-sol-right ul {
margin: 0;
padding-top: 40px;
}
.post-content .single-sol-right ul li {
list-style-type: none;
padding: 0;
margin-bottom: 50px;
}
.post-content .stats-wrap a {
color: #b01f2c;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
}
.post-content .stats-wrap .aligncenter {
margin-bottom: 0;
}
.tax-Services.term-web-design .post-content .stats-wrap .aligncenter {
margin: 5px auto;
}
.single-accolade #content, .single-post #content, .blog #content, .category #content, .author #content {
float: left;
width: 76%;
}
.post {
}
.post-title, .page-title {
font-family: 'Shadows Into Light', cursive;
font-size: 52px;
margin-bottom: 20px;
color: #345686;
}
.blog-left {
width: 16%;
float: left;
}
.blog-right {
width: 82%;
float: right;
}
.post-title a {
color: #333333;
}
.post-content h2 {
color: #77787a;
font-size: 24px;
font-family: Roboto Condensed;
margin-bottom: 12px;
line-height: 1.4em;
}
.post-content h3 {
color: #77787a;
font-size: 22px;
font-family: Roboto Condensed;
margin: 15px 0;
line-height: 1.4em;
}
.post-content h4{
font-size:22px;
margin-bottom:10px;
line-height: 1.4em;
}
.post-content p {
line-height: 1.6;
margin-bottom: 20px;
}
.post-content ul, .post-content ol {
margin-bottom: 20px;
margin-left: 22px;
}
.post-content ul ul {
margin-bottom: 5px;
}
.post-content ul li {
padding: 5px 0 5px 0px;
list-style: disc outside none;
line-height: 1.6;
}
.post-content ol li {
padding: 5px 0 5px 0px;
list-style: decimal outside none;
line-height: 1.6;
}
.aligncenter {
display: block;
margin: 15px auto;
max-width: 100%;
}
.alignleft {
float: left;
margin: 0 30px 10px 0;
}
.alignright {
float: right;
margin: 0 0 10px 30px;
}
.post-content img {
height: auto;
max-width: 100%;
}
.blog-head {
background: #345686;
color: #FFFFFF;
padding: 10px;
overflow: hidden;
font-family: "Montserrat", sans-serif;
font-size: 16px;
}
.blog-head a {
display: block;
color: #FFFFFF;
}
.single-post .blog-head {
margin-bottom: 30px;
}
.blog-date {
width: 20%;
float: left;
}
.full-post .blog-date, .single-post .blog-date, .single-accolade .blog-date {
width: 10%;
}
.single-accolade .blog-head h2 {
width: 88%;
}
.single-post, .single-post p{
line-height: 161%;
font-size:17px;
color: #666;
}
.blog-date span {
font-size: 22px;
font-weight: bold;
}
.blog-head h2 {
width: 80%;
float: left;
line-height: 1.3;
}
.full-post .blog-head h2, .single-post .blog-head h2 {
width: 78%;
}
.blog-author {
float: left;
}
.full-post .blog-author, .single-post .blog-author {
float: right;
margin-bottom: -40px;
position: relative;
right: -10px;
top: -30px;
width: auto;
position: relative;
}
.full-post .blog-author:before, .single-post .blog-author:before {
background-color: #345686;
content: " ";
display: block;
height: 100%;
left: -20px;
position: absolute;
top: 0;
transform: skewX(-10deg);
width: 30px;
}
.image-author {
float: left;
position: absolute;
}
.image-author:before {
background-color: #FFFFFF;
content: " ";
display: block;
height: 100%;
right: -20px;
position: absolute;
top: 0;
transform: skewX(10deg);
width: 30px;
}
.image-author img, .blog-author img {
height: 70px;
}
.blog-content {
padding: 15px 0 9px;
overflow: hidden;
}
.blog-image {
width: 26%;
float: left;
margin-right: 5%;
}
.blog-image img {
max-width: 100%;
display: block;
height: auto;
}
.blog-excerpt {
margin-bottom: 20px;
}
.full-post .blog-excerpt {
width: 44%;
float: left;
}
.full-post .blog-excerpt.no-thumb {
width: 77%;
}
.full-post .blog-excerpt.no-thumb img {
display: none;
}
.blog-excerpt p {
line-height: 1.5;
margin-bottom: 10px;
}
.blog-excerpt a.read-more {
color: #b01f2c;
font-size: 12px;
font-weight: bold;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
}
.blog-meta {
width: 48%;
float: right;
}
.single-post .blog-meta {
width: auto;
float: none;
}
.full-post .blog-meta {
width: 20%;
float: right;
}
.blog-meta p {
line-height: 1.5;
}
.blog-meta p.author {
margin-bottom: 8px;
}
.blog .post, .category .post, .author .post {
width: 47%;
float: left;
margin-bottom: 30px;
border-bottom: 1px solid #cccccc;
}
.blog .post.full-post, .category .post.full-post, .author .post.full-post {
width: 100%;
float: none;
}
.blog .post.alt-post, .category .post.alt-post, .author .post.alt-post {
float: right;
}
/* ARD */
.blog #content-wrap{
padding-top:0;
}
.full-content{
width:100%;
margin-bottom:50px;
}
/* fluid 4 columns */
.grid-sizer,
.grid-post { width: 33%; }
.grid-post:nth-child(3n + 2) {
clear: both;
}
.grid-post{
padding: 0 5px;
position: relative !important;
float: left;
left: auto !important;
top: auto !important;
}
.grid-post .blog-content{
padding:15px 0;
}
.grid-post .blog-image{
width:100%;
float:none!important;
/* border: 1px solid #1E3350; */
max-height:180px;
overflow:hidden;
border-bottom: 0;
}
.grid-post .blog-image img{
min-width:100%;
width:auto;
height:auto;
min-height:100%;
}
.grid-post .excerpt-content{
padding: 0px 10px;
color:#77787a;
}
.grid-post .excerpt-content a{
color:#77787a;
}
.grid-post .excerpt-content h2{
text-transform: uppercase;
font-size: 22px;
line-height:1.3em;
margin-bottom:10px!important;
color: #0094d2;
}
.grid-post .cat-info{
color:#77787a;
text-align:center;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 7px;
}
.grid-post .blog-excerpt {
max-height: 120px;
overflow: hidden;
}
.grid-post a.read-more{
color: #b01f2c;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.menu-blog-menu-container{
padding:3px 5px;
text-align:center;
}
#menu-blog-menu{
text-align:center;
display: inline-block;
}
#menu-blog-menu li{
text-align:center;
display: inline-block;
padding: 10px 12px;
border-radius: 30px;
float:left;
margin-right: 5px;
}
#menu-blog-menu li a{
color: #77787a;
}
#menu-blog-menu li:last-of-type{
border-right: 1px solid #F3F3F3;
}
#menu-blog-menu li.current-menu-item, #menu-blog-menu li:hover{
background-color: #5AA1E3;
}
#menu-blog-menu li.current-menu-item a, #menu-blog-menu li:hover a{
color:#fff;
}
.empty-content{
padding:20px;
min-height:500px;
clear: both;
}
.empty-content h3{
font-size:18px;
font-style:italic;
}
@media(max-width:992px){
/* fluid 5 columns */
.grid-sizer,
.grid-post { width: 50%; }
/* 2 columns */
.grid-post.large { width: 100%; }
}
@media(max-width:768px){
#menu-blog-menu li{
display:block;
}
}
@media(max-width:480px){
/* fluid 5 columns */
.grid-sizer,
.grid-post { width: 100%; }
}
.blog-head h2{
font-size:30px;
width:90%!important;
}
.single .post-content h1{
display:none;
}
.single-info{
display:none;
}
.page-simple .inner{
padding-top:60px;
}
.page-simple h1, .page-simple h2, .page-simple h3, page-simple h4{
font-family: "Montserrat", sans-serif;
margin-bottom:10px;
}
.page-simple h1{
font-size:30px;
}
.page-simple h2{
font-size:24px;
}
.page-simple h3{
font-size:20px;
}
.page-simple img{
height:auto;
max-width:100%;
}
.page-simple li{
list-style-type:disc;
margin:5px 0 5px 20px;
line-height:130%
}
#accolade-section{
background:#d2ecfc;
}
#accolade-section img{
max-width: 200px;
margin:0 auto;
}
.text-large{
font-size:16px;
}
.text-small{
font-size:14px;
line-height:150%;
}
.custom-gform input{
padding-top:7px!important;
padding-bottom:7px!important;
font-size:16px!important;
box-shadow:inset 0px 2px 15px rgba(0, 0, 0, 0.1);
border-color:#ccc;
border: 1px solid #e2e2e2;
display: block;
line-height: 1;
margin: 0 0 10px;
outline: medium none;
overflow: auto;
padding: 8px 15px;
resize: none;
}
.custom-gform label{
font-size:16px;
color: #636363;
}
.custom-gform input[type="submit"]{
padding:15px 20px!important;
font-weight:normal;
}
.cta-button-row{
padding-top:0!important;
}
.single #content.full-width{
width:100%;
}
.single .feat-image img{
width:auto;
margin:0 auto;
float:none;
display:block;
}
.single .feat-image img{
width:100%;
height:auto;
}
.single .post-head{
position:relative;
}
.single .feat-image .the-title{
position:absolute;
bottom:70px;
}
.single .the-title{
max-width:550px;
padding:20px;
margin-left: -5px;
}
.single .the-title h1{
font-family: "Montserrat", sans-serif;
font-size:33px;
color:#fff;
line-height:210%;
background: rgba(0, 0, 0, 0.90);
color: #FFF;
box-shadow:15px 0 0 rgba(0, 0, 0, 0.90), -15px 0 0 rgba(0, 0, 0, 0.90);
padding: 13px 0;
display: inline;
}
.post-date{
font-size:16px;
color:#fff;
line-height:200%;
background: rgba(0, 0, 0, 0.90);
color: #FFF;
box-shadow:15px 0 0 rgba(0, 0, 0, 0.90), -15px 0 0 rgba(0, 0, 0, 0.90);
padding: 3px 0;
display: inline;
margin-left: 15px;
}
.feat-image .post-date{
position:absolute;
bottom:20px;
margin-left: 15px;
}
.post-date em{
color: #C6CCD6;
}
.feat-text{
line-height: 142%;
font-size: 24px;
display:inline-block;
color: #111;
padding: 0px 17px 7px;
margin: 20px 0 37px;
border-left: 7px solid #000;
/* font-weight: 600; */
}
.res-iframe{
max-height: 373px;
overflow:hidden;
margin:5px 0px;
}
.res-iframe.left{
float:left;
margin-right:20px;
}
.res-iframe.right{
float:right;
margin-left:20px;
}
.res-iframe iframe{
max-height:300px;
width:auto;
}
@media (max-width:768px){
.res-iframe{
float:none!important;
max-width:80%;
margin-left:auto!important;
margin-right:auto!important;
margin-bottom:20px;
}
}
.alignleft{
margin-right:20px;
}
.alignright{
margin-left:20px;
}
.form-half{
width: 48%!important;
margin-right:1.5%!important;
clear: none!important;
float:left;
}
.form-half.form-half-last{
margin-right:0!important;
}
.form-half input, .form-half select{
width:100%!important;
}
.gform_wrapper input.datepicker.datepicker_with_icon{
width:95%!important;
}
.page-id-8717{
background-image:url(images/light-dark-blue-gradient.jpg);
background-size:20px 500px;
background-repeat:repeat-x;
background-position:0 -180px;
}
.page-id-8717 #header{
background:#fff;
}
.page-id-8717 #general-header{
background:none!important;
}
.wp-pagenavi {
text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
border: 0 !important;
font-size: 16px;
color: #1f3453;
font-family: "Montserrat", sans-serif;
padding: 0 !important;
margin: 0 30px !important;
}
.wp-pagenavi span.current {
color: #b01f2c;
font-size: 22px;
}
.single-info {
width: 20%;
float: right;
margin: 0 0 10px 25px
}
.single-info a {
font-weight: 700;
color: #b01f2c;
}
.single-info .blog-meta {
margin-top: 12px;
}
.single-post .blog-meta p {
font-weight: 700;
color: #112d4f;
}
.single-info .blog-meta a {
font-weight: 400;
color: #112d4f;
}
.single-info .blog-meta p {
margin-bottom: 8px;
}
.single .post-content a{
text-decoration:underline;
color: #2F74D6;
}
.vc_btn3-style-flat{
text-decoration:none!important;
}
.single-footer {
padding: 15px 0;
border-top: 2px solid #333333;
margin-top: 10px;
line-height: 1.3;
}
.single-footer p {
font-weight: 700;
color: #112d4f;
}
.postedby {
width: 20%;
margin-right: 3%;
float: left;
}
.postedin {
width: 25%;
float: left;
}
.taggedwith {
width: 48%;
float: right;
}
.single-footer a {
font-weight: 400;
}
.relatedposts {
margin-top: 15px;
}
.relatedposts h3 {
color: #333333;
font-size: 18px;
padding: 10px 0;
font-family: "Montserrat", sans-serif;
line-height: 1;
text-transform: lowercase;
font-weight: bold;
margin-bottom: 12px;
}
.relatedposts ul {
overflow: hidden;
}
.relatedposts ul li {
float: left;
margin-right: 8%;
width: 19%;
}
.relatedposts ul li:last-child {
margin-right: 0;
}
.relatedposts img {
margin-bottom: 8px;
width: 100%;
display: block;
height: auto;
}
.relatedposts h4 {
line-height: 1.4;
}
#comment-wrap {
margin-top: 30px;
}
#leave-comment {
padding: 15px 0;
border-top: 2px solid #333333;
margin-bottom: 20px;
border-bottom: 1px solid #d6d6d6;
}
#leave-comment a {
background: url('images/comment-bubble.png') no-repeat;
font-size: 15px;
color: #b01f2c;
padding-left: 60px;
line-height: 26px;
vertical-align: middle;
font-weight: 700;
display: inline-block;
}
.comment-gravatar {
width: 15%;
float: left;
}
.comment-data {
width: 82%;
float: right;
}
.comment-meta {
color: #333333;
font-size: 18px;
padding: 10px 0;
font-family: "Montserrat", sans-serif;
line-height: 1;
text-transform: lowercase;
text-align: center;
}
.comment-meta br {
margin-bottom: 8px;
}
.comment-author {
color: #333333;
font-size: 20px;
font-weight: 700;
padding: 10px 0;
font-family: "Montserrat", sans-serif;
line-height: 1;
text-transform: lowercase;
}
.comment-data p {
line-height: 1.6;
}
#comments ol li {
border-bottom: 1px solid #d6d6d6;
padding-bottom: 20px;
margin-bottom: 20px;
}
#comments ol li:last-child {
border-bottom: 2px solid #333333;
padding-bottom: 40px;
}
#respond {
overflow: hidden;
}
#respond h2 {
font-family: 'Shadows Into Light', cursive;
color: #333333;
font-size: 24px;
border-bottom: 1px solid #d6d6d6;
padding-bottom: 15px;
margin-bottom: 20px;
}
#respond label {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
padding: 10px 15px 10px 0;
display: inline-block;
}
#respond label span {
color: #ff0000;
}
#respond textarea {
padding: 7px;
width: 100%;
margin-bottom: 20px;
}
#respond input[type="text"], #respond input[type="email"] {
padding: 7px;
width: 70%;
margin-bottom: 10px;
}
input[type="submit"] {
background: none repeat scroll 0 0 #08996B;
border: 0 none;
color: #ffffff;
cursor: pointer;
font-size: 14px;
font-weight: bold;
padding: 10px 15px;
}
#respond input[type="submit"] { float: right; }
.comment-block {
width: 30%;
float: left;
margin-right: 5%;
margin-bottom: 20px;
}
.comment-block.last {
margin-right: 0;
}
.post-content .customers-top {
overflow: hidden;
}
.post-content .customers-top li {
float: left;
width: 22%;
margin-right: 4%;
list-style-type: none;
padding: 60px 0 0;
}
.post-content .customers-top li:last-child {
margin-right: 0;
}
.connect-heading {
background: #1f3453;
}
.connect-heading h2 {
color: #FFFFFF;
font-size: 32px;
padding: 10px 0;
font-family: "Montserrat", sans-serif;
line-height: 1;
}
#connect-cardinal .connect-heading .inner {
background: none;
padding-top: 0;
}
.gform_body input#input_8_3 {
margin-bottom: 0 !important;
}
.testimonial-wrap {
padding: 20px;
border: 1px solid #b2daf3;
}
.testimonial-wrap p {
line-height: 1.6;
font-size: 14px;
}
.testimonial-wrap h5 {
color: #345686;
font-size: 18px;
padding: 10px 0;
font-family: "Montserrat", sans-serif;
line-height: 1;
}
.testimon .bx-pager {
border-bottom: 1px solid #cccccc;
border-top: 0;
padding-bottom: 20px;
margin-bottom: 40px;
position: static !important;
}
#team-slider-mobile {
display: none;
}
.testimon .post-content h2 {
padding: 30px 0 15px;
}
#team-slider ul {
overflow: hidden;
}
#team-slider ul li {
max-width: 180px;
float: left;
}
.member {
position: relative;
margin-right: 20px;
}
#cardinal-team .member p {
margin: 5px 0;
}
.member-name {
position: relative;
width: 100%;
height: 84px;
bottom: 0;
text-align: center;
background-color: white;
}
#team-slider-mobile .member-name {
text-align: center;
}
.member.hovered .member-name {
background: #f30624;
}
.member-image {
width: 180px;
height: 216px;
}
.member a:hover > .member-image img.orig-image {
display: none;
}
.member-image img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.member.hovered .member-image img {
display: block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.member .hover-image {
display: none;
}
#team-slider-desktop li {
max-width: 200px;
float:left;
display: block;
list-style-type: none;
}
.member-name {
padding: 5px;
}
.post-content .member-name p {
line-height: 1.3em;
margin-bottom: 5px;
font-size: 18px;
}
.team-cta-text + .team-cta-text {
display: none;
}
#contact-form {
position: absolute;
top: 0;
width: 100%;
z-index: 999;
}
.contactus {
width: 50%;
background-color: rgba(255, 255, 255, 0.7);
padding: 20px 20px 0;
float: right;
}
.contactus .gform_wrapper .gform_footer {
margin: 0;
padding: 0;
}
.contactus .gform_wrapper {
margin-bottom: 0;
}
.contactus h1 {
font-family: 'Shadows Into Light', cursive;
font-size: larger;
font-size: 38px;
color: #1f3453;
line-height: 1.6;
}
#contact-form .hide_labels label {
display: inline-block !important;
font-size: 13px;
color: #000000;
}
#contact-form input[type="submit"] {
background: none repeat scroll 0 0 #08996B;
border: 0 none;
color: #ffffff;
cursor: pointer;
font-size: 14px;
font-weight: bold;
margin-top: 15px;
padding: 10px 20px;
position: relative;
top: 20px;
}
#sidebar {
float: right;
width: 20%;
}
.sidepanel {
}
.sidepanel h3 {
background: #1f3453;
color: #FFFFFF;
font-size: 20x;
font-weight: bold;
font-family: "Montserrat", sans-serif;
line-height: 1;
padding: 10px;
font-size: 15px;
}
.sidepanel h4 {
color: #054f6b;
margin-bottom: 12px;
}
.sidepanel h5 {
font-size: 15px;
font-weight: 600;
line-height: 1.4;
}
.sidepanel h5 a {
color: #666666;
}
.widget-inner {
background: #f8f8f8;
padding: 20px;
}
.latest-blog a {
color: #b01f2c;
font-weight: 700;
display: block;
margin-bottom: 10px;
}
.latest-blog a.view-all-posts {
background: url('images/view-all.png') no-repeat right center;
font-size: 12px;
text-transform: uppercase;
font-style: italic;
padding-right: 20px;
line-height: 1.3;
margin-top: 10px;
}
.latest-blog.sidepanel p {
margin: 10px 0;
}
.sidepanel p {
color: #666666;
line-height: 1.4;
margin-bottom: 15px;
}
#text-7 h3 {
display: none;
}
#text-7 .widget-inner {
padding: 0;
background: #305788;
padding: 8px 15px;
margin-bottom: 20px;
}
.subscribe {
background: url('images/rss.png') no-repeat left center;
padding-left: 40px;
color: #FFFFFF;
font-weight: 600;
display: block;
font-size: 20px;
}
#text-8 h3 {
display: none;
}
#text-8 .widget-inner {
padding: 0;
background: #b01f2c;
padding: 8px 15px;
margin: 20px 0;
}
.request-quote {
background: url('images/request-bell.png') no-repeat left center;
padding-left: 45px;
color: #FFFFFF;
font-weight: 600;
display: block;
font-size: 26px;
padding-bottom: 5px;
}
.widget_search h3 {
display: none;
}
.widget_search .widget-inner {
padding: 0;
margin: 20px 0;
background: none;
}
.widget_search label {
display: none;
}
.widget_search.sidepanel input[type="text"] {
width: 85%;
float: left;
padding: 8px;
}
.widget_search.sidepanel input[type="submit"] {
width: 15%;
background: #305788;
font-weight: 700;
font-size: 13px;
float: left;
padding: 8px 0 9px;
}
.tagcloud a {
padding: 5px 0;
display: inline-block;
}
.jaw_widget ul {
padding-left: 15px;
}
.jaw_widget ul ul {
padding-left: 15px;
}
.sidepanel input[type="text"], .sidepanel input[type="email"] {
padding: 6px;
margin-bottom: 5px;
border: 1px solid #e3e3e3;
width: 100%;
}
.sidepanel input[type="submit"] {
background: #08996B;
font-weight: 700;
color: #FFFFFF;
padding: 10px;
border: 0;
cursor: pointer;
width: 100%;
}
.sidepanel ul li {
padding: 12px 0;
line-height: 1.2;
}
.sidepanel ul li.gfield {
padding: 6px 0;
}
.sidepanel .gform_wrapper .gform_footer {
padding: 0;
}
.sidepanel ul li a {
color: #054f6b;
font-weight: 600;
}
/**
* Footer
*/
.smaller-text {
font-size: 16px;
}
.footer-widget h3 {
font-weight: bold;
color: #aaa;
margin-bottom: 6px;
}
.footer-widget .widget_text {
margin-bottom: 30px;
}
.footer-widget .gform_wrapper .top_label .gfield_label {
display: none;
}
.footer-widget .gform_wrapper .gform_footer {
padding: 0;
margin: 0;
}
.footer-widget .widget_nav_menu {
margin: 0 0 20px;
}
.footer-widget .widget_nav_menu a {
line-height: 1.5em;
color: #aaa;
}
.footer-widget .widget_nav_menu a:hover {
color: #ed1d23;
}
#top-footer {
width: 100%;
background: #000 url('/wp-content/themes/cardinal/images/footer-border.png') repeat-x top;
padding: 40px 0;
text-align: center;
overflow:hidden;
}
#footer {
width: 100%;
background: #000;
padding: 30px 0 45px;
overflow: hidden;
}
#footer p {
color: #a7a7a7;
line-height: 1.5;
margin-bottom: 20px;
}
#footer p:last-child {
margin-bottom: 0;
}
.footer-widget {
width: 20%;
float: left;
margin-right: 4%;
}
.footer-widget:last-child {
margin-right: 0;
/*width: 36%;*/
}
.footer-widget img {
max-width:100%;
}
.footer-links li a {
text-align:left;
color:#f2f2f2;
margin-bottom:10px;
display:block;
font-size:14px;
line-height:18px;
}
.footer-links li a:hover {
color:white;
}
.company-footer {
color:white;
font-weight:500;
}
.footer-social-circle {
width: 230px;
height: 230px;
border-radius: 50%;
background: #3d3d3d;
text-align: center;
padding-top: 90px;
margin: auto;
}
.social-twitter, .social-facebook, .social-linkedin, .social-google-plus {
width: 39px;
height: 39px;
display: inline-block;
}
.social-twitter {
background: url('/wp-content/themes/cardinal/social-icons/social-icons.png') 0 0;
}
.social-facebook {
background: url('/wp-content/themes/cardinal/social-icons/social-icons.png') 120px 0px;
}
.social-linkedin {
background: url('/wp-content/themes/cardinal/social-icons/social-icons.png') 80px 0px;
}
.social-google-plus {
background: url('/wp-content/themes/cardinal/social-icons/social-icons.png') 40px 0px;
}
.social-twitter:hover {
background: url('/wp-content/themes/cardinal/social-icons/social-icons.png') 0px 40px;
}
.social-facebook:hover {
background: url('/wp-content/themes/cardinal/social-icons/social-icons.png') 120px 40px;
}
.social-linkedin:hover {
background: url('/wp-content/themes/cardinal/social-icons/social-icons.png') 80px 40px;
}
.social-google-plus:hover {
background: url('/wp-content/themes/cardinal/social-icons/social-icons.png') 40px 40px;
}
.latest-meta {
font-style: italic;
}
#latest-blog a.read-more {
color: #FFFFFF;
font-weight: 700;
font-style: italic;
}
#footer #latest-blog p {
margin-bottom: 12px;
}
#footer .wpcf7-form {
overflow: hidden;
}
.cwrap {
overflow: hidden;
}
.cleft {
width: 48%;
float: left;
}
.cright {
width: 48%;
float: right;
}
.cleft input[type="text"], .cleft input[type="email"] {
padding: 5px;
width: 100%;
border: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 13px;
}
.cright textarea {
padding: 5px;
width: 100%;
border: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
max-height: 115px;
}
#footer input[type="submit"] {
background: #08996B;
color: #ffffff;
cursor: pointer;
float: right;
font-size: 14px;
font-weight: bold;
margin-top: 15px;
padding: 10px 5px;
border: 0;
}
#footer-bottom {
background: #525252;
color: #a7a7a7;
padding: 40px 0;
}
#footer-left {
width: 40%;
float: left;
}
#footer-left p {
font-size: 20px;
font-weight: 200;
color: #a7a7a7;
}
#footer-right {
width: 58%;
float: left;
}
#footer-right ul {
float: right;
}
#footer-right ul li {
float: left;
}
#footer-right ul li a {
padding: 0 12px;
font-size: 20px;
color: #a7a7a7;
border-left: 1px solid #a7a7a7;
display: inline-block;
text-transform: capitalize;
}
#footer-right ul li:first-child a {
border-left: 0;
}
#footer-right ul li:last-child {
padding-right: 0;
}
.sep {
color: #CCC;
margin: 0 8px;
}
.ico-small {
vertical-align: middle;
margin: 0 5px 2px 0;
}
#mobile-slide {
background: transparent;
font-weight: bold;
text-align: center;
width: 100%;
float: left;
}
#mobile-slide a {
color: white;
}
#mobile-phone {
background: #08996B;
width: 50%;
float: right;
padding: 15px 0;
text-align: center;
}
#border- a {
background: url('images/mobile-slide.png') no-repeat left center;
color: #FFFFFF;
font-weight: bold;
font-size: 20px;
font-family: "Montserrat", sans-serif;
display: block;
}
#mobile-phone a {
/*background: url('images/mobile-phone.png') no-repeat left center;*/
color: #FFFFFF;
font-size: 18px;
font-family: "Montserrat", sans-serif;
display: block;
}
#mobile-menu {
display: none;
z-index: 50;
position: relative;
}
#mobile-menu ul {
border-top: 1px solid #004889;
}
#mobile-menu ul ul {
border-top: 0;
}
#mobile-menu ul li a {
display: block;
padding: 15px 10px;
background: #FFFFFF;
color: #004889;
border-bottom: 1px solid #004889;
position: relative;
}
#mobile-menu ul li ul {
display:none;
}
#mobile-menu ul li.opened ul {
display: block;
}
#mobile-menu ul li ul li a {
padding-left: 20px;
}
#mobile-menu li.menu-item-has-children > a:after {
content: '+';
padding-left: 5px;
font-weight: bold;
font-size: large;
line-height: 10px;
position: absolute;
right: 10px;
top: 12px;
font-size: 20px;
}
#mobile-menu li.menu-item-has-children.opened > a:after {
content: '-';
}
/* Gravity Forms */
.gform_wrapper.two-column_wrapper ul.gform_fields {
display: none;
}
.gform_wrapper.two-column_wrapper ul.gform_fields.gform_column {
display: block;
float: left;
width: 50%;
}
.gform_wrapper.two-column_wrapper ul.gform_column li.gsection:first-child {
display: none;
}
.hide_labels label {
display: none !important;
}
#gform_wrapper_18 .gform_footer {text-align:center;}
/* Footer Contact Form */
.gform_wrapper #gform_6 input[type=text], .gform_wrapper #gform_6 input[type=email], .gform_wrapper #gform_6 input[type=tel] { padding: 12px 15px; max-width: 96%; }
.gform_wrapper #gform_6 textarea.medium { height: 198px; padding: 12px 15px; }
.gform_wrapper #gform_6 .gsection { display: none; }
.gform_wrapper #gform_6 .gform_footer { padding: 0; margin: 0; }
body .su-row .su-column-size-1-2 {
margin: 0 0 0 4%;
}
body.single-post .su-row .su-column:first-of-type {
margin-left: 0;
}
.flex-direction-nav a {
opacity: 1 !important;
}
.flex-direction-nav .flex-next {
right: 0 !important;
}
.flex-direction-nav .flex-prev {
left: 0 !important;
}
#slider .flex-direction-nav a:before, #slider .flex-direction-nav a:before {
display: none;
}
#slider .flex-direction-nav {
background: url('images/single-slider-direction.png') no-repeat left center;
position: absolute;
top: -120px;
right: 0;
margin-bottom: 0;
width: 100%;
max-width: 142px;
overflow: hidden;
}
#slider .flex-direction-nav li {
float: left;
}
#slider .flex-direction-nav li:first-child {
padding-left: 80px !important;
}
#slider .flex-direction-nav a {
position: static;
margin: 0;
}
#slider .flex-direction-nav .flex-prev {
background: url('images/single-prev.png') no-repeat;
width: 26px;
height: 52px;
text-indent: -9999px;
display: block;
}
#slider .flex-direction-nav .flex-next {
background: url('images/single-next.png') no-repeat;
width: 26px;
height: 52px;
text-indent: 9999px;
display: block;
}
#slider .flex-viewport {
max-height: 460px;
}
#slider .flexslider {
margin-bottom: 0;
}
#carousel .flex-direction-nav a:before, #carousel .flex-direction-nav a:before {
display: none;
}
#carousel .flex-direction-nav a {
height: 32px;
width: 32px;
}
#carousel .flex-direction-nav .flex-prev {
background: url("slider/images/controls.png") no-repeat scroll 0 -32px rgba(0, 0, 0, 0);
text-indent: -9999px;
display: block;
left: 5px !important;
}
#carousel .flex-direction-nav .flex-next {
background: url('slider/images/controls.png') no-repeat scroll -43px -32px rgba(0, 0, 0, 0);
text-indent: 9999px;
display: block;
right: 5px !important;
}
#carousel .slides img {
cursor: pointer;
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1);
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
#carousel .slides img:hover, #carousel .slides .flex-active-slide img {
filter: none;
-webkit-filter: grayscale(0);
}
.flexslider .slides {
margin-bottom: 0;
}
/* Resources */
.industry-head {
background: #345686;
padding: 20px;
}
.industry-head.service-resource {
background: none;
padding: 0;
margin-top: 30px;
}
.industry-head-left {
width: 15%;
float: left;
}
.industry-head-left h3 {
color: #FFFFFF;
font-weight: 700;
text-align: center;
margin-bottom: 10px;
margin-top: 2px;
}
.service-resource .industry-head-left h3 {
color: #345686;
}
.industry-head-left img {
max-width: 100%;
display: block;
height: auto;
margin: 0 auto;
}
.industry-head-right {
width: 83%;
float: right;
}
.industry-head-right.resource-full {
width: 100%;
float: none;
}
.industry-head-right h2 {
color: #FFFFFF;
font-weight: 700;
font-family: "Montserrat", sans-serif;
margin-bottom: 12px;
font-size: 20px;
}
.industry-head-right p {
color: #FFFFFF;
line-height: 1.5;
}
.industry-head-right p a {
font-weight: 700;
text-transform: uppercase;
text-decoration: underline;
color: #FFFFFF;
}
.service-resource .industry-head-right h2, .service-resource .industry-head-right p {
color: #345686;
}
.service-resource .industry-head-right p a {
text-transform: none;
text-decoration: none;
color: #b01f2c;
}
.industry-posts ul {
overflow: hidden;
}
.industry-posts ul li {
width: 48%;
float: left;
padding: 40px 15px;
overflow: hidden;
padding-left: 0;
list-style-type: none;
}
.industry-posts ul li:nth-child(2n+2) {
width: 48%;
float: right;
padding-right: 0;
}
.industry-posts.service-resource-posts ul li {
padding: 20px 15px;
padding-left: 0;
}
.industry-posts.service-resource-posts ul li:nth-child(2n+2) {
padding-left: 0;
}
.industry-left {
float: left;
width: 40%;
margin-right: 5%;
}
.industry-right {
float: right;
width: 53%;
}
.industry-right h4 {
color: #345686;
font-size: 20px;
font-style: italic;
margin-bottom: 10px;
}
.industry-right p {
color: #666666;
line-height: 1.6;
}
.industry-right a {
background: url('images/download-icon.jpg') no-repeat 8px center #08996b;
color: #ffffff;
display: inline-block;
font-size: 13px;
font-weight: 700;
margin-top: 20px;
padding: 12px 20px 12px 40px;
}
#filters {
margin-top: 40px;
display: table;
width: 100%;
table-layout: fixed;
}
#filters button {
border: 0;
background: #345686;
cursor: pointer;
color: #FFFFFF;
font-size: 16px;
padding: 16px 20px;
display: table-cell;
vertical-align: middle;
text-transform: capitalize;
margin-right: 20px;
overflow: hidden;
}
#filters button img {
float: left;
margin-right: 15px;
}
#filters button span {
float: left;
white-space: nowrap;
line-height: 31px;
vertical-align: middle;
}
#filters button.all, #filters button.all.is-checked {
background: none;
padding: 5px 10px;
margin-right: 0;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
position: relative;
overflow: visible;
}
#filters button.all img {
margin-right: 0;
}
#filters button.is-checked {
background: #1f3453;
}
#filters button .white-border {
background: #FFFFFF;
bottom: -2px;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
width: 100%;
z-index: 99;
}
.isotope {
border: 1px solid #999999;
padding: 30px 0;
overflow: hidden;
}
.element-item {
float: left;
padding: 0 30px 25px;
width: 25%;
}
.element-item img {
max-width: 100%;
display: block;
height: auto;
margin: 0 auto 10px;
}
.element-item a {
background: url('images/download-icon.jpg') no-repeat 8px center #08996b;
color: #ffffff;
display: block;
text-align: center;
font-size: 13px;
font-weight: 700;
margin-top: 20px;
padding: 12px 20px 12px 40px;
}
/* Papa John's Case Study */
.page-template-pjcasestudy-php #header-wrap {
text-align: center;
}
.page-template-pjcasestudy-php #header-wrap .inner {
position: relative;
top: -170px;
}
.page-template-pjcasestudy-php #header-wrap h1.post-title {
font-family: 'Montserrat', sans-serif;
font-size: 59px;
margin-bottom: 0;
}
.page-template-pjcasestudy-php #header-wrap h1 span {
font-size: 26px;
line-height: 59px;
}
.page-template-pjcasestudy-php #header-wrap .header-text {
max-width: 50%;
margin: 15px auto 0;
}
.page-template-pjcasestudy-php #header-wrap .header-text span {
color: #b01f2c;
font-weight: bold;
}
/* Papa John's Infographic */
.page-template-pjcasestudy2-php #menu ul li:first-child, .page-template-pjcasestudy2-php #menu ul li {
border: none;
}
.page-template-pjcasestudy2-php #header-wrap {
padding: 0 !important;
margin-top: 20px;
}
.page-template-pjcasestudy2-php #header-wrap inner img {
max-width: 100%;
height: auto;
}
.page-template-pjcasestudy2-php #general-header {
background: none !important;
}
@media screen and (max-width: 1110px) {
.page-template-pjcasestudy2-php #header-wrap {
position: static;
}
}
/* Resources */
/* Shareaholic */
.single-solutions .shareaholic-canvas, .single-accolade .shareaholic-canvas, .single-testimonials .shareaholic-canvas, .single-resources .shareaholic-canvas {
display: none !important;
}
/* Fonts.com banner */
#mti_wfs_colophon { display: none !important; }
/*
@media screen and (max-width: 1830px) {
#newsroom-image {
max-width: 1000px;
}
}
@media screen and (max-width: 1560px) {
#newsroom-image {
max-width: 960px;
}
}
@media screen and (max-width: 1460px) {
#newsroom-image {
max-width: 920px;
}
}
@media screen and (max-width: 1380px) {
#newsroom-image {
max-width: 880px;
}
}
*/
@media screen and (max-width: 1320px) {
#newsroom-image {
/*max-width: 820px;*/
}
.leader-heading img {
max-width: 200px;
right: 0;
}
}
/*
@media screen and (max-width: 1240px) {
#newsroom-image {
max-width: 780px;
}
}
@media screen and (max-width: 1160px) {
#newsroom-image {
max-width: 740px;
}
}
*/
@media screen and (max-width: 1110px) {
#general-header {
background: none !important;
}
#logo {
margin-right: -20px;
}
#mobile-inner {
display: block;
}
#header-wrap {
position: absolute;
top: 0;
left: 30px;
}
.inner, .inner.vc_column_container, .vc_tta.vc_general .vc_tta-panel-title a {
padding: 0 20px;
}
#contact, #header #social, #menu {
position: relative;
right: -20px;
}
.number {
width: 20%;
}
.text {
width: 74%;
}
.about-arrow {
max-width: 600px;
bottom: 8px;
}
#fly-right {
width: 48%;
}
#newsroom-image {
/* max-width: 640px;*/
}
.leader-heading img {
max-width: 100px;
}
}
@media screen and (max-width: 1050px) {
.about-arrow {
max-width: 530px;
}
#customer-type {
background-size: 60%;
}
#fly-content {
background-size: 60% auto !important;
padding: 100px 0 220px;
}
.fly-content-shift {
width: 60%;
}
}
@media screen and (max-width: 1030px) {
#fly-left {
min-height: 370px;
}
#browser {
width: 745px;
min-height: 350px;
left: -40px;
padding: 0;
}
#browser img {
left: 78px;
top: 20px;
width: 436px;
}
.about-left p:first-child {
margin-bottom: 30px;
}
.about-arrow {
max-width: 500px;
}
.solu-right { display: none; }
.solu-left { width: 100%; padding-bottom: 20px; }
}
@media screen and (max-width: 1000px) {
#fly-right {
width: 46%;
}
#fly-right h2 {
font-size: 30px;
}
#fly-right h2 span {
font-size: 54px;
}
.about-arrow {
bottom: 10px;
max-width: 450px;
}
}
@media screen and (max-width: 980px) {
#browser {
left: -60px;
}
.about-arrow {
max-width: 400px;
left: 100px;
}
#menu {
display: none;
}
#tablet-menu {
display: block;
}
#header #social {
width: 194px;
}
.newsroom-wrap {
max-width: none;
padding: 0;
float: none;
}
#newroom-about {
/* padding-bottom: 650px; */
}
#newsroom-image {
max-width: none;
width: 100%;
height: auto;
position: static;
}
.newsroom-right, #newroom-about .inner {
position: static;
}
.newsroom-right {
height: 0 !important;
}
.media-inquiries {
left: 30px;
bottom: 30px;
}
#contact p {
/*background: url('images/phone.png') no-repeat 20px center #08996B;*/
background: #08996B;
padding-left: 100px;
}
.contactus {
float: none;
}
.wp-pagenavi a, .wp-pagenavi span { margin: 0 20px !important; }
}
@media screen and (max-width: 930px) {
#browser {
left: -85px;
}
.about-arrow {
bottom: -8px;
}
#client-stories {
background-position: -400px top;
}
.about-image img {
position: relative;
top: 20px;
}
.post-title, .page-title, .solu-left h1 {
font-size: 46px;
}
}
@media screen and (max-width: 880px) {
#browser {
width: 700px;
left: -75px;
}
#browser img {
left: 72px;
top: 19px;
width: 411px;
}
#fly-left {
min-height: 340px;
}
.about-arrow {
display: none;
}
.about-left p:first-child {
margin-bottom: 18px;
}
#footer-left {
width: 100%;
display: block;
float: none;
margin-bottom: 20px;
text-align: center;
}
#footer-right {
width: 100%;
display: block;
float: none;
margin: 0 auto;
max-width: 480px;
}
#accolades-left, #accolades-right {
width: 100%;
float: none;
margin-bottom: 15px;
}
#accolades-left {
margin-bottom: 0;
}
#accolades-right {
padding: 20px 0 0;
}
.full-post .blog-head h2, .single-post .blog-head h2 { padding-right: 80px; }
#fly-content {
padding: 90px 0 170px;
}
#fly-content ul li .cta-top {
font-size: 24px;
}
#fly-content ul li .cta-middle {
font-size: 34px;
}
}
@media screen and (max-width: 830px) {
#top-left {
padding-top: 0;
}
#browser {
left: -60px;
width: 600px;
}
#browser img {
left: 62px;
top: 16px;
width: 352px;
}
#fly-right h2 {
font-size: 20px;
}
#fly-right h2 span {
font-size: 42px;
margin-bottom: 30px;
}
.number {
width: 25%;
}
.text {
width: 70%;
}
#fly-right a {
font-size: 16px;
max-width: 280px;
text-align: center;
}
#about-cardinal h2 {
font-size: 24px;
margin-bottom: 10px;
}
#about-cardinal h2 span {
font-size: 34px;
}
#newroom-about {
/* padding-bottom: 550px; */
}
.servi-left {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
.servi-right {
display: none;
}
#services-plane {
display: none;
}
}
@media screen and (max-width: 760px) {
#fly h2 {
font-size: 48px;
}
#fly-content {
padding: 90px 0 150px;
}
#fly-content ul li .cta-top {
font-size: 20px;
}
#fly-content ul li .cta-middle {
font-size: 30px;
}
}
@media screen and (max-width: 740px) {
#contact p {
padding: 15px 15px 15px 80px;
background-position: 12px center;
}
#top-right h3 {
height: 45px;
}
#top-right p {
height: 75px;
}
#fly {
padding: 20px 0;
}
#fly-left {
display: none;
}
#fly-right {
width: 100%;
float: none;
display: block;
padding: 0;
}
#top .inner {
padding: 0;
}
#top-right a {
font-size: 12px;
}
#fly-right h2 {
font-size: 36px;
text-align: center;
margin-bottom: 40px;
}
#fly-right h2 span {
font-size: 54px;
}
.number {
width: 16%;
}
.text {
width: 82%;
}
#fly-right a {
margin-top: 20px;
}
.about-right a {
padding: 10px;
max-width: 140px;
top: -28px;
}
.client-info {
overflow: hidden;
}
.serv-left {
margin-right: 25px;
}
#tablet-menu a {
padding: 28px 15px;
}
#header #social {
width: 25%;
padding: 24px 0;
}
#general-header {
background: url('images/cloud-bg.jpg') repeat-x !important;
background-size: auto 120% !important;
}
#mobile-inner {
display: none;
}
#header-wrap {
position: static;
padding: 20px 0;
}
.header-text {
max-width: none;
}
#content-wrap, .content-wrap {
padding: 20px 0;
}
}
@media screen and (max-width: 767px) {
#mobile-header {
display: block;
position: absolute;
z-index:20;
width: 100%;
background: transparent url('/wp-content/themes/cardinal/images/header-bottom-border.png') repeat-x bottom;
}
#header {
display: none;
}
#header #social {
width: 50%;
padding-top: 44px;
}
#top {
padding: 20px 0 0;
}
#top-left, #top-right {
width: 100%;
float: none;
display: block;
padding: 0;
}
#top-left {
padding: 0 20px;
border-bottom: 1px solid #132033;
padding-bottom: 15px;
}
#top-right {
overflow: hidden;
border-top: 1px solid #495a73;
}
#top-right li {
border-right: 1px solid #495a73;
border-left: 1px solid #132033;
padding: 15px 15px 25px;
}
#top-right li:first-child {
border-left: 0;
}
#top-right li:last-child {
border-right: 0;
}
#fly-right ul {
overflow: hidden;
}
#fly-right ul li {
width: 50%;
float: left;
}
.number, .text {
width: 100%;
float: none;
display: block;
}
#fly-right h2 {
margin-bottom: 30px;
}
#fly-right a {
margin-top: 30px;
}
#about-cardinal {
padding: 20px 0;
background-size: cover !important;
}
#about-cardinal h2 span {
display: block;
}
.about-arrow {
display: none;
}
.about-left, .about-right {
width: 100%;
float: none;
display: block;
padding: 15px 0;
}
.about-left p:first-child {
margin-bottom: 15px;
}
#client-stories {
background: none;
}
.client-wrap {
width: 100%;
float: none;
display: block;
padding: 0;
}
#customer-type {
background-position: right bottom;
background-size: contain;
padding: 20px 0 450px;
}
#customer-home {
padding-top: 0;
}
#customer-home ul {
padding-top: 30px;
}
.serv-left {
width: 11%;
margin-right: 4%;
}
.serv-right {
float: none;
width: auto;
}
#customer-type h3 {
line-height: 1.5;
margin-bottom: 20px;
}
#team-slider-desktop {
display: none;
}
#team-slider-mobile {
display: block;
}
#leadersh-mobile {
display: block;
}
#leadersh-desktop {
display: none;
}
.leader {
width: 100%;
padding: 0 !important;
}
#carousel {
display: none;
}
#single-slider {
margin-top: 100px;
}
#slider .flex-direction-nav {
top: -100px;
}
#footer {
padding: 20px 0;
}
.footer-widget, .footer-widget:last-child {
width: 100%;
float: none;
display: block;
padding: 0;
margin: 0;
}
.footer-widget {
margin-bottom: 30px;
}
.footer-widget:last-child {
margin-bottom: 0;
}
#footer-left, #footer-right {
width: 100%;
float: none;
display: block;
padding: 0 20px;
}
#footer-right {
margin-bottom: 20px;
}
#footer-right ul {
float: none;
}
#about-menu {
display: none;
}
#about-content {
float: none;
padding: 0;
width: 100%;
}
#about-top {
padding-top: 0;
}
.about-video {
float: none;
width: 100%;
position: static;
}
.about-video img {
width: 100%;
display: block;
height: auto;
}
#about-content .post-title, .about-content {
padding: 0;
}
#about-content .post-title {
padding-top: 20px;
}
.about-content {
float: none;
width: 100%;
}
#cardinal-team h2, #cardinal-team p {
padding: 0 20px;
text-align: left;
}
#cardinal-team #team-slider-mobile p {
text-align: center;
}
.leader-heading img {
display: none;
}
#leader-thought h2, #leader-thought p {
text-align: left;
}
.leader-heading {
padding: 0;
}
#content, #sidebar, .single-accolade #content, .single-post #content, .blog #content, .category #content, .author #content {
width: 100%;
display: block;
float: none;
}
.client-wrap ul li {
margin: 0;
}
#cardinal-team {
background-size: cover;
}
.gform_body input#input_8_3 {
margin-bottom: 20px !important;
}
.member-left, .member-right {
width: 100%;
float: none;
display: block;
padding: 0;
}
.fancybox-overlay {
background: none !important;
}
#team-slider .bx-controls-direction {
margin-top: 20px !important;
}
.fancybox-inner {
overflow: scroll !important;
-webkit-overflow-scrolling: touch !important;
}
.member-right {
text-align: left;
margin-bottom: 20px;
}
.member-title {
float: none;
}
.member-social {
float: left;
text-align: left;
margin: 10px 0;
}
.member-social a {
margin-left: 0;
margin-right: 5px;
}
#cardinal-team h2, #cardinal-team p {
padding: 0;
}
body{
-webkit-text-size-adjust: none;
}
.blog-author { display: none; }
.wp-pagenavi a, .wp-pagenavi span { margin: 0 10px !important; }
}
@media screen and (max-width: 640px) {
#fly h2 {
font-size: 38px;
}
#fly-content {
background: none !important;
padding: 50px 0 20px;
}
.fly-content-shift {
width: 100%;
float: none;
}
#fly-content ul li {
text-align: center;
}
#fly a.desktop-link {
display: none;
}
#fly a.mobile-link {
display: block;
}
}
@media screen and (max-width: 568px) {
#about-content .post-title {
font-size: 40px;
}
.contactus {
width: 100%;
}
#top-right p { display: none; }
#solutions-header { padding-top: 0; }
#solutions-plane { display: none; }
.solu-left { padding-top: 20px; }
.post-content #solution-list li { width: 100%; height: auto !important; }
.testimonial-wrap { height: auto !important; }
.leader {
width: 48%;
padding-left: 10px !important;
}
#leader-thought .leader p.leader-date { font-size: 12px; }
#leader-thought .leader h3 { font-size: 16px !important; }
}
@media screen and (max-width: 505px) {
#sidebar { clear:both; }
.single-accolade #content, .single-post #content, .blog #content, .category #content, .author #content {
width: 100%;
}
.blog .post, .category .post, .author .post, .blog-excerpt, .blog-excerpt.no-thumb, .full-post .blog-excerpt, .full-post .blog-excerpt.no-thumb { width: 100%; }
.blog-meta, .full-post .blog-meta {
float: none;
width: 100%;
}
}
@media screen and (min-width: 480px) {
.mobile-only {
display:none !important;
}
}
@media screen and (max-width: 480px) {
#fly-right h2 {
font-size: 30px;
}
.gform_wrapper.two-column_wrapper ul.gform_fields.gform_column {
width: 100%;
float: none;
display: block;
}
#fly-right a span {
display: none;
}
#fly-right a {
max-width: 200px;
text-align: center;
}
#top-right p {
height: auto;
margin-bottom: 20px;
}
.gform_wrapper #gform_6 input[type="text"] {
width: 100%;
}
#connect-cardinal .gform_body input[type="text"], #connect-cardinal .gform_body input[type="email"] {
width: 100%;
margin-bottom: 25px !important;
}
#connect-cardinal .gform_wrapper.two-column_wrapper ul.gform_fields.gform_column {
width: 100%;
}
#footer-right ul li {
margin-bottom: 12px;
}
.gform_wrapper #gform_6 .gform_footer input[type="submit"] {
margin-top: 15px;
}
#about-content .post-title {
font-size: 36px;
}
#mobile-phone a { background-image: none; }
.single-solutions .bx-controls, .tax-Services .bx-controls { display: none !important; }
}
@media screen and (max-width: 360px) {
#mobile-slide a {
padding-left: 30px;
}
#mobile-phone a {
background: none;
}
#top-left h2 {
font-size: 28px;
}
#top-right a {
line-height: 1.4;
text-align: center;
}
#top-right h3 {
font-size: 18px;
}
#fly-right h2 {
font-size: 20px;
}
.client-wrap h2 {
font-size: 26px;
text-align: center;
}
#customer-type h2 {
font-size: 26px;
text-align: center;
}
#customer-type h3 {
font-size: 30px;
}
.serv-left {
margin-right: 6%;
width: 16%;
}
#customer-type {
padding-bottom: 300px;
}
.about-right a {
padding: 15px 12px;
top: -38px;
}
#client-stories {
padding: 10px 0;
}
#about-content .post-title {
line-height: 1.4;
}
#fly-content {
padding: 0;
}
#fly-content ul li {
width: 100%;
margin: 10px 0;
float: none;
}
}
@media screen and (max-width: 320px) {
#top-right h3 {
height: 35px;
}
#top-right a {
font-size: 12px;
}
#fly-right h2 {
font-size: 16px;
}
#fly-right h2 span {
font-size: 40px;
}
#about-cardinal h2 {
font-size: 24px;
}
#about-cardinal h2 span {
font-size: 34px;
}
.client-wrap h2, #customer-type h2 {
font-size: 24px;
}
#customer-home ul li a {
line-height: 1.4;
}
#customer-type {
padding-bottom: 250px;
}
#footer-right ul li a {
padding: 0 8px;
}
#mobile-phone a {
font-size: 16px;
}
#mobile-phone {
padding: 16px 0;
}
#header #social {
padding-left: 10px;
padding-right: 10px;
}
#header #social img {
max-width: 16px;
}
.wp-pagenavi a, .wp-pagenavi span { margin: 0 5px !important; }
}
@media screen and (max-width: 599px) {
#logo img {
height: 50px;
width: auto;
float: none;
}
#mobile-slide {
padding: 14px 20px 10px;
}
}
/**
* Page Template No Header
*/
.page-template-template-no-header #header, .page-template-template-no-header #mobile-header {
background: black;
border-bottom: 10px solid rgb(243, 6, 36);
}
.page-template-template-no-header #container {
padding-top: 70px;
}
.page-template-template-no-header #header .white-text {
padding-top: 25px;
}
.page-template-template-no-header #header img {
margin-top: 10px;
}
/**
* New Visual Composer (VC) Landing Page Template
*/
.page-template-template-visual-composer-landing #logo {
float: left;
margin: 10px auto;
display: block;
overflow: hidden;
}
@media screen and (max-width: 1099) {
.page-template-template-visual-composer-landing #logo {
max-width: 165px;
}
}
@media screen and (min-width: 768px) {
.page-template-template-visual-composer-landing #logo img {
float: left;
}
}
.page-template-template-visual-composer-landing #header .white-text {
padding-top: 25px;
}
.page-template-template-visual-composer-landing #header img {
margin-top: 10px;
}
.page-template-template-visual-composer-landing #header, .page-template-template-visual-composer-landing #mobile-header {
background-image: none;
background: black;
border-bottom: 10px solid rgb(243, 6, 36);
}
.vc-landing-page h1 {
font-size: 50px;
}
@media screen and (max-width: 767px) {
.vc-landing-page h1 {
font-size: 36px;
}
}
.vc-landing-page .gform_wrapper .top_label .gfield_label {
display: none;
}
.vc-landing-page .custom-gform label {
color: #ccc;
font-size: 17px !important;
font-weight: 300 !important;
}
.vc-landing-page .gform_wrapper .gform_footer input.button {
background: rgb(243, 6, 36);
width: calc(100% - 16px);
font-weight: bold;
font-size: 20px !important;
}
.vc-landing-page .gform_wrapper .gform_footer {
margin: 0;
}
.vc-landing-page .gform_wrapper .top_label input.large {
text-align: center;
padding: 2px !important;
margin-bottom: 0;
}
body .vc-landing-page .gform_wrapper ul li.gfield {
margin-top: 0;
}
#footer-vc-landing-page {
text-align: center;
}
#footer-bottom.vc-landing-page-footer {
background: black;
}
/**
* New Global Use
*/
.use-vc {
margin-right: 15px;
}
.top-100, .top-bottom-100 {
padding-top: 100px;
}
.bottom-100, .top-bottom-100 {
padding-bottom: 100px;
}
@media screen and (max-width: 1110px) {
.top-100, .top-bottom-100 { padding-top: 0; }
.bottom-100, .top-bottom-100 { padding-bottom: 0; }
}
@media screen and (max-width: 767px) {
.top-100 .inner .wpb_column:first-child, .bottom-100 .inner .wpb_column:first-child, .top-bottom-100 .inner .wpb_column:first-child {
text-align:center;
padding: 30px 0;
}
.top-100 .inner .wpb_column:last-child, .bottom-100 .inner .wpb_column:last-child, .top-bottom-100 .inner .wpb_column:last-child {
padding: 30px 0;
}
}
.inner.vc_col-sm-12 {
float: none;
}
body .wpb_content_element {
margin-bottom: 0;
}
body .wpb_row {
padding: 0;
}
.text-center {
text-align:center;
}
.white-text .post-title, .white-text .breadcrumbs a, .white-text .breadcrumbs, #general-header.white-text .header-text p, .white-text, .white-text a, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .post-content .white-text h2 strong, .post-content .white-text h3 strong, .white-text .large-text strong, .post-content .white-text .medium-h2, .single .white-text h2, .single .white-text h3, .single-post .white-text, .single-post .white-text p {
color: #FFFFFF;
}
.blue-text .post-title, .blue-text .breadcrumbs a, .blue-text .breadcrumbs, #general-header.blue-text .header-text p, .bluee-text, .blue-text a, .blue-text h1, .blue-text h2, .blue-text h3, .blue-text h4, .blue-text h5, .blue-text h6, .blue-content .blue-text h2 strong, .blue-content .blue-text h3 strong, .blue-text .large-text strong, .post-content .blue-text .medium-h2, .post-content .white-text h2 strong.blue-text {
color: #0094d2;
}
.red-text .post-title, .red-text .breadcrumbs a, .red-text .breadcrumbs, #general-header.red-text .header-text p, .red-text, .red-text a, .red-text h1, .red-text h2, .red-text h3, .red-text h4, .red-text h5, .red-text h6, .red-content .red-text h2 strong, .red-content .red-text h3 strong, .red-text .large-text strong, .post-content .red-text .medium-h2, .post-content .white-text h2 strong.red-text {
color: #e03c31;
}
.orange-text {
color: #f7b26a;
}
h1 { font-size: 66px; }
@media screen and (max-width: 767px) {
h1 { font-size: 52px; }
}
@media screen and (max-width: 599px) {
h1 { font-size: 40px; }
}
.grey-h2,.white-h2 {
font-size: 40px;
color: #7b7c7e;
text-align: center;
padding: 40px 0 30px;
}
.white-h2 {
padding: 50px 0 40px;
}
@media screen and (max-width: 1023px) {
.grey-h2,.white-h2 {
font-size: 34px;
}
}
@media screen and (max-width: 767px) {
.grey-h2,.white-h2 {
font-size: 26px;
padding: 50px 0 40px;
}
}
/**
* New Home Page Specific
*/
.height-0 {
overflow: visible;
z-index: 10;
position: relative;
height: 0;
}
.z10 {
z-index: 10;
position: relative;
}
.background-gradient-black {
background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 43%, rgba(0,0,0,0.76) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 43%,rgba(0,0,0,0.76) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.7) 43%,rgba(0,0,0,0.76) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#c2000000',GradientType=0 ); /* IE6-9 */
copy
}
.home-hero-image {
background-position: top center !important;
}
.limit-height-4-lines p {
max-height: 4.8em;
overflow: hidden;
margin-bottom:0px;
}
.limit-height-4-lines img, .limit-height-4-lines br {
display: none !important;
}
body .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline {
border-bottom: 2px solid white;
}
body .featured-row .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline {
margin-top: 30px;
font-size: 18px;
text-shadow: 2px 2px 4px rgba(44,44,44,.5);
font-weight:400;
}
body .vc_btn3.vc_btn3-color-sky, body .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat {
background-color: #0094d2;
font-size: 28px;
text-shadow: none;
}
body .vc_btn3.vc_btn3-color-sky:hover, body .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat:hover {
background-color: #f30624;
}
@media screen and (max-width: 767px) {
body .vc_btn3.vc_btn3-color-sky, body .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat {
font-size: 20px;
}
}
.home-button {
margin-top: 20px;
display: inline-block;
}
.home-button img {
position: absolute;
left: 50%;
margin-left: -284px;
}
@media screen and (max-width:599px) {
.home-button img {
margin-left: -200px;
width: 400px;
height: auto;
}
}
@media screen and (max-width:419px) {
.home-button img {
margin-left: -150px;
width: 300px;
height: auto;
}
}
.home-heading-shadow {
text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 3px;
}
@media screen and (max-width: 1099px) {
.home-heading-shadow {
font-size: 56px;
}
}
@media screen and (max-width: 979px) {
.home-heading-shadow {
font-size: 44px;
}
}
@media screen and (max-width: 420px) {
.home-heading-shadow {
font-size: 30px;
}
}
.home-button-text, .post-content h3.home-button-text {
display: inline-block;
margin-top: 30px;
font-size: 40px;
text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 3px;
font-family: 'Yanone Kaffeesatz', sans-serif;
z-index: 10;
position: relative;
font-weight: bold;
}
@media screen and (max-width: 979px) {
.post-content h3.home-button-text {
font-size: 30px;
}
}
@media screen and (max-width:599px) {
.home-button-text, .post-content h3.home-button-text {
font-size: 30px;
}
.home-button-text {
margin-top:22px;
font-size: 24px;
}
}
@media screen and (max-width:420px) {
.post-content h3.home-button-text {
margin-top:14px;
font-size: 30px;
line-height: 1.1em;
}
}
/* Featured clients section */
.post-content .large-h2 {
font-size: 40px;
font-weight: 500;
line-height: 1.1em;
}
@media screen and (max-width: 940px) {
.post-content .large-h2 {
font-size: 60px;
}
}
@media screen and (max-width: 840px) {
.post-content .large-h2 {
font-size: 52px;
}
}
@media screen and (max-width: 419px) {
.post-content .large-h2 {
font-size: 30px;
}
}
.black-background {
padding: 40px 0 50px 10%;
margin-top: 60px;
background: rgba(0,0,0,.5);
width: 90%;
}
.transparent-background {
padding: 40px 0 50px 10%;
margin-top: 30px;
width: 90%;
}
.black-background h3, .transparent-background h3 {
font-size: 34px;
}
@media screen and (max-width: 1023px) {
.black-background h3, .transparent-background h3 {
font-size: 24px;
}
}
@media screen and (max-width: 419px) {
.black-background h3, .transparent-background h3 {
font-size: 20px;
}
.black-background, .transparent-background {
padding: 20px 0 25px 10%;
margin-top: 30px;
}
}
.featured-logo {
max-height: 300px;
width: auto;
}
@media screen and (max-width: 1023px) {
.featured-logo {
max-height: 250px;
}
}
@media screen and (max-width: 767px) {
.featured-logo {
max-height: 170px;
}
}
.vc_row.featured-row {
padding: 10px 0 20px;
max-height: 900px;
text-shadow: 2px 2px 4px rgba(44,44,44,.5);
}
@media screen and (max-width: 1023px) {
.vc_row.featured-row {
padding: 100px 0;
max-height: 780px;
}
}
@media screen and (max-width: 767px) {
.vc_row.featured-row {
padding: 70px 0 200px;
max-height: 750px;
}
}
@media screen and (max-width: 419px) {
.vc_row.featured-row {
padding: 70px 0 150px;
max-height: 760px;
}
}
/* Carousel Arrows */
body .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div {
z-index: 2;
left: 5%;
}
body .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-next {
right: 5%;
}
body .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div:before {
content: url(/wp-content/uploads/2016/08/arrow-left.png);
}
body .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-next:before {
content: url(/wp-content/uploads/2016/08/arrow-right.png);
}
/* Center CTA */
.grey-h2.vc_separator .vc_sep_holder .vc_sep_line {
border-color: transparent !important;
background: url(/wp-content/uploads/2016/06/border-line-light.png);
}
.white-h2.vc_separator .vc_sep_holder .vc_sep_line {
border-color: transparent !important;
background: url(/wp-content/uploads/2016/06/white-dashed.png);
}
/* About Us section */
.black-lower-background {
padding: 100px 0;
background: rgba(0,0,0,.5);
}
.black-lower-background .red-button {
margin-top: 65px;
background: #f30624;
border-radius: 50px;
font-weight: 700;
padding: 15px 50px;
font-size: 24px;
text-align: center;
display: inline-block;
}
/* Trending Section */
.trending-inner {
position: relative;
font-weight: bold;
}
.trending-inner h3 {
line-height: 26px;
font-size: 24px;
display: inline-block;
min-height: 150px;
font-weight:400;
}
.vc_grid .trending-link .vc_gitem-link {
border: 2px solid white;
color: white;
font-weight: 400;
font-size: 20px;
text-shadow: none;
}
@media screen and (max-width: 940px) {
.trending-inner h3 {
line-height: 1.4em;
font-size: 22px;
min-height: 120px;
}
.vc_grid .trending-link .vc_gitem-link {
font-size: 18px;
padding: 8px 12px;
}
}
@media screen and (max-width: 860px) {
.trending-inner h3 {
font-size: 18px;
min-height: 100px;
}
}
@media screen and (max-width: 767px) {
.trending-inner h3 {
line-height: 1.7em;
font-size: 24px;
min-height: 150px;
}
}
@media screen and (max-width: 419px) {
.trending-inner h3 {
line-height: 1.7em;
font-size: 22px;
min-height: 120px;
}
}
/**
* Agency Page
*/
.logo-hover-cox img:hover {
content: url('/wp-content/uploads/2014/08/1-cox-media.jpg');
}
.logo-hover-georgia img:hover {
content: url('/wp-content/uploads/2014/08/2-georgia-state-university.jpg');
}
.logo-hover-mizuno img:hover {
content: url('/wp-content/uploads/2014/08/3-mizuno.jpg');
}
.logo-hover-papa img:hover {
content: url('/wp-content/uploads/2014/08/4-papa-johns.jpg');
}
.logo-hover-holiday img:hover {
content: url('/wp-content/uploads/2014/08/5-holiday-inn.jpg');
}
.logo-hover-hilton img:hover {
content: url('/wp-content/uploads/2014/08/6-hilton.jpg');
}
.logo-hover-hampton img:hover {
content: url('/wp-content/uploads/2014/08/7-hampton-inn.jpg');
}
.logo-hover-express img:hover {
content: url('/wp-content/uploads/2014/08/8-express-oil.jpg');
}
.logo-hover-care img:hover {
content: url('/wp-content/uploads/2014/08/9-carespot-1.jpg');
}
.logo-hover-fifa img:hover {
content: url('/wp-content/uploads/2014/08/10-fifa.jpg');
}
.logo-hover-med img:hover {
content: url('/wp-content/uploads/2014/08/11-medassets.jpg');
}
.logo-hover-lennar img:hover {
content: url('/wp-content/uploads/2014/08/12-lennar.jpg');
}
.logo-hover-america img:hover {
content: url('/wp-content/uploads/2014/08/13-americas-best.jpg');
}
.logo-hover-northside img:hover {
content: url('/wp-content/uploads/2014/08/14-northside.jpg');
}
.logo-hover-swedish img:hover {
content: url('/wp-content/uploads/2014/08/15-swedish.jpg');
}
.grey-image-border:first-child {
border-top: 2px solid #e5e5e5;
}
.grey-image-border .vc_column_container:first-child {
border-left: 2px solid #e5e5e5;
}
.grey-image-border .vc_column_container {
border-right: 2px solid #e5e5e5;
border-bottom: 2px solid #e5e5e5;
}
.grey-image-border.one-fifth.blue-highlight .vc_column-inner:hover {
background: #60c6ef;
}
@media screen and (min-width:768px) {
.one-fifth .vc_col-sm-2 {
width: calc(20% - 1px);
}
.grey-image-border.one-fifth .vc_column_container:first-child {
width: calc(20% + 1px);
}
}
.red-button {
background: #ff0000;
padding: 40px 70px;
display: inline-block;
border-radius: 70px;
font-size: 24px;
font-weight: 500;
}
@media screen and (max-width: 767px) {
font-size: 20px;
padding: 20px 35px;
}
.heavy-small-h1 {
font-size: 42px;
font-weight: 900;
}
@media screen and (max-width: 940px) {
.heavy-small-h1 {
font-size: 36px;
font-weight: 700;
}
}
@media screen and (max-width: 419px) {
.heavy-small-h1 {
font-size: 32px;
}
}
.post-content .contact-area {
display: inline-block;
border-radius: 75px;
padding: 20px 70px;
background-color: #00b9ef;
margin-bottom: 70px;
}
.vc_separator h4{
font-size:24px !important;
font-family: Roboto Condensed;
}
.vc_separator.vc_sep_border_width_2 .vc_sep_holder .vc_sep_line{
border-top-width:1px !important;
}
@media screen and (max-width: 767px) {
.post-content .contact-area {
padding: 40px;
}
}
.large-text {
font-size: 22px;
}
@media screen and (max-width: 767px) {
.large-text {
font-size: 22px;
}
}
@media screen and (max-width: 419px) {
.large-text {
font-size: 19px;
}
}
.large-margin-text {
font-size: 24px;
}
.large-margin-text p {
margin-bottom: 30px;
}
.large-margin-text {
background: url(/wp-content/themes/cardinal/images/vertical-border.png) repeat-y;
padding-left: 7%;
}
@media screen and (max-width: 1010px) {
.large-margin-text { padding-left: 5%; }
}
@media screen and (max-width: 940px) {
.large-margin-text { padding-left: 3%; }
}
@media screen and (max-width: 850px) {
.large-margin-text { padding-left: 1.5%; }
}
@media screen and (max-width: 820px) {
.large-margin-text { padding-left: 1%; }
}
@media screen and (max-width: 767px) {
.large-margin-text { background: none }
}
.footer-form .gform_column:last-child {
/* background: url(/wp-content/themes/cardinal/images/dashes-blue.png) repeat-y; */
}
@media screen and (max-width: 767px) {
.footer-form .gform_column:last-child {
background: none;
}
}
.footer-form .gform_footer {
text-align: center;
}
.footer-form .gform_wrapper .gform_footer input[type=image] {
margin-top: 50px !important;
background: #00377c !important;
padding: 15px 45px !important;
border-radius: 50px;
font-size: 26px;
font-weight: 400;
font-family: Montserrat, sans-serif;
}
/*.footer-form .gform_footer { position: relative; }
.footer-form .gform_footer:after {
content: url(/wp-content/uploads/2014/08/send-plane.png);
position: absolute;
left: 50%;
top: 60px;
}*/
/**
* Strategy Page
*/
.strategy-video-row {
height: 600px;
}
@media screen and (max-width: 767px) {
.strategy-video-row {
height: 300px;
}
}
.white-plus {
float:right;
background-color: rgba(0,0,0,.5);
color: white;
padding: 0 30px;
border-radius: 10px;
font-size: 66px;
}
@media screen and (max-width: 767px) {
.white-plus {
position: absolute;
right: 15px;
top: -15px;
}
}
@media screen and (max-width: 419px) {
.white-plus {
position: relative;
margin-left: 20px;
top: 0;
margin-bottom: 15px !important;
float:none;
}
}
.post-content .bubble-text {
font-size: 44px;
margin-left: -50px;
display: inline-block;
border-radius: 75px;
padding: 25px 50px;
background-color: rgba(0,0,0,.5);
margin-bottom: 30px;
}
.post-content .bubble-text:hover {
background-color: white;
}
@media screen and (max-width: 767px) {
.post-content .bubble-text {
font-size: 36px;
padding: 10px 20px;
margin-left: 0;
}
}
.white-text .yellow-text, .white-text .yellow-text a {
color: #ffe05c;
}
.white-text .purple-text, .white-text .purple-text a {
color: #cc8cbe;
}
.white-text .blue-text, .white-text .blue-text a {
color: #0094d2;
}
.white-text .green-text, .white-text .green-text a {
color: #99d05e;
}
.heavy-large-h1 {
font-size: 70px;
font-weight: 700;
}
@media screen and (max-width: 940px) {
.heavy-large-h1 {
font-size: 60px;
font-weight: 700;
}
}
@media screen and (max-width: 767px) {
.heavy-large-h1 {
font-size: 42px;
font-weight: 700;
}
}
@media screen and (max-width: 419px) {
.heavy-large-h1 {
font-size: 32px;
}
}
/**
* Ideas Page
*/
.transform-uppercase {
text-transform: uppercase;
}
.blue-narrow {
font-family: 'Yanone Kaffeesatz', sans-serif;
border-radius: 50%;
display: inline-block;
background: #0094d2;
padding: 70px 25px;
}
.post-content .ideas-list {
display: inline-block;
margin-bottom: 0;
}
.post-content .ideas-list li {
list-style-type: none;
float: left;
}
.post-content .ideas-list li a {
background: rgba(50,50,70,.5);
padding: 50px 25px;
text-transform: uppercase;
font-weight: 700;
color: white;
}
.post-content .ideas-list.healthcare-ideas li a {
background: rgba(200,200,220,.5);
color: #111;
}
.post-content .ideas-list li a:hover {
background: rgba(200,200,220,.5);
color: #111;
}
.post-content .ideas-list.healthcare-ideas li a:hover {
background: rgb(243, 6, 36);
color: white;
}
.post-content .ideas-list li:first-child a {
border-radius: 100px 0 0 100px;
}
.post-content .ideas-list li:last-child a {
border-radius: 0 100px 100px 0;
}
@media screen and (max-width: 1110px) {
.post-content .ideas-list li {
float: none;
margin-bottom: 25px;
}
.post-content .ideas-list li a {
padding: 15px 25px;
border-radius: 50px !important;
min-width: 280px;
display: inline-block;
}
}
body .vc_tta-container {
margin-bottom: 0;
}
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
background: url(/wp-content/uploads/2016/06/healthcare.jpg);
background-size: cover;
padding: 0 0 350px;
}
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active.ideas-restaurants .vc_tta-panel-heading, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.ideas-restaurants .vc_tta-panel-heading {
background: url(/wp-content/uploads/2016/06/restaurant-background.jpg);
background-size: cover;
}
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active.ideas-general .vc_tta-panel-heading, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.ideas-general .vc_tta-panel-heading {
background: url(/wp-content/uploads/2016/05/SEO-for-2016-1200x500.jpg);
background-size: cover;
}
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active.ideas-legal .vc_tta-panel-heading, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.ideas-legal .vc_tta-panel-heading {
background: url(/wp-content/uploads/2016/06/legal-background.jpg);
background-size: cover;
}
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active.ideas-franchise .vc_tta-panel-heading, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.ideas-franchise .vc_tta-panel-heading {
background: url(/wp-content/uploads/2016/06/franchise-background.jpg);
background-size: cover;
}
@media screen and (max-width: 940px) {
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
padding: 0 0 250px;
}
}
@media screen and (max-width: 840px) {
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
padding: 0 0 200px;
}
}
@media screen and (max-width: 599px) {
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
padding: 0 0 150px;
}
}
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title {
background: rgba(0,0,0,.7);
}
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading h4 a, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading h4 a {
color: white;
font-weight: 900;
font-size: 60px;
padding: 50px 0;
}
@media screen and (max-width: 1150px) {
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading h4 a, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading h4 a {
font-size: 40px;
padding: 25px 20px;
}
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
padding: 0 0 250px;
}
}
@media screen and (max-width: 767px) {
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading h4 a, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading h4 a {
font-size: 32px;
padding: 25px 20px;
}
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
padding: 0 0 200px;
}
}
@media screen and (max-width: 419px) {
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading h4 a, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading h4 a {
font-size: 24px;
}
body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading, body .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
padding: 0 0 150px;
}
}
body .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
display: none;
}
.heavy-small-h2 {
font-size: 42px;
font-weight: 900;
text-transform: uppercase;
color: #111;
}
@media screen and (max-width: 940px) {
.heavy-small-h2 {
font-size: 36px;
font-weight: 700;
}
}
@media screen and (max-width: 419px) {
.heavy-small-h2 {
font-size: 32px;
}
}
/**
* Clients Page
*/
.white-circle-right a {
float: right;
background: rgba(255,255,255,.5);
padding: 70px 40px;
margin-top: -130px;
color: #111;
text-align: center;
border-radius: 50%;
}
.white-circle-right a:hover {
background: rgba(255,255,255,.9);
}
.white-circle-right a strong {
font-size: 150%;
}
@media screen and (max-width: 767px) {
.white-circle-right a {
margin-top: 0;
padding: 30px 5px;
background: rgba(255,255,255,.9);
}
.white-circle-right a strong {
font-size: 120%;
}
}
/**
* CLIENTS subpages
*/
.post-content h2 strong, .post-content h3 strong, .large-text strong {
color: #111;
}
.post-content .medium-h2 {
font-size: 54px;
font-weight: 900;
color: #111;
}
@media screen and (max-width: 940px) {
.post-content .medium-h2 {
font-size: 50px;
}
}
@media screen and (max-width: 840px) {
.post-content .medium-h2 {
font-size: 44px;
}
}
@media screen and (max-width: 419px) {
.post-content .medium-h2 {
font-size: 32px;
}
}
/**
* Healthcare mini-site: main page
*/
@media screen and (min-width: 768px) {
.one-fifth.vc_col-sm-2 {
width: 20%;
}
.one-fifth.vc_column_container>.vc_column-inner {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 767px) {
.one-fifth {
padding: 5px 0;
}
.one-fifth .wpb_single_image img {
max-width: 180px;
}
}
.healthcare-1st-plane {
z-index: 10;
position: relative;
margin-bottom: -40px !important;
}
.healthcare-2nd-plane {
position: absolute;
right: 0;
top: 80px;
}
@media screen and (max-width: 940px) {
.post-content .healthcare-1st-plane, .post-content .healthcare-2nd-plane {
max-width: 150px;
height: auto;
}
}
@media screen and (max-width: 767px) {
.post-content .healthcare-1st-plane {
max-width: 100px;
height: auto;
}
.post-content .healthcare-2nd-plane {
display: none;
}
}
.healthcare-ideas-list {
display: inline-block;
}
.post-content .healthcare-ideas-list li {
list-style-type: none;
float: left;
}
.post-content .healthcare-ideas-list li a {
background: #00555c;
font-family: 'Yanone Kaffeesatz', sans-serif;
padding: 70px 50px;
text-transform: uppercase;
font-weight: 700;
font-size:48px;
color: white;
}
@media screen and (max-width: 940px) {
.post-content .healthcare-ideas-list li a {
padding: 40px 50px;
font-size: 36px;
}
}
@media screen and (max-width: 767px) {
.post-content .healthcare-ideas-list li a {
padding: 25px 20px;
font-size: 26px;
}
}
@media screen and (max-width: 419px) {
.post-content .healthcare-ideas-list li a {
padding: 15px 10px;
font-size: 18px;
}
}
.post-content .healthcare-ideas-list li a:hover {
background: #fff;
color: #111;
}
.post-content .healthcare-ideas-list li:first-child a {
border-radius: 100px 0 0 100px;
}
.post-content .healthcare-ideas-list li:last-child a {
border-radius: 0 100px 100px 0;
}
.healthcare-green-circle, .healthcare-yellow-circle, .healthcare-orange-circle, .healthcare-red-circle, .healthcare-purple-circle, .healthcare-blue-circle {
background: url(/wp-content/uploads/2016/06/healthcare-circles.png) 0 0 no-repeat;
min-height: 172px;
padding: 60px 0 0 70px;
margin-top:20px;
}
.healthcare-yellow-circle {
background: url(/wp-content/uploads/2016/06/healthcare-circles.png) 0 -172px no-repeat;
}
.healthcare-orange-circle {
background: url(/wp-content/uploads/2016/06/healthcare-circles.png) 0 -344px no-repeat;
}
.healthcare-red-circle {
background: url(/wp-content/uploads/2016/06/healthcare-circles.png) 0 -516px no-repeat;
}
.healthcare-purple-circle {
background: url(/wp-content/uploads/2016/06/healthcare-circles.png) 0 -688px no-repeat;
}
.healthcare-blue-circle {
background: url(/wp-content/uploads/2016/06/healthcare-circles.png) 0 -860px no-repeat;
}
@media screen and (max-width: 767px) {
.healthcare-green-circle, .healthcare-yellow-circle, .healthcare-orange-circle, .healthcare-red-circle, .healthcare-purple-circle, .healthcare-blue-circle {
padding: 50px 0 0 40px;
}
}
a.vc_single_image-wrapper:hover {
opacity: 0.8;
background: white;
border-radius: 50%;
}
/**
* Healthcare SEO
*/
.healthcare-seo .wpb_wrapper, .healthcare-paid .wpb_wrapper {
height: 240px;
display: table;
text-align: center;
padding: 10px;
width: 100%;
}
@media screen and (max-width: 767px) {
.healthcare-seo, .healthcare-paid {
max-width: 240px;
margin: auto;
}
}
.post-content .healthcare-seo h3, .post-content .healthcare-paid h3 {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 36px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.healthcare-paid-subtitle h3 {
text-align: center;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 40px;
}
.healthcare-reputation-subtitle h3 {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 40px;
}
.post-content .healthcare-seo-blue h3 {
color: #064e92;
}
.post-content .healthcare-seo-green h3 {
color: #068500;
}
.post-content .healthcare-seo-yellow h3 {
color: #b18e00;
}
.post-content .healthcare-seo-orange h3 {
color: #8b6f01;
}
.post-content .healthcare-seo-peach h3 {
color: #b86801;
}
.post-content .healthcare-seo-pink h3 {
color: #a2280b;
}
.post-content .healthcare-seo-red h3 {
color: #ad0021;
}
.post-content .healthcare-seo-purple h3 {
color: #69018b;
}
.post-content .healthcare-paid-black h3, .post-content .healthcare-paid-black p {
color: #0c0d33;
}
/**
* Contact Page
*/
iframe {
max-width: 100%;
}
.post-content .contact-page {
display: inline-block;
border-radius: 75px;
padding: 50px 100px;
margin-bottom: 70px;
border: 2px solid white;
}
@media screen and (max-width: 767px) {
.post-content .contact-page {
padding: 40px;
}
}
.blue-text h2 {
color: #037abf;
}
.blue-text strong {
color: #037abf !important;
}
.contact-page-form .gform_wrapper input[type=text], .contact-page-form .gform_wrapper input[type=email], .contact-page-form .gform_wrapper input[type=tel], .contact-page-form .gform_wrapper textarea.medium {
padding: 12px 15px;
border: 2px solid #d3d3d3;
}
.contact-page-form .gform_wrapper.two-column_wrapper ul.gform_fields {
display: block;
}
.contact-page-right {
background: url(/wp-content/uploads/2016/06/grey-vertical-border.png) repeat-y;
padding-left: 30px;
margin-left: -25px;
}
@media screen and (max-width: 767px) {
.contact-page-right {
background: none;
padding-left: 0;
margin-left: 0;
}
}
/*.contact-page-form .gform_footer { position: relative; }
.contact-page-form .gform_footer:after {
content: url(/wp-content/uploads/2014/08/send-plane.png);
position: absolute;
left: 50%;
top: 60px;
}*/
.contact-page-form .gform_footer {
text-align: center;
}
.contact-page-form .gform_wrapper .gform_footer input[type=image] {
margin-top: 25px !important;
background: #037abf !important;
padding: 15px 45px !important;
border-radius: 50px;
font-size: 26px;
font-weight: 400;
font-family: Montserrat, sans-serif;
}
/**
* Blog Specific
*/
.single #header, .single #mobile-header, .archive #header, .archive #mobile-header {
background-color: #000;
}
.single #container, .archive #container {
padding-top: 160px;
}
@media screen and (max-width: 767px) {
.single #container, .archive #container {
padding-top: 80px;
}
}
.single h2, .single h3, .single white, .single h4 {
color: #111;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.single .the-title h1 {
font-size: 24px;
line-height: 250%;
}
.single .the-title {
padding: 0 20px;
}
}
@media screen and (max-width: 599px) {
.single .the-title h1 {
font-size: 20px;
line-height: 220%;
padding: 8px 0;
}
.single .feat-image .the-title {
bottom: 40px;
}
.feat-image .post-date {
bottom: 0;
}
}
@media screen and (max-width: 419px) {
.single .the-title h1 {
font-size: 18px;
line-height: 190%;
padding: 5px 0;
}
.single .feat-image .the-title {
bottom: 40px;
}
.feat-image .post-date {
bottom: 0;
}
}
/**
* Blog Footer
*/
#newsletter-signup {
background: #000;
padding: 100px 0 70px;
overflow: hidden;
}
#newsletter-signup {
background: url('/wp-content/uploads/2016/08/general-background.jpg');
background-size: cover;
}
#newsletter-signup.restaurants {
background: url('/wp-content/uploads/2016/08/restaurant-background.jpg');
background-size: cover;
}
#newsletter-signup.healthcare {
background: url('/wp-content/uploads/2016/08/healthcare-background.jpg');
background-size: cover;
}
#newsletter-signup .gform_wrapper {
width: 75%;
margin: auto;
}
@media screen and (max-width: 767px) {
#newsletter-signup .gform_wrapper {
width: 100%;
}
}
#newsletter-signup .contact-area {
display: inline-block;
border-radius: 75px;
margin-bottom: 50px;
font-size: 36px;
}
#newsletter-signup label {
display: none;
}
#newsletter-signup .gform_body input {
text-align: center;
padding: 9px 20px;
border: none;
margin: 0;
}
#newsletter-signup input[type=submit] {
background: #0094d2;
width: 100%;
}
#newsletter-signup .gform_body {
float: left;
width: 49%;
margin-right: 2%;
}
#newsletter-signup .gform_footer {
float: left;
margin-right: 0;
clear: none;
width: 49%;
margin-top: 0;
}
#connect-cardinal {
background: #0094d2;
padding: 100px 0 70px;
}
#connect-cardinal .contact-area {
display: inline-block;
border-radius: 75px;
padding: 50px 100px;
background-color: #00b9ef;
margin-bottom: 70px;
font-size: 36px;
}
@media screen and (max-width: 767px) {
#connect-cardinal .contact-area {
padding: 40px;
line-height: 1.2em;
}
#newsletter-signup .contact-area {
line-height: 1.2em;
}
}
#connect-cardinal .footer-form {
margin-top: 40px;
}
#connect-cardinal .footer-form ul li {
padding: 5px 0 5px 20px;
}
/**
* Legal Mini-site
*/
body .wpb_content_element.legal-featured {
min-height: 500px;
padding: 50px;
margin-bottom: 30px;
}
.post-content .legal-featured-heading {
font-size: 60px;
font-family: 'Yanone Kaffeesatz', sans-serif;
}
@media screen and (max-width: 1110px) {
.post-content .legal-featured-heading {
font-size: 50px;
}
}
@media screen and (max-width: 767px) {
.post-content .legal-featured-heading {
font-size: 40px;
}
.legal-featured {
min-height: auto;
padding: 20px;
margin-bottom: 20px;
}
}
.post-content .ideas-list.legal-ideas li a {
background: rgba(0,0,0,.65);
}
@media screen and (min-width: 950px) {
.post-content .ideas-list.legal-ideas li, .post-content .ideas-lists.healthcare-ideas li {
float: left;
margin-bottom: 0;
}
.post-content .ideas-list.legal-ideas li a, .post-content .ideas-list.healthcare-ideas li a {
min-width: 140px;
display: table-cell;
min-height: 130px;
height: 130px;
padding: 30px 25px;
vertical-align: middle;
border-radius: 0 !important;
}
.post-content .ideas-list.legal-ideas li:first-child a, .post-content .ideas-list.healthcare-ideas li:first-child a {
border-radius: 100px 0 0 100px !important;
}
.post-content .ideas-list.legal-ideas li:last-child a, .post-content .ideas-list.healthcare-ideas li:last-child a {
border-radius: 0 100px 100px 0 !important;
}
}
@media screen and (min-width: 1111px) {
.post-content .ideas-list.legal-ideas li a, .post-content .ideas-list.healthcare-ideas li a {
min-width: 180px;
}
}
.post-content .ideas-list.legal-ideas li a:hover {
background: rgba(250,250,250,.65);
}
/**
* Franchise Pages
*/
.post-content .franchise-featured-text {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 36px;
color: #111;
}
.post-content .franchise-featured-heading {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 44px;
border-radius: 50%;
border: 20px solid #007fc2;
height: 320px;
width: 320px;
display: table-cell;
vertical-align: middle;
}
@media screen and (max-width: 950px) {
.post-content .franchise-featured-heading {
width: 280px;
height: 280px;
}
}
@media screen and (max-width: 850px) {
.post-content .franchise-featured-heading {
width: 250px;
height: 250px;
}
}
@media screen and (max-width: 767px) {
.post-content .franchise-featured-heading {
padding: 70px 0 0;
display: inline-block;
}
}
.franchise-featured-heading.green {
border-color: #2bbf60;
}
.franchise-featured-heading.yellow {
border-color: #ffd93b;
}
.franchise-featured-heading.red {
border-color: #f30624;
}
.franchise-featured-heading.purple {
border-color: #936cb0;
}
/**
* Restaurants
*/
.restaurant-target-row.vc_row[data-vc-full-width] {
overflow: visible;
}
.restaurant-target {
margin-top: -280px;
}
@media screen and (max-width: 1100px) {
.post-content .restaurant-target {
margin-top: -200px;
max-width:260px;
}
}
@media screen and (max-width: 950px) {
.post-content .restaurant-target {
margin-top: -170px;
max-width:200px;
}
}
@media screen and (max-width: 850px) {
.post-content .restaurant-target {
margin-top: -140px;
max-width:140px;
position: absolute;
left: -70px;
margin-left: 50%;
}
}
/**
* Solutions Page
*/
.solutions-background {
background: rgba(55, 55, 55, .4);
padding: 20px;
border-radius: 20px;
}
/**
* Jobs Page
*/
.post-content ul.job_types li {
list-style-type:none;
}
/**
* Category Pages
*/
.category-header-ideas {
padding-top: 350px !important;
padding-bottom: 100px !important;
background-image: url(/wp-content/uploads/2016/08/ideas-background.jpg) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.category-header-ideas h3 {
font-size: 27px;
}
.archive.category #header {
position: absolute;
background-color: transparent;
}
.archive #container {
padding-top:0;
}
.archive.category #mobile-header {
}
p.foothead {
font-weight: bold;
color: #aaa;
margin-bottom: 6px;
font-size: 100%;
}
#top-footer p.foothead {
margin-bottom: 15px;
font-size: 24px;
text-align:left;
font-weight:500;
}
#top-footer p.foothead a {
color:#aaa;
}
/* Additional Updates */
#mysticky-wrap{
height:auto !important;
}
/* #menu-item-16 a{
background:#e03c31;
} */
.header-phone{
float: right;
font-size: 18px;
color: #e03c31;
padding: 40px 10px 41px;
margin-right: 0px;
font-weight:700;
}
/* Bottom Popup */
.modal-open i{
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
width:30px;
height:15px;
display:block;
position: absolute;
right: 20px;
margin-top: 0px;
cursor:pointer;
}
.modal-open i:after{
border-bottom:solid 1px #fff;
content:'';
display:block;
margin-top:6px;
}
.modal-close{
background:url(images/close-256.png) no-repeat 0px 0px;
width:30px;
height:30px;
background-size:100%;
display:none;
position: absolute;
right: 20px;
margin-top: -10px;
cursor:pointer;
}
.bottom-contact{
background:#e03c31;
max-width:550px;
width:100%;
position:fixed;
bottom:0;
right:0;
padding:20px 4px 0px 20px;
color:#fff;
font-family:Roboto;
z-index:450;
transition: opacity 0.5s ease-out;
}
.bottom-contact.closed{
overflow: hidden;
height: 85px;
}
.bottom-form{
padding: 10px 0px;
}
.bottom-contact h2{
font-weight:300;
font-family:"Roboto Condensed";
font-size:36px;
text-align:center;
}
.bottom-contact p{
font-family:Roboto;
font-size:16px;
font-weight:300;
text-align:center;
line-height:25px;
}
.bottom-contact a.tel{
color:#fff;
border:solid 1px #fff;
display:table;
margin:10px auto;
padding:10px 25px;
font-size:24px;
}
.bottom-form ul{
}
.bottom-form ul li{
display:inline-block;
float:left;
width:50% !important;
clear:none !important;
}
.bottom-form ul li#field_47_3, .bottom-form ul li#field_47_6{
width:100% !important;
}
.bottom-form label{
font-size:16px;
font-weight:400;
}
.bottom-form input[type=text], .bottom-form input[type=email], .bottom-form input[type=tel], .bottom-form textarea{
width: 100% !important;
display: inline-block;
float: left;
border: solid 1px #94251e;
color: #333;
font-family: Roboto !important;
font-size: 14px !important;
height: 38px;
padding: 0px 10px !important;
}
.bottom-form input[type=text].wider-input{
width:100%;
display:block;
}
.bottom-form .ginput_container{
margin-top:0px !important;
}
.bottom-form .top_label .gfield_label{
display:none !important;
}
.bottom-form .gform_wrapper{
margin:0px !important;
}
.bottom-form textarea{
width:94%;
display:block;
padding:10px !important;
height:100px !important;
}
.bottom-form .gform_wrapper div.validation_error{
font-weight:400 !important;
}
.bottom-form .gform_wrapper li.gfield.gfield_error{
background:none !important;
padding:0px !important;
margin:0px !important;
border:none !important;
}
.bottom-form .gform_wrapper .validation_message{
font-weight:400 !important;
padding-top:0px !important;
}
.bottom-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required{
padding-right:16px !important;
}
/* Web Design Page */
.custom-header-txt{
margin-top:-90px;
text-align:center;
}
.custom-header-txt h2, .portfolio-h2 h2{
color:#333333;
font-size:40px;
font-weight:300;
font-family:"Roboto Condensed";
}
.custom-header-txt p{
font-size:18px;
color:#666666;
font-weight:300;
font-family:Roboto;
max-width:685px;
display:block;
margin:auto;
}
.custom-header-txt h2:after, .portfolio-h2 h2:after, .case-studies-header h2:after{
border-bottom:solid 2px #df3b30;
width:100px;
content:'';
display:block;
margin:5px auto 20px;
}
.icons-left{
text-align:right;
clear:both;
}
.icons-right{
text-align:left;
}
.icons-left, .icons-right{
color:#666666;
font-size:15px;
font-family:Roboto;
font-weight:300;
}
.icons-left strong, .icons-right strong{
color:#333333;
font-size:20px;
font-weight:400;
}
.icons-left p, .icons-right p{
display:inline-block;
float:left;
width:20%
}
.icons-left p{
float:right;
margin-right:-20px;
margin-left:20px;
}
.icons-right p{
margin-right:20px;
margin-left:-20px;
}
.icons-left .wpb_wrapper div, .icons-right .wpb_wrapper div{
display:inline-block;
float:left;
width:80%;
line-height: 25px;
margin-bottom: 60px !important;
min-height:145px;
}
/* Case Studies */
.case-studies-header a.vc_btn3.vc_btn3-color-default.vc_btn3-style-outline{
background-color:rgba(0,0,0,0.5) !important;
}
.case-studies-header h2, h2.red-heading{
color:#de3c2f;
font-size:40px;
font-weight:700;
font-family:"Roboto Condensed";
text-transform:uppercase;
}
.case-studies-header p{
font-size:18px;
color:#fff;
font-weight:400;
font-family:"Roboto";
max-width:685px;
display:block;
margin:auto;
margin-bottom:30px !important;
}
.marketing-text-block p{
font-size:18px;
font-weight:300;
font-family:"Roboto";
max-width:685px;
display:block;
margin:auto;
}
.client-boxes{
}
.client-boxes img{
width:auto;
max-width:100%;
border-bottom: solid 1px #e4e4e4;
padding-bottom: 15px;
margin-bottom: 5px;
}
.client-boxes p{
font-size:14px;
font-weight:300;
font-family:"Roboto";
line-height:25px;
min-height:260px;
}
.client-boxes a.vc_btn3.vc_btn3-color-default.vc_btn3-style-outline{
color:#de3c2f;
font-size:16px;
font-weight:400;
font-family:"Roboto Condensed";
text-transform:uppercase;
text-shadow:none !important;
}
.client-boxes .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper{
border:solid 1px #e4e4e4;
border-radius:2px;
padding:30px 20px 25px;
margin-bottom:30px;
}
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern{
font-weight: 600;
font-family: "Roboto Condensed";
text-transform: uppercase;
text-shadow: none !important;
}
/* Solutions Page */
.case-studies-header.solutions-header > .upb_row_bg {
/* margin-top:98px; */
}
.case-studies-header.solutions-header h2{
font-family:Roboto;
color:#fff;
letter-spacing:3px;
}
.case-studies-header.solutions-header h2:after{
display:none;
}
.solutions-item .vc_column_container>.vc_column-inner{
padding-left:0px;
padding-right:0px;
}
.solution-single-option{
text-align:center;
color:#fff;
padding:10px 45px 45px;
height:340px;
padding-top:100px;
transition:all 0.5s ease;
}
.solution-single-option p, .solution-single-option .show-hide{
color:#fff;
font-weight:300;
font-size:14px;
line-height:18px;
}
.solution-single-option.hover{
background:rgba(223,59,48,0.8);
padding-top:10px;
}
.show-hide{
display:none;
}
.solution-single-option.hover .show-hide{
}
.solution-single-option h5{
font-weight:500;
color:#fff;
font-family:"Roboto Condensed";
font-size:26px;
text-transform:uppercase;
margin:0px;
margin-bottom:20px;
}
.solution-single-option h5 a, .solution-single-option strong a, .solution-single-option p a, .solution-single-option .show-hide a{
color:inherit;
}
.solution-single-option strong{
font-weight:400;
color:#fff;
font-size:15px;
text-transform:uppercase;
margin-bottom:0px;
display:block;
}
.help-top-text{
color:#fff;
font-size:18px;
font-weight:500;
}
.help-top-text strong{
font-weight:700;
}
.help-bottom-text p{
color:#333333;
font-size:24px;
text-align:center;
font-weight:300;
max-width:815px;
margin:auto;
display:block;
line-height:30px;
}
.help-bottom-text h2{
font-size:40px;
text-transform:uppercase;
font-weight:700;
color:#333333;
text-align:center;
font-family:Roboto;
}
.no-border .wpb_wrapper{
border:none !important;
}
/* Programmatic Display */
.img-with-text{
}
.img-with-text h2{
color:#333333;
font-size:36px;
font-weight:700;
font-family:"Roboto Condensed";
text-transform:uppercase;
}
.img-with-text p{
color:#333333;
font-size:18px;
font-weight:300;
}
.help-top-text.programmatic h3{
color:#fff;
font-size:45px;
font-weight:700;
font-family:"Roboto Condensed";
text-transform:uppercase;
text-align:center;
max-width:650px;
margin:auto;
}
.help-top-text.better-data h3{
color:#fff;
font-size:45px;
font-weight:700;
font-family:"Roboto Condensed";
text-transform:uppercase;
text-align:center;
}
.help-top-text.better-data p{
color: #fff;
font-size: 26px;
max-width: 900px;
margin: auto;
text-align: center;
font-weight: 300;
line-height: 32px;
}
.help-bottom-text.programmatic h2{
color:#0094d2;
}
.help-bottom-text.programmatic p{
font-weight:400;
max-width:none;
}
.strategy-place p{
color: #fff;
font-size: 35px;
text-align: center;
padding: 80px 0px;
display: block;
line-height: 45px;
font-weight: 500;
}
/* Pop Up Form Styling */
#proposalPopUp, #proposalPopUp.showPopUp {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#proposalPopUp.showPopUp {
visibility: visible;
opacity: 1;
}
#proposalPopUp {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
color: #fff;
background: rgba(0,0,0,.6);
height: 100%;
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
#proposalPopUp .contentView {
position: absolute;
top: 120px;
left: 50%;
padding: 20px 20px 20px;
border-radius: 8px;
text-align: center;
width: 500px;
margin-left: -200px;
min-width: 280px;
font-size: .85em;
background:#fff url('images/form_top_bg.jpg') no-repeat top center;
}
#proposalPopUp .inner {
position: relative;
padding: 40px 40px 10px;
border:2px solid #ccc;
}
#proposalPopUp label {
display:none;
}
#proposalPopUp input[type="submit"] {
background:#e13c32;
padding:15px 50px;
}
#proposalPopUp .gform_wrapper .gform_footer {
text-align:center;
}
#header .header-phone {
background:#e03c31;
color:white;
font-weight:500;
}
#header .header-phone:hover {
background: rgba(200, 200, 220, .5);
}
.header-phone:hover,
#close-popupform:hover,
#proposalPopUp .gform_wrapper .gform_page_footer .button.gform_previous_button:hover,
#proposalPopUp .gform_wrapper .gform_page_footer .button.gform_next_button:hover {
cursor:pointer;
}
#proposalPopUp select {
padding:15px 5px;
}
#proposalPopUp .gform_wrapper .gform_page_footer .button.gform_next_button {
padding:7px 20px
}
#proposalPopUp .gform_wrapper .gform_page_footer .button.gform_previous_button {
padding:7px 20px
}
#close-popupform {
float:right;
}
#bottomgetstarted .header-phone {
float:none;
background:none;
}
#scrollingbanner .header-phone {
background:none;
}
.fix-banner {
position:fixed;
top:120px;
z-index:9999;
}
@media (max-width:767px){
.icons-left p, .icons-right p{
float:none;
display:block;
margin-right:0px;
margin-left:0px;
width:100%;
text-align:center;
margin-bottom:15px !important;
}
.icons-left .wpb_wrapper div, .icons-right .wpb_wrapper div{
min-height:auto;
margin-bottom: 30px !important;
text-align:center;
width:100%;
float:none;
clear:both;
}
.web-design-space.vc_empty_space{
height:300px !important;
}
.custom-header-txt h2, .portfolio-h2 h2{
font-size:36px;
}
.icons-left.last-left{
margin-bottom:80px !important;
}
.bottom-contact{
display:none !important;
}
.img-with-text p{
padding-bottom:20px;
}
.strategy-place p{
font-size:25px;
line-height:35px;
}
.img-with-text h2{
line-height:37px;
}
}
@media (min-width:768px) and (max-width:820px){
.icons-left p, .icons-right p{
float:none;
display:block;
margin-right:0px;
margin-left:0px;
width:100%;
text-align:center;
margin-bottom:15px !important;
}
.icons-left .wpb_wrapper div, .icons-right .wpb_wrapper div{
margin-bottom: 30px !important;
text-align:center;
width:100%;
float:none;
clear:both;
}
.middle-phone{
padding-top:150px;
}
.web-design-space.vc_empty_space{
height:350px !important;
}
}
@media (min-width:981px) and (max-width:1110px){
.header-phone{
margin-right: -20px;
margin-left: 20px;
}
}
@media(min-width:768px) and (max-width:991px){
.solution-single-option p img{
width:50px;
}
.solution-single-option{
padding:100px 15px 10px;
}
}