/*
Theme Name: RPM Advertising
Description:
Author: RPM ADVERTISING
*/
/* blue:#005580; */
/* orange:#f39d1f;*/
@import url('bootstrap/css/bootstrap.css');
.splashtext-paragraph {font-size:20px; line-height:30px; font-weight:200;}
/* landing page styles */
/* hide recaptcha from all pages that include it */
.grecaptcha-badge { visibility: hidden; }
/* hide recpatcha end */
/* youtube video width 100% start */
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* youtube video width 100% end */
/* */
.post-password-form{padding-top:200px; text-align:center;}
input#pwbox-7613{height:40px;}
/* blog edit */
@media only screen and (min-width : 1000px) {
.jumbotron#blogPost .container .row{
padding: 0 15% 0 15% !important;
width:100%;
height: auto;
}
}
/* blog edit done */
/* fixed contetn start on projects page */
.fixed-content{padding-bottom:20px; }
/* contact form 7 cf7 */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
display: inline-block;
width:100%;
height: 40px;
padding: 4px 6px;
margin-bottom: 0px;
font-size: 20px !important;
line-height: 20px;
color: #555555;
vertical-align: middle;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
text-transform:uppercase;
}
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
width: auto;
height:40px;
padding-left:60px;
padding-right:60px;
margin-top:20px;
text-transform:uppercase;
font-size:20px !important;
border-radius:0px;
border:2px;
background-color:#456b81;
color:white;
cursor: pointer;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
min-height: 100px;
}
/* media changes for small mobile size */
@media screen and (max-width: 845px) {
.gallerywrapperContact {padding:10% 0 10% 0;}
.gallerywrapperPortfolioItems{
padding:5% 0px 0px 0px !important;}
.galleryWrapperPeople{
padding:5% 0px 0px 0px !important;}
.galleryWrapperPeople .card-title{font-size: 1rem;line-height: 1.5rem !important;}
.galleryWrapperPeople .card-subtitle{font-size: .7rem !important;line-height: 1.5rem !important;}
.galleryWrapperPeople .card-body{padding-top:35% !important;}
.col-md-12{padding:0px !important;}
.map-element{min-height:70vh !important;}
.splashtext-paragraph {font-size:20px; line-height:23px;}
.landingparent{height:1350px !important;}
}
/* services secion stuff */
.services-icon{height:100px; padding-bottom:20px; }
.services-icon {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.services-icon-text{text-align:center; padding-bottom:30px;}
.navbar-fixed-top{background:black !important;
transition: background-color 200ms linear;}
.navbar-fixed-top.scrolled {
background-color: orange !important;
transition: background-color 200ms linear;
}
.navbar-fixed-top.scrolled a{
color:white;
}
/* navbar edits */
.navbar-toggler{
border: 0px solid transparent;
margin-left: auto;
margin-right:5% !important;
position:relative;
}
.navbar-toggler .icon-bar {
margin: 7px;
display: block;
width: 22px;
height: 1px;
background-color: #cccccc;
border:solid 0 transparent;
border-radius: 1px;
}
/* opera */
.button-container{display:none;}
/*anchor edits */
a.navbar{
display: block;
position: relative;
top: -250px;
}
/* bootstrap override for navigation start */
.navbar-nav{
margin-right:5% !important;
position:relative;
}
.navbar-brand{margin-left:5% !important;}
/* bootstrap override for navigation finish */
/* add a container around navigation start*/
/* add a container around navigation finish*/
.caps h4{text-transform:uppercase !important;}
h1 {text-transform: uppercase;}
/* work page */
.work_description h1 {
font-size: 3em !important;
text-transform: uppercase;
color: #fff;
letter-spacing: 2px;
line-height: 1em;
}
.work_description h4{text-decoration:underline; text-transform:uppercase;}
.work_navigation{padding-bottom:5%;}
.work_navigation_container{ }
.work_next{display:inline; float:right;}
.work_previous{display:inline;}
.work_description {
margin-bottom: 5% !important;
}
/* portfolio fixed content start */
.fixed-content{
}
/* portfolio fixed content done */
.downarrowbutton{
display: table;
margin: 0 auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 0px;
margin-left: -15px;
}
/* vimeo full width embed start */
.embed-container-square{
position: relative;
padding-bottom: 74.25% !important;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
margin-bottom: 5%;
}
.embed-container-square iframe,
.embed-container-square object,
.embed-container-square embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
margin-bottom: 5%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/* vimeo full width embed finish */
/* removed gradient because it was not working on edge*/
#logo-ticker {
margin: 0px auto;
z-index:99;
background-color: transparent;
width: 100%;
}
/*
#logo-ticker:before{
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 15px;
width: 100%;
pointer-events: none;
background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(33, 33, 33, 1)), color-stop(15%, rgba(33, 33, 33, 0)), color-stop(100%, rgba(33, 33, 33, 0)));
}
#logo-ticker:after {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 15px;
width: 100%;
pointer-events: none;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(33, 33, 33, 1)), color-stop(15%, rgba(33, 33, 33, 0)), color-stop( 0%, rgba(33, 33, 33, 1)));
}
*/
#logo-ticker .footer-logo-slider {
display: inline-block;
list-style: none;
margin: 0;
padding: 8px 0;
height: 120px;
width: 100% !important;
overflow: hidden;
box-sizing: border-box;
/* position: absolute; */
}
.footer-logo-slider > ul {
position: relative;
display: inline-block;
}
.footer-logo-slider li {
display: inline-block;
height: 90px;
width: 200px;
margin: 0 25px 0 25px;
position: absolute;
top: 0;
}
.logo {
display: inline-block;
height: 100%;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
-webkit-filter: grayscale(1); /* Older Webkit */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 4+ */
filter: gray; /* IE 6-9 */
}
.video_overlay {
/*position:absolute; */
z-index:-1;
width:100% !important;
height:auto;
}
.video_overlay img{
height:100%;
width:100%;
}
/* wrapper for project mouseover version 2 */
/* wrapper for project mouseover version 2 */
#wrapper3 img{
width:100%;
}
#wrapper3{
width:auto;
height:auto;
margin:0;
padding:0;
position:relative;
}
#overlay3{
position:absolute;
height:100%;
width:100%;
background:#222;
background:rgba(0,0,0,0.7);
font-size:22px;
color:#FFF;
font-family:Arial;
visibility:hidden;
}
/* wrapper for project mouseover done version 2 */
/* wrapper for project mouseover version 1*/
#wrapper2 img{
width:100%;
}
#wrapper2 video{
width:100%;
}
#wrapper2{
width:100%;
height:100%;
margin:0;
padding:0;
position:relative;
}
#overlay2{
height:100%;
width:100%;
z-index:1;
font-size:22px;
color:#FFF;
font-family:Arial;
position:absolute;
}
#overlay2 .card-body{
opacity:.65;
background:black!important;
z-index:9 ;
position:absolute;
height:100%;
text-align:center;
}
.cardbody:hover .card-body{display:none;}
/* wrapper for project mouseover done version 1*/
/* wrapper for bio mouseover */
#wrapper1 img{
width:100%;
}
#wrapper1{
-webkit-filter: grayscale(1); /* Older Webkit */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 4+ */
filter: gray; /* IE 6-9 */
width:auto;
height:auto;
margin:0;
padding:0;
position:relative;
}
#overlay{
position:absolute;
height:100%;
width:100%;
background:#222;
background:rgba(0,0,0,0.7);
font-size:22px;
color:#FFF;
font-family:Arial;
visibility:hidden;
}
#overlay .card-body{}
/* wrapper for bio mouseover done */
.navbar.postid-6993{background-color: transparent !important;}
.navbar{background-color: #F39D1F; z-index:99 !important;}
/* video hover start */
video{
overflow:hidden;
width: auto;
height: auto;
opacity: 1;
transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
video:hover{
opacity:;
transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
/* video hover finish */
.thumb{
cursor: ;
padding:0px !important;
margin:0px !important;
}
.videoparent{
height:100%;
width:100%;
background:red;
position:relative;
}
.videochildtop{
height:100%;
width:100%;
position:absolute;
display:inline;
}
.videochildbottom{
height:100%;
width:100%;
position:absolute;
background:green;
display:inline;
}
.socialicon:hover{opacity:.6; transition-timing-function: ease;}
.socialicon{
height: 30px;
width: 30px;
display: inline-block;
}
.socialicon.facebook{
background-image:url('/wp-content/uploads/SVG/SOCIAL-ICONS/facebook.svg');
}
.socialicon.instagram{
background-image:url('/wp-content/uploads/SVG/SOCIAL-ICONS/instagram.svg');
}
.socialicon.linkedin{
background-image:url('/wp-content/uploads/SVG/SOCIAL-ICONS/linkedin.svg');
}
.socialicon.twitter{
background-image:url('/wp-content/uploads/SVG/SOCIAL-ICONS/twitter.svg');
}
/* map things */
div#map{height: 100%;width: 100%;}
.lmm-panel {
visibility: hidden !important;
}
/* mapt things fin */
.portfolio-description p{
font-size:1.75em;
text-transform: none;
color:black;
letter-spacing: 3px;
line-height: .8em;
display:none;
}
.portfolio-img-padding img{
padding-bottom:2%;
}
/* map stuff */
.map-element{
pointer-events:;
height:100%;
}
.gmnoprint{display:none;}
/* footer nav start */
.footer-nav{}
footer li{display: block;}
.wrapperPortfolioItems{
position:relative;
}
.griditem:hover{
transition: 1s ease-in;
transition: 1s ease-out;
background-color: orange !important;
}
.griditem .col-xl-4,
.griditem .col-lg-4,
.griditem .col-md-6{
padding:0px !important;
margin:0px !important;
}
.transparentsquare{
width:100%;
height:100%;
}
.griditem img{
width:100%;
}
.griditem{
background-color: orange !important;
width: 100%;
overflow:hidden;
}
/* 2019 additions */
@media screen
and (max-device-width: 1200px) {
.gallerywrapperPortfolioItems .griditem{
min-height:100vh;
}
}
.landingparent{
display:table;
position:relative;
width:100%;
height:100vh;
min-height:900px;
overflow:hidden;
}
.landingparent .row{padding:0px;}
.landingvideo{
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
width:100%;
height:100%;
overflow:hidden;
z-index: -1;
}
.landingvideo:after{
content:' ';
background-color:#799db5;
height:100%;
width:100%;
display:block;
position:absolute;
opacity:.7;
}
.beforelandingtext{
position: absolute;
height:5.5em;
background:transparent;
opacity:.8;
width:100%;
}
.landingtext{
position: absolute;
top:5.5em;
left: 0;
right: 0;
bottom: 0;
height:100%;
margin:0 5% 0 5%;
background:;
display: flex;
justify-content: center;
}
.landingtext .row-fluid{
display: grid;
padding:5% !important;
width: 100%;
max-height:100%;
position: relative;
}
/* WP ADMIN BAR HEADER */
#wpadminbar {
top: 0 !important;
z-index:99999999999999999999999999999999999999 !important;
}
/* responisveness for modal videos start */
@media only screen and (max-width: 750px) {
#portfolio.modal-body iframe {
height: 100% !important;
width: 100% !important;
}
#portfolio h4.modal-title{
font-size: 1rem !important;
}
}
#portfolio.modal-body iframe{
top: 0;
left: 0;
position: initial !important;
height: 476px;
}
/* responisveness for modal videos start */
body{
margin: 0;
font-family: 'Oswald', sans-serif !important;
font-weight:300;
letter-spacing: 1px;
font-size: 14px;
line-height: .75em;
color: #333333;
}
.intro {
min-width:100%;
min-height:100%;
position:fixed;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
height:auto;
width:auto;
background-color:#f39d1f;
overflow:hidden;
z-index:100;
}
.intro.logo{
display:inline;
margin:0 auto;
float:left;
z-index:1;
min-width:90%;
min-height:auto;
max-width:950px;
}
.intro.logo img{
width:auto;
height:auto;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
margin: 0 auto;
display: inherit;
}
.container.hero-unit#wrapper{
width:100%;
height:100%;
position: fixed;
opacity: 1;
}
.hero-unit{
color:#fff;
}
.hero-unit h1 {
margin-top:3.75em;
font-size:4em;
line-height: .75em;
text-transform: uppercase;
color:#fff;
letter-spacing: 2px;
font-family: 'Oswald', sans-serif !important;
}
.rowfluid#fpText {
width: 80%;
height: auto;
}
.navbar {
font-family: 'Oswald', sans-serif !important;
top:0;
left:0;
right:0;
height:5.5em;
}
.current_page_item {
background-color:#799db5;
height:auto;
width:auto;
}
/* added by paul; */
.menu-item:hover a {
color: #005580 !important;
}
/* fin added by paul */
.navbar a{
color:#fff;
}
ul.navbar-nav{
color:#fff;
float:right;
text-align: right;
height:auto;
font-family: 'Oswald', sans-serif !important;
float: right;
right: 0;
margin-left: auto;
}
.navbar-nav li{
padding:.5em;
font-size:1.1em;
color:#fff;
height: auto;
display:inline-block;
font-family: 'Oswald', sans-serif !important;
text-transform:uppercase;
}
li.nav-item button{
color:#fff;
background-color:rgba(255, 255, 255, 0);
border:none;
font-size:1em;
font-family: 'Oswald', sans-serif;
}
ul.nav.btn{
color:#fff;
background-color:rgba(255, 255, 255, 0);
font-weight: lighter;
margin:0;
margin-top:-5px;
letter-spacing: 1px;
border:none;
}
.navbar-brand{
margin-right:auto;
margin-top:.6em;
left:0;
top:0;
position: absolute;
height:auto;
max-width: 4em;
min-width: 4em;
width: 6vw;
}
.navbar-brand img{
height:auto;
width:100%;
}
/* Contact Page /Modal */
.modal-content button{
color:#fff;
font-size: 6em;
line-height: 0;
font-weight: lighter;
top: -5rem;
}
.modal-content{
padding: 2%;
}
.modal-content#contact {
position: relative;
background-color: #ffa400;
border: 1px solid rgba(0, 0, 0, .8);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
outline: none;
background-image:url('/wp-content/uploads/2018/04/contactBG-1.png');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.modal-content .modal-body ul{
color:#fff;
font-family: 'Oswald', sans-serif !important;
}
.modal-content .modal-body li{
display:inline-block;
color:#fff;
font-size: 3.5em;
margin: 1.5%;
line-height: 2em;
font-family: 'Oswald', sans-serif !important;
}
.modal-content .modal-body h1 a{
color:#fff;
text-decoration:none;
}
.modal-content .modal-body h1 a:hover{
color:#799db5;
text-decoration:none;
}
.modal-content .modal-body p a{
color:#fff;
text-decoration:none;
color: #fff;
}
.modal-content .modal-body p a:hover{
color:#799db5;
text-decoration:none;
}
.modal-content .modal-body li a{
color:#fff;
}
.modal-content .modal-body li a:hover{
color:#799db5;
}
.modal-content .modal-body h1{
font-weight: lighter;
font-size: 2.5em;
line-height: 1.5em;
font-family: 'Oswald', sans-serif;
}
.modal-content .modal-body p{
font-size: 1.8em;
line-height: 1.4em;
font-family: 'Oswald', sans-serif;
color:#fff;
}
/* Home */
.reelContainer2{
opacity:0;
right:0;
min-width:100%;
min-height:auto;
position:;
top:50%;
left:50%;
/* transform:translateX(-50%) translateY(-50%); */
height:auto;
width:100%;
color:#fff;
font-family: 'Oswald', sans-serif !important;
}
.reelContainer2 .row-fluid{
display: block;
margin:20% auto;
top:0;
width: 85%;
height:55%;
position: relative;
}
button{
box-shadow:none;
transform-origin: 50% 50%;
}
.reelContainer{
opacity:0;
right:0;
min-width:100%;
min-height:100%;
position:fixed;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
height:auto;
width:auto;
color:#fff;
font-family: 'Oswald', sans-serif !important;
}
.reelContainer .row-fluid{
display: block;
margin:20% auto;
top:0;
width: 85%;
height:55%;
position: relative;
}
button#btnClosed.btn.btn-outline-primary{
padding: 1em 2em;
float: left;
display:inline-block;
position:relative;
margin-top:1em;
}
.bgReel{
height:100%;
width:100%;
margin:0 auto;
display: inline-block;
transform-origin: 50% 50%;
top:50%;
left:50%;
height:50%;
position:fixed;
min-width:100%;
min-height:100%;
transform:translateX(-50%) translateY(-50%);
z-index:-1;
font-family: 'Oswald', sans-serif !important;
}
.bgReel iframe{
background-color:#000;
position: absolute;
min-width:100%;
min-height:100%;
position:fixed;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
height:auto;
width:auto;
}
#bgVid{
opacity:1;
visibility:visible;
background-color:#ffc107 !important;
display: block;
position: absolute;
width: 100%;
height: 100%;
}
#buttonvid{
opacity:0;
}
button#close.close{
position: absolute;
z-index:6;
display:inline;
margin-left:40%;
margin-top:4em;
max-height: 10%;
max-width:10%;
}
.svg-inline--fa.fa-w-16{
height:auto;
width:3em;
color:#fff;
}
audio, canvas, video{
position: absolute;
}
#wrapper{
visibility:hidden;
}
#fpText h3{
line-height: 1em;
font-size:3em;
color:#fff;
text-align:center;
text-transform:uppercase;
}
#fpText h1{
text-align:center;
font-size:4em;
line-height: 1em;
color:#fff;
font-weight: 300 !important;
}
#fpText p{
line-height: 1.2em;
font-size:1.5em;
color:#fff;
}
#fpButton{
opacity: 0;
}
.navbar-nav li:hover{
background-color:#fff;
color:#799db5 ;
text-decoration: none;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.6s ease;
}
.navbar-nav li button:hover{
background-color:#fff;
color:#799db5 ;
text-decoration: none;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.6s ease;
}
.navbar-nav li a:hover{
text-decoration: none;
}
.navbar a:hover{
background-color:transparent;
color:#799db5 ;
}
h2{
font-size:1.5em;
text-transform:uppercase;
text-decoration:underline;
}
p{
}
.card .btn{
color:#fff;
border: 2px solid #fff;
border-radius: 5%;
background-image: none;
background-color: rgba(255, 255, 255, 0) ;
}
.hero-unit h1 p {
font-size:1.75em;
text-transform: none;
color:#fff;
letter-spacing: 2px;
line-height: .8em;
}
.galleryWrapperPeople .col-xl-2,
.galleryWrapperPeople .col-xs-2,
.galleryWrapperPeople .col-sm-6,
.galleryWrapperPeople .col-md-4,
.galleryWrapperPeople .col-lg-4{
margin:0px !important;
padding:0px !important;
}
.card{
background-color:transparent !important;
border-radius:0px !important;
border:solid transparent 0px !important;
}
.card img{
-webkit-filter: grayscale(1); /* Older Webkit */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 4+ */
filter: gray; /* IE 6-9 */
}
.card img:hover{
background: rgba(240, 210, 0, 1);
}
.container #wrapperPages{
width:100%;
height:100%;
position: absolute;
opacity: 1;
}
.container-fluid img{
padding:0;
margin: 0;
width: 100%;
height: auto;
position: absolute;
}
.container #pageContent{
height:auto;
margin-bottom:5em;
}
/* Transition Animation */
.lBlueAnimation{
content: "";
position: absolute;
top: 0;
width: auto;
min-width: 100%;
background-color: #799db5;
z-index: 8;
}
.dBlueAnimation {
content: "";
position: absolute;
top: 0;
height: auto;
width: auto;
min-width: 100%;
background-color: #0d4061;
z-index: 9;
}
.orangeAnimation {
content: "";
position: absolute;
top: 0;
height: auto;
width: auto;
min-width: 100%;
min-height: 100%;
background-color: #f39d1f;
z-index: 0;
opacity: 1;
}
/*.has-animation.animate-in:before {
background-color: #799db5;
}
.has-animation.animate-in:after {
background-color: #0d4061;
animation-delay: .5s;
}
.has-animation.animation-ltr.animate-in:before {
animation: revealLTR 1.8s ease;
}
.has-animation.animation-ltr.animate-in:after {
animation: revealLTR 1s .6s ease;
}*/
/*@keyframes revealLTR {
0% {
height: 0;
top: 0;
}
65% {
height: 100%;
top: 0;
}
100% {
height: 0;
top: 100%;
}
}*/
/* Transition Animation End */
/* Scroll Img */
#scrollImg.row{
width: 100%;
height: 10%;
bottom: 0;
position: absolute;
padding: 0;
left: 0;
margin: 0 auto;
bottom: 1%;
}
#scrollImg.row .col-md-2{
width: 80px;
height: auto;
max-width: 80px;
max-height: 80px;
min-height: 50px;
position: relative;
padding: 0;
margin: 0 auto;
border-radius:50%;
opacity: 0;
overflow: hidden;
background-image: url('/wp-content/uploads/2018/05/scroll-NoBG.gif');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
/* Scroll Img End*/
.galleryWrapper{
min-width:100%;
min-height:auto;
width:auto;
height:auto;
background: rgba(209,131,15,1);
background: -moz-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,.5) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(209,131,15,1)), color-stop(100%, rgba(243,158,31,1)));
background: -webkit-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: -o-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: -ms-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: linear-gradient(to right, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1830f', endColorstr='#f39e1f', GradientType=1 );
}
/*
.galleryWrapperBlue{
min-width:100%;
width:auto;
height:auto;
background: rgba(121,157,181,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(121,157,181,1)), color-stop(89%, rgba(53,73,86,1)), color-stop(100%, rgba(53,73,86,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
background: radial-gradient(ellipse at center, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#799db5', endColorstr='#354956', GradientType=1 );
top:100%;
left:0;
right: 0;
opacity: 0;
}
.galleryWrapperPeople{
width:auto;
height:auto;
background: rgba(209,131,15,1);
background: -moz-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(209,131,15,1)), color-stop(100%, rgba(243,158,31,1)));
background: -webkit-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: -o-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: -ms-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: linear-gradient(to right, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1830f', endColorstr='#f39e1f', GradientType=1 );
left:0;
right: 0;
display:block;
padding-bottom:4%;
opacity: 0;
}
*/
.galleryWrapperBlue{
min-width:100%;
width:auto;
height:auto;
background: rgba(121,157,181,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(121,157,181,1)), color-stop(89%, rgba(53,73,86,1)), color-stop(100%, rgba(53,73,86,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
background: radial-gradient(ellipse at center, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#799db5', endColorstr='#354956', GradientType=1 );
top:100%;
left:0;
right: 0;
opacity: 0;
}
.galleryWrapperPeople{
padding:5%;
width:auto;
height:auto;
background: rgba(209,131,15,1);
background: -moz-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(209,131,15,1)), color-stop(100%, rgba(243,158,31,1)));
background: -webkit-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: -o-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: -ms-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: linear-gradient(to right, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1830f', endColorstr='#f39e1f', GradientType=1 );
display:block;
opacity: 1;
}
.gallerywrapperPortfolioItems{
width:auto;
height:auto;
background: lightgray;
padding:2% 5% 5% 5%;
display:block;
overflow-x:hidden;
overflow:hidden;
}
.gallerywrapperPortfolioItems .row{
}
.galleryWrapperContact{
width:auto;
height:auto;
background: #fdf5ea;
display:block;
}
.galleryWrapperContact .row{
padding: 5%;
height: auto;
margin:0 auto;
left: 0;
right: 0;
width: 100%;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1830f', endColorstr='#f39e1f', GradientType=1 );
}
.galleryWrapperAboutHeader .row{
padding: 10% 5% 10% 5%;
height: auto;
margin:0 auto;
left: 0;
right: 0;
width: 100%;
height: auto;
}
.galleryWrapperAboutHeader{
position: relative;
width:auto;
height:auto;
background-image: url("/wp-content/uploads/2019/about-orange.jpg");
background-position:center;
background-size: cover;
/* background:#F9F5E6; */
display:block;
overflow:hidden;
}
.galleryWrapperAboutHeader:before{
content:' ';
position:absolute;
width:100%;
height:100%;
background:white;
opacity:.80;
overflow:hidden;
}
/* project page stuff */
.galleryWrapperProjectsPage{
padding: 60px 5% 5% 5%;
background: -moz-linear-gradient(left, rgba(255,247,229,1) 0%, rgba(255,251,245,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,247,229,1)), color-stop(100%, rgba(255,251,245,1)));
background: -webkit-linear-gradient(left, rgba(255,247,229,1) 0%, rgba(255,251,245,1) 100%);
background: -o-linear-gradient(left, rgba(255,247,229,1) 0%, rgba(255,251,245,1) 100%);
background: -ms-linear-gradient(left, rgba(255,247,229,1) 0%, rgba(255,251,245,1) 100%);
background: linear-gradient(to right, rgba(255,247,229,1) 0%, rgba(255,251,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7e5', endColorstr='#fffbf5', GradientType=1 );
}
.galleryWrapperProjectsPage .row{
height: auto;
left: 0;
right: 0;
width: 100%;
height: auto;
}
.galleryWrapperProjectsPage .col-md-8{
padding-left:0px;
}
.serviceWrapper{
width:100%;
height:auto;
background: rgba(209,131,15,1);
background: -moz-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(209,131,15,1)), color-stop(100%, rgba(243,158,31,1)));
background: -webkit-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: -o-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: -ms-linear-gradient(left, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
background: linear-gradient(to right, rgba(209,131,15,1) 0%, rgba(243,158,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1830f', endColorstr='#f39e1f', GradientType=1 );
display:block;
opacity: 0;
}
.blue{
background: rgba(121,157,181,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(121,157,181,1)), color-stop(89%, rgba(53,73,86,1)), color-stop(100%, rgba(53,73,86,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
background: radial-gradient(ellipse at center, rgba(121,157,181,1) 0%, rgba(53,73,86,1) 89%, rgba(53,73,86,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#799db5', endColorstr='#354956', GradientType=1 );
}
.peopleRow{
padding-bottom: 10rem;
}
.galleryWrapper:before{
content:'';
background-image:url('/wp-content/uploads/2018/05/bgPattern2.svg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
position: absolute;
width: 100%;
height: 100%;
opacity: 0.1;
}
.galleryWrapperBlue:before{
content:'';
/* background-image:url('/wp-content/uploads/2018/05/bgPattern2.svg'); */
display: block;
position: absolute;
width: 100%;
height: 100%;
opacity: 0.1;
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.brandWrapper{
width:100%;
height:auto;
display: block;
background: rgba(121,157,181,1);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f39d1f+50,f39d1f+50,88420e+100 */
background: rgb(243,157,31); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgb(243,157,31) 50%, rgb(243,157,31) 50%, rgb(136,66,14) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgb(243,157,31) 50%,rgb(243,157,31) 50%,rgb(136,66,14) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgb(243,157,31) 50%,rgb(243,157,31) 50%,rgb(136,66,14) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39d1f', endColorstr='#88420e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
position:relative;
right: 0;
left: 0;
}
.brandWrapper:before{
content:'';
display: block;
width: 100%;
height: 100%;
opacity: 0.1;
background-image:url('/wp-content/uploads/2018/05/bgPattern2.svg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.brandWrapper .row-fluid .container{
width:50%;
display:inline-block;
float: left;
}
.jumbotron {
min-width:100%;
min-height:100%;
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
height:auto;
width:auto;
padding: 15%;
opacity: 0;
}
.jumbotronSub {
position:absolute;
top:0;
left:0;
right: 0;
height:auto;
width:auto;
padding: 0;
opacity: 0;
}
.jumbotron.row{
padding:25% 0 15% 15%;
height:auto;
width:auto;
}
.jumbotron.row.card{
position:relative;
width:27rem;
opacity: 0;
}
#work{
content:'';
background-image:url('/wp-content/uploads/2018/05/workBG.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
#brand{
content:'';
background-image:url('/wp-content/uploads/2018/05/Brand-Tim-1.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
#media{
content:'';
background-image:url('/wp-content/uploads/2018/05/mediaBG2-1.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
#mediaBG{
background-image:url('/wp-content/uploads/2018/05/mediaBG2-1.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
height: auto;
width: 100%;
background-position: center;
}
#digitalBG{
background-image:url('/wp-content/uploads/2018/04/digiMedia.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
height: auto;
width: 100%;
background-position: center;
}
#digitalBG{
content:'';
background-image:url('/wp-content/uploads/2018/04/digiMedia.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
#crmBG{
background-image:url('/wp-content/uploads/2018/04/CRM.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
height: auto;
width: 100%;
background-position: center;
}
#crm{
content:'';
background-image:url('/wp-content/uploads/2018/04/CRM.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
#pr{
content:'';
background-image:url('/wp-content/uploads/2018/04/PR.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
background-position: center;
}
#prBG{
background-image:url('/wp-content/uploads/2018/04/PR.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
height: auto;
width: 100%;
background-position: center;
}
#people{
content:'';
background-image:url('/wp-content/uploads/2018/05/PeopleBG.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
#privacy{
content:'';
background-image:url('/wp-content/uploads/2018/04/Privacy.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
#careers{
content:'';
background-image:url('/wp-content/uploads/2018/04/FrontEntrance.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
#press{
content:'';
background-image:url('/wp-content/uploads/2018/04/PressBG.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
#blogPost{
content:'';
background-image:url('/wp-content/uploads/2018/04/BlogPostBG2.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
#portfolio{
content:'';
background-color:#fff;
}
#blogPageMain{
content:'';
background-image:url('/wp-content/uploads/2018/04/BlogPostBG2.jpg');
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
#caseStudies .col-md-8 h1.orangeText{
color:#f39d1f;
border-color:#f39d1f;
margin-bottom:1.5em;
font-size: 3vw;
width: 100%;
height: auto;
}
#caseStudies .col-md-6 h2.strong{
color:#ffff;
text-decoration: none;
margin-bottom:1.5em;
font-size: 4vw;
line-height: 1.2em;
width: 100%;
height: auto;
}
#caseStudies #orangeBG.row-fluid .col-md-6 h3, p{
color:#ffff;
}
#whiteText{
color:#fff;
}
/* Work Page */
.galleryWrapper .row-fluid{
height:auto;
width:auto;
margin:0 auto;
position: relative;
}
.galleryContainer{
-webkit-box-shadow: -5px -5px 8px rgba(0, 0, 0, .5);
-moz-box-shadow: -5px -5px 8px rgba(0, 0, 0, .5);
box-shadow: -5px -5px 8px rgba(0, 0, 0, .5);
display:block;
border-width: .2rem;
width:85%;
height: auto;
padding: 0;
top: 0;
left: 0;
margin:12% auto 5% auto;
color:#fff;
}
.galleryContainer .card{
-webkit-box-shadow: -5px -5px 8px rgba(0, 0, 0, .5);
-moz-box-shadow: -5px -5px 8px rgba(0, 0, 0, .5);
box-shadow: -5px -5px 8px rgba(0, 0, 0, .5);
width:25rem;
height:35rem;
position: absolute;
z-index:1;
left:5rem;
bottom:20%;
top: 20%;
color:#fff;
}
.campaignIndicators{
background-color:rgba(13, 59, 90, .8);
height: 4vh;
width:35vw;
margin: 0 auto 0 auto;
position: absolute;
bottom: 1rem;
left: 0;
float: left;
padding: 4em;
bottom: 0;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-item {
position: relative;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
transition: -webkit-transform 0.6s ease;
transition: transform 0.6s ease;
transition: transform 0.6s ease, -webkit-transform 0.6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform: translateY(-1000);
transform: translateY(-1000);
}
.carousel-item img{
width:auto;
height: auto;
min-width: 100%;
min-height: 100%;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
}
.carousel-item-next,
.carousel-item-prev {
position: absolute;
top: 0;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translateX(0);
transform: translateX(0);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.carousel-item-next,
.active.carousel-item-right {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
.carousel-item-next,
.active.carousel-item-right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.carousel-item-prev,
.active.carousel-item-left {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
.carousel-item-prev,
.active.carousel-item-left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: 1;
top: 0;
bottom: 0;
height: 100%;
margin: 0 auto;
}
.carousel-control-prev:focus, .carousel-control-prev:hover,
.carousel-control-next:focus,
.carousel-control-next:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 40px;
height: 100%;
background: transparent no-repeat center center;
background-size: 100% 100%;
top: 0;
bottom: 0;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators {
position: absolute;
right: 0;
left: 0;
z-index: 15;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin: 0 auto;
list-style: none;
}
.carousel-indicators li {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators .active {
background-color: #fff;
}
#currentCampaigns .carousel-caption {
padding:1.5rem;
text-align: left;
position: absolute;
display: block;
float: left;
height: 100%;
width: 25%;
background-color: #799db5;
-webkit-box-shadow: -5px -5px 8px rgba(0, 0, 0, .5);
-moz-box-shadow: -5px -5px 8px rgba(0, 0, 0, .5);
box-shadow: -5px -5px 8px rgba(0, 0, 0, .5);
}
.carousel-caption {
padding:1.5rem;
text-align: left;
}
.carousel-caption h1{
font-size:4vw;
line-height:4.2vw;
border-bottom: 5px solid currentColor;
height:auto;
width:80%;
word-wrap: break-word;
padding-bottom:.35em;
color: #fff;
}
.carousel-caption p{
font-size:1.5vw;
line-height:1.8vw;
height:auto;
width:80%;
word-wrap: break-word;
text-align:left;
margin:0;
color: #fff;
text-transform: uppercase;
}
.card .titleLine{
width:95%;
word-wrap: break-word;
text-align:left;
margin-bottom:.8rem;
border-bottom: 3px solid #fff;
padding-bottom:.7rem;
height: auto;
}
h2.card-title{
margin-bottom:1.5rem;
border-bottom: 5px solid #fff;
text-decoration:none;
height:17%;
text-align:left;
font-size: 3rem;
line-height: 3rem;
font-weight: lighter;
text-align:center !important;
}
#overlay .card-title{text-align:center;}
h4.card-subtitle{
font-size:1rem;
line-height: 1rem;
text-align:left;
font-weight: lighter;
letter-spacing: 2px;
text-align:center;
}
.card-title{line-height: 1.5rem !important;}
.card-body{
padding:1.5rem;
height:auto;
width: 100%;
border: 0px solid transperent !important;
padding-top: 40%;
text-transform:uppercase;
}
.card-body .card-text{
font-size:.7rem;
line-height: 2rem;
font-weight: lighter;
letter-spacing: 1px;
text-align:left;
color:#fff;
}
.indicatorContainer {
background-color:rgba(0, 0, 0, .6);
width:15rem;
height:4.5rem;
margin:0 auto;
transform-style: preserve-3d;
bottom:0;
left: 0;
}
#currentCampaigns .carousel-slide{
height: 100%;
width: auto;
}
#currentCampaigns .carousel-inner{
height: 100%;
}
#currentCampaigns .carousel-inner .carousel-caption{
padding: 5%;
height: 45vh;
width: 35vw;
min-height: 45%;
margin: 0 auto;
background-color:rgba(121, 157, 181, .9);
text-transform: uppercase;
left: 0;
padding-bottom: 50%;
}
#currentCampaigns .carousel-inner figure{
margin-left: 0;
height: auto;
width: 100%;
}
#currentCampaigns .carousel-inner figure img{
width: 150px;
height: 100%;
margin-bottom: 5%;
}
#currentCampaigns .carousel-inner .carousel-caption button{
color:#fff;
border: 2px solid #fff;
color:#fff;
border: 2px solid #fff;
background-color:rgba(255, 255, 255, 0);
text-transform: uppercase;
font-weight: lighter;
letter-spacing: .3px;
margin-top: 5%;
padding: .75rem 1.5rem;
}
#currentCampaigns .carousel-inner .carousel-caption button a{
color:#fff;
text-decoration: none;
}
#currentCampaigns .carousel-inner .carousel-caption button a:hover{
color:#799db5;
background-color:rgba(255, 255, 255, 1);
text-decoration: none;
}
#currentCampaigns .carousel-inner .carousel-caption button:hover{
color:#799db5;
border: 2px solid #fff;
background-color:rgba(255, 255, 255, 1);
text-decoration: none;
}
#currentCampaigns .carousel-item img{
object-fit: cover;
object-position: 65% 10%;
width: auto;
height: 100%;
min-width: 100%;
min-height: 100%;
display: block;
}
#testimonialsBG{
background-color:#fff;
display:block;
height:auto;
width:100%;
}
figure .img-fluid{
width:50%;
height: auto;
}
.bgWhite{
background-color:#fff;
}
.bgTransparent{
background-color:rgba(255, 255, 255, 0);
}
.bgOrange{
background-color:#f39d1f;
}
.bgWhite .col-md-6 h2 {
color: #163449;
text-align: left;
font-size:2.25em;
line-height: 1.35em;
font-weight:lighter;
border-bottom: 3px solid #163449;
text-decoration:none;
width:92%;
}
.bgWhite .col-md-6 p {
color: #163449;
text-align: left;
font-size: 1.25em;
line-height: 1.5em;
letter-spacing:-0.15px;
}
.bgTransparent .col-md-6 h2 {
color: #fff;
text-align: left;
font-size:2.25em;
line-height: 1.9em;
font-weight:lighter;
border-bottom: 3px solid #fff;
text-decoration:none;
width:92%;
margin-top:1.3em;
}
.bgTransparent .col-md-6 p {
color: #fff;
text-align: left;
font-size: 1.25em;
line-height: 1.5em;
letter-spacing:-0.15px;
}
.brandWrapperTwo .bgOrange {
text-align:center;
width:100%;
height:15%;
display: block;
position:absolute;
vertical-align: middle;
text-align:center;
padding-top:3%;
}
/* Privacy Policy PAge */
.jumbotron#privacy{
transform:translateX(0) translateY(0);
right:0;
top: 0 ;
left: 0;
bottom: 0;
position: relative;
}
.jumbotron#privacy .container {
background-color:rgba(255, 255, 255, .9);
width:90%;
height: auto;
margin:0 auto;
padding:3%;
position: relative;
}
.jumbotron#privacy .container h3{
text-align:left;
color:#1d2930;
}
.jumbotron#privacy .container h4{
text-align:left;
color:#1d2930;
}
.jumbotron#privacy .container p{
text-align:left;
color:#1d2930;
}
/* Careers Page */
.jumbotron#careers .container {
background-color:rgba(255, 255, 255, .9);
width:90%;
margin:0 auto;
padding:3%;
margin-top:5em;
position: relative;
top: 0 ;
left: 0;
right: 0;
}
.jumbotron#careers .container h3{
text-align:left;
color:#1d2930;
}
.jumbotron#careers .container h4{
text-align:left;
color:#1d2930;
}
.jumbotron#careers .container p{
text-align:left;
color:#1d2930;
}
/* Press Page */
.jumbotronSub#press .row{
padding: 8%;
height: auto;
margin:0;
}
.jumbotronSub#press .row p{
display:none;
}
.jumbotronSub#press .col-md-4{
background-color:rgba(255, 255, 255, .93);
min-width:25rem;
max-width: 25rem;
width:auto;
height: auto;
border: 3px solid #f39d1f;
border-radius:8px;
position: relative;
margin: 1% 1%;
padding:1rem;
display:inline-block;
position:relative;
float: left;
}
.jumbotronSub#press .col-md-6{
background-color:rgba(255, 255, 255, .93);
min-width: 25rem;
max-width: 25rem;
width:auto;
height: auto;
border: 3px solid #f39d1f;
border-radius:8px;
margin: 1% auto;
padding:1rem;
display:inline-block;
position:relative;
}
.jumbotronSub .row .col-md-6 figure{
margin:.5em auto;
width:100%;
height:auto;
}
.jumbotronSub .row .col-md-6 h1{
text-align:left;
color:#1d2930;
font-size:1.5rem;
line-height: 2rem;
font-weight:lighter;
}
.jumbotronSub .row .col-md-4 h1{
text-align:left;
color:#1d2930;
font-size:280%;
line-height: 100%;
font-weight:lighter;
}
.jumbotronSub .row h1 a:hover{
text-decoration: none;
}
.jumbotronSub .row .col-md-6 h4{
text-align:left;
color:#1d2930;
display: block;
visibility: visible;
font-weight:lighter;
text-transform: none;
font-size:1.5rem;
line-height: 1.7rem
}
.jumbotronSub .row .col-md-4 h4{
text-align:left;
color:#1d2930;
display: block;
visibility: visible;
font-weight:lighter;
text-transform: none;
font-size:1.5rem;
line-height: 1.7rem;
}
/* Blog Main Page */
.jumbotron#blogPageMain{
top: 0;
left: 0;
right: 0;
transform: translateX(0) translateY(0);
padding: 5%;
}
#blogMainContainer {
position: absolute;
display: block;
float: left;
margin: 0 auto;
background-color: rgba(121, 157, 181, .8 );
padding-left:5%;
padding-top:2%;
padding-right: 2%;
}
#blogPageMain .col-md-4 {
padding: 0;
border:5px solid transparent;
}
img.blogPageMain{
z-index:-1;
width: 100%;
height: auto;
position: relative;
display: inline-block;
}
h1.blogPageMain{
color: #fff;
font-weight: bold;
font-size:2.5em;
}
h4.blogPageMain{
color: #fff;
font-weight: lighter;
font-size:1.2vh;
line-height: 1.3em;
}
a.blogPageMain{
color: #fff;
font-weight: lighter;
}
#blogPageMain .btn{
padding: .4rem .8rem;
font-size: .9rem;
border:2px solid #fff;
color:#fff;
font-size: 1.1em;
margin-top:.7%;
}
/* Blog Post */
.jumbotron#blogPost{
top: 0;
left: 0;
right: 0;
transform: translateX(0) translateY(0);
padding: 5%;
}
#blogHeader .col-md-9{
margin: 0 auto;
}
.jumbotron#blogPost #blogHeader.container-fluid{
display: block;
position: relative;
margin-bottom: 1%;
}
h2#blogHeader{
color:#fff;
font-family: 'Passion One', cursive !important;
font-weight:700;
font-size: 18vw;
text-decoration: none;
display: inline;
text-align: left;
}
h3#blogHeader{
color:#fff;
font-family: 'Just Another Hand', cursive !important;
font-weight:400;
font-size: 2vw;
line-height: 2.2vw;
text-decoration: none;
display: inline;
float: left;
height: auto;
width: auto;
text-align: right;
}
.jumbotron#blogPost .container{
background-color:rgba(255, 255, 255, .9);
width:100%;
height: auto;
margin:0 auto;
padding:5%;
position: relative;
}
.jumbotron#blogPost .container .row{
padding: 4% ;
width:100%;
height: auto;
}
.jumbotron#blogPost h1{
font-size:3em;
height:auto;
width: 98%;
border-bottom: 2px solid #000;
margin-bottom:.45em;
padding-bottom:.45em;
}
.jumbotron#blogPost h1, p{
color:#000;
}
.p4{
line-height: 1.4em;
font-size:1.4em;
text-align:left;
margin:.5em 0;
width: 100%;
height: auto;
}
.jumbotron#blogPost .container .row h3{
color: #000;
margin-top: 4em;
}
.jumbotron#blogPost img{
vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1;
margin-right:auto;
margin-left:auto;
width: 250px;
height: auto;
}
.jumbotron#blogPost iframe{
min-width: 100%;
min-height: 100%;
margin: 3% auto;
vertical-align: top;
position: relative;
}
.jumbotron#blogPost h4{
color: #000;
text-transform: none;
font-size: 1.05rem;
line-height: 1.4rem;
}
.jumbotron#blogPost h4 img{
float: left;
margin: .3% 2% .35% auto;
}
.at-below-post .addthis_tool{
margin-top: 2%;
}
.at-share-btn-elements{
margin-bottom:3%;
}
.leftAlign {
float: left;
margin: 1.9% 2% .25% auto;
}
/* Portfolio Page */
.jumbotronPortfolio {
min-width:100%;
min-height:100%;
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
height:auto;
width:auto;
padding: 15%;
opacity: 1;
}
.jumbotronPortfolio#portfolio{
top: 0;
left: 0;
right: 0;
transform: translateX(0) translateY(0);
padding: 0;
}
.jumbotronPortfolio#portfolio .addthis_tool{
display:none;
visibility: hidden;
}
.jumbotronPortfolio .card{
width:25rem;
top:8em;
margin-bottom:1%;
-webkit-box-shadow: -4px -5px 8px rgba(0, 0, 0, .5);
-moz-box-shadow: -4px -5px 8px rgba(0, 0, 0, .5);
box-shadow: -4px -5px 8px rgba(0, 0, 0, .5);
}
.jumbotronPortfolion .card h1.card-title{
font-size:3.5rem;
line-height: 1em;
font-weight: lighter;
color: #fff;
}
.jumbotronPortfolio .card h3.card-title{
font-size:1.8em;
line-height: 1.15em;
font-weight: lighter;
letter-spacing: .5px;
color: #fff;
}
.jumbotronPortfolio .card p{
font-size:1rem;
line-height: 1.5rem;
padding:.1rem;
color: #fff;
}
#portfolio .col-md-6 h1{
border-bottom: 0;
}
#portfolio #portfolioHeader.container-fluid{
display: block;
position: relative;
margin-bottom: 1%;
}
#portfolio .col-md-12{
padding: 0;
}
#portfolio .col-md-12 img{
width: 150%;
left: 0;
height: auto;
}
#portfolio .container{
min-width:100%;
margin:0 auto;
height: auto;
position: relative;
}
#padding.container{
min-width:100%;
margin:0 auto;
height: auto;
position: relative;
padding:5%;
}
#portfolio .container .row{
padding: 1% 2%;
width:100%;
margin-left:auto;
margin-right:auto;
height: 100%;
min-height: 40vh;
position: relative;
}
#contentRow.row{
margin:1% auto;
padding: 0;
bottom: 0;
}
.jumbotronPortfolio#portfolio h1{
font-size:3em;
line-height: 1.2em;
height:auto;
width: 98%;
border-bottom: 2px solid #000;
margin-bottom:.45em;
padding-bottom:.45em;
color: #000;
}
.col-md-8{
}
#portfolio h3,h4, p{
color:#000;
display: block;
line-height: 1.5em;
}
#portfolio h5{
line-height: 1.5em;
}
.jumbotronPortfolio#portfolio iframe{
min-width: 100%;
min-height: 100%;
margin: 3% auto;
vertical-align: top;
position: relative;
}
.jumbotronPortfolio#portfolio .col-md-4{
margin:2% auto;
max-width: 300px;
padding: 1%;
text-align: center;
}
.jumbotronPortfolio#portfolio .col-md-4 h4{
margin:0 auto;
display: block;
font-size: 2vh;
line-height: 2vh;
background-color: rgba(121,157,181,.8);
width: 100%;
height: auto;
font-weight: bold;
color:#fff;
padding: 5% 0;
}
#portfolio #headerRow.row{
}
#portfolio #headerRow.row .card{
display: block;
z-index:1;
margin-top: 7%;
min-height: 25em;
height: auto;
top: 0;
}
#portfolio #headerRow.row .card figure{
left: 0;
width: 100%;
height: auto;
margin: 0 auto;
}
#portfolio .row-fluid{
display: flex;
margin-top: 1em;
padding: 3%;
}
#caseStudies.row-fluid .col-md-6 h2{
text-decoration: none;
color: #f39d1f;
font-size: 3em;
line-height: 1.5em;
}
#orangeBG.row-fluid{
background-color:#f39d1f;
}
#orangeBG.row-fluid h2, h3{
text-decoration: none;
color: #fff;
}
#portfolio .row-fluid .col-md-6 h2{
text-decoration: none;
color: #f39d1f;
font-size: 2em;
line-height: 1.2em;
}
#portfolio .row .container{
position: absolute;
top: 0;
left: 0;
padding: 5%;
height: 100%;
width: 100%;
background-repeat: no-repeat;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
#portfolio button.btn.btn-primary{
background-color: #000;
border: 5px solid #799db5;
padding: 0;
width: auto;
height: auto;
max-height: 250px;
min-height: 250px;
min-width: 300px;
max-width: 300px;
overflow:hidden;
background-position: center;
background-repeat: no-repeat;
}
#portfolio button.btn.btn-primary:hover{
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.6s ease;
background-color: #799db5;
opacity:.6
}
#portfolio button.btn.btn-primary img{
vertical-align: top;
margin: 0 auto;
width: auto;
height: 100%;
max-height: 250px;
min-width: 300px;
padding: 0;
}
#portfolio button.btn.btn-primary img:hover{
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.6s ease;
opacity:.1;
}
#modal.modal-dialog.modal-dialog-centered{
/* width: auto; */ /* edited by paul oct 29 18 */
height: auto;
max-width: fit-content;
max-height: fit-content;
}
#modaldivfooter.modal-content{
width: auto;
height: auto;
max-height: auto;
}
#modal.modal-dialog.modal-dialog-centered #modaldivfooter.modal-content .modal-body{
width: auto;
height: auto;
max-height: fit-content;
}
#portfolio.carousel-inner .carousel-item.active img{
/* width: auto; */
height: auto;
max-height: 550px;
max-width: 12000px;
min-height: auto;
min-width: auto;
}
#portfolio.modal-footer{
position: relative;
background-color: #ffa400;
height: 3.5em;
}
button#portfolio.close {
background-color:rgba(0,0,0,0);
line-height: 1.8em;
position: absolute;
}
#portfolio.carousel-inner .carousel-caption{
padding:.3em;
text-align:center;
bottom: 0;
position: absolute;
width: 100%;
background-color: rgba(243, 157, 31, .8)
}
#portfolio.carousel-inner .carousel-caption h5{
color:#fff;
}
#portfolio.carousel-inner .carousel-caption p{
color:#000;
text-align: center;
font-size: 1em;
line-height: .5em;
width: 100%;
text-transform: uppercase;
}
#portfolio.carousel-inner .carousel-caption p a{
color:#fff;
width: 100%;
}
#portfolio.carousel-inner .carousel-caption p a:hover{
color:#799db5;
}
#portfolio h4.modal-title{
color: #000;
text-transform: none;
font-size: 2.5rem;
line-height: 2em;
}
#portfolio .carousel-indicators{
margin:2% auto;
width: 100%;
height: 90%;
position: relative;
}
#portfolio.modal-body iframe{
top:0;
left: 0;
margin: 0 auto;
display: inline-block;
width: 100%;
}
#portfolio.modal-title{
text-align:center;
}
/* for aligning images to the right add this inline style
style="float: right; margin-left:2%; margin-top:1.3%;"*/
.iconText{
font-size:1.5em;
}
.btn-outline-primary {
color: #fff;
background-color: transparent;
background-image: transparent;
border: 2.5px solid #fff;
padding:2% 4%;
font-size:2em;
overflow: hidden;
}
.btn-outline-primary:hover {
background-color: transparent;
background-image: transparent;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: rgba(255, 255, 255, 1);
background-color: transparent;
}
.btn-outline-primary:active, .btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: transparent;
background-image: transparent;
}
.jumbotron .card{
width:25rem;
-webkit-box-shadow: -4px -5px 8px rgba(0, 0, 0, .5);
-moz-box-shadow: -4px -5px 8px rgba(0, 0, 0, .5);
box-shadow: -4px -5px 8px rgba(0, 0, 0, .5);
opacity:0;
transform: translateY(-100px);
}
.jumbotron .card h1.card-title{
font-size:3.5rem;
line-height: 1em;
font-weight: lighter;
color: #fff;
opacity:0;
}
.jumbotron .card h3.card-title{
font-size:1.8em;
line-height: 1.15em;
font-weight: lighter;
letter-spacing: .5px;
color: #fff;
opacity:0;
}
.jumbotron .card p{
font-size:1rem;
line-height: 1.5rem;
padding:.1rem;
color: #fff;
opacity:0;
}
.row-fluid{
padding:0;
}
/* People Page */
.galleryWrapperPeople .row{
margin: 0 auto;
padding: 4% 0;
}
.galleryWrapperPeople .row .col-md-6{
width:auto;
height: auto;
margin: 1% auto;
padding-top:2rem;
left: 0;
display:inline-block;
position:relative;
max-width: 43em;
min-width: 43em;
padding-left: 0;
padding-right: 0;
}
.galleryWrapperPeople .row .col-md-6 .card{
width: 19em;
height: 28em;
z-index:1;
position:relative;
float:left;
left:0;
-webkit-box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
-moz-box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
}
.galleryWrapperPeople .row .col-md-6 figure{
width:28em;
height:auto;
position: absolute;
float:right;
margin:0 0em 0 12rem;
-webkit-box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
-moz-box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
}
.galleryWrapperPeople .row .col-md-6 figure .figure-img{
width:auto;
height:auto;
min-width:100%;
}
.galleryWrapperPeople .card-title{font-size: 1rem;line-height: 1.5rem !important;}
.galleryWrapperPeople .card-subtitle{font-size: .7rem !important;line-height: 1rem !important;}
.galleryWrapperPeople .card-body{padding-top:35% !important;}
.galleryWrapperPeople .card .card-body{
padding:1em;
padding-left:0px;
}
.galleryWrapperPeople .card .card-title{
font-size:2.2em;
line-height: 1em;
margin-top: 0;
height:auto;
width: 95%;
position:relative;
font-weight:lighter;
text-align:left;
color:#fff;
display: inline-block;
}
.galleryWrapperPeople .card .card-subtitle{
font-size:1.2em;
line-height: 1.3em;
text-align:left;
font-weight:lighter;
text-transform: uppercase;
margin-bottom: .5em;
padding-bottom: .4em;
color:#fff;
display: inline-block;
}
.galleryWrapperPeople .card .card-text{
font-size:.90em;
line-height: 1.3em;
margin-bottom:.7em;
color:#fff;
display: inline-block;
}
.row#workContent{
padding: 8%;
}
/* Brand Page */
.galleryWrapperBlue .row{
padding: 5%;
height: auto;
margin:0 auto;
left: 0;
right: 0;
width: 100%;
height: auto;
}
.galleryWrapperBlue .row .img-thumbnail{
background-color:rgba(60, 78, 90, .4);
border-radius: 5px;
border: 1px solid rgba(60, 78, 90, 0);
margin: .25em auto;
padding:1.5%;
display:inline-block;
min-height:90px;
}
/* Services Page */
.serviceWrapper .row{
height: 100%;
}
.serviceWrapper .col-md-6{
opacity: 0;
padding: 0;
}
.serviceWrapper .col-md-6 .card{
width: 100%;
height: 100%;
position: unset;
z-index:1;
-webkit-box-shadow: 4px -5px 9px rgba(0, 0, 0, 0);
-moz-box-shadow: 4px -5px 9px rgba(0, 0, 0, 0);
box-shadow: 4px -5px 9px rgba(0, 0, 0, 0);
text-align: left;
margin:0 auto;
background-color: rgba(121, 157, 181, .7);
border: 0;
}
.serviceWrapper .col-md-6 .card .card-body{
padding:15%;
}
.serviceWrapper .col-md-6 .card h1{
font-size: 5em;
line-height: 1em;
font-weight:bold;
color:#fff;
color: #fff;
}
.serviceWrapper .row .card h4{
font-size: 2em;
line-height: 1.1em;
color: #fff;
}
.serviceWrapper .col-md-6 .card .btn{
padding: 1rem 2rem;
font-size: 1.4rem;
color:#fff;
}
.serviceWrapper .col-md-6 .card .btn:hover{
background-color:#fff;
color:#799db5;
}
/* Digital Media Page*/
.col-md-4#digimedia{
margin: 5% auto;
height: auto;
width: 47%;
position: relative;
padding-left: 0;
padding-right: 0;
left: 0;
right: 0;
display: inline-flex;
}
.col-md-4#digimedia .btn{
padding: 0;
border: 3px solid #799db5;
width: 100%;
height: auto;
}
.col-md-4#digimedia .btn:hover{
opacity: .4;
}
.col-md-4#digimedia img{
object-fit: cover;
object-position: 65% 10%;
width: auto;
height: auto;
display: block;
}
.jumbotron#digimediao .col-md-3{
display: inline-block;
margin:2% auto;
}
.jumbotron#digimedia .col-md-3 h4{
margin:3% auto;
display: inline-block;
line-height: 1.2em;
}
#digimedia.modal-footer{
position: relative;
background-color: #ffa400;
height: 3.5em;
}
button#digimedia.close {
background-color:rgba(0,0,0,0);
line-height: 2.1em;
position: absolute;
}
#digimedia.carousel-inner .carousel-caption{
padding:.3em;
text-align:center;
top: 0;
position: absolute;
width: 100%;
background-color: rgba(243, 157, 31, .8)
}
#digimedia.carousel-inner .carousel-caption h5{
color:#fff;
}
#digimedia.carousel-inner .carousel-caption p{
color:#000;
text-align: center;
font-size: 1em;
line-height: .5em;
width: 100%;
text-transform: uppercase;
}
#digimedia.carousel-inner .carousel-caption p a{
color:#fff;
width: 100%;
}
#digimedia.carousel-inner .carousel-caption p a:hover{
color:#799db5;
}
#digimedia h4.modal-title{
color: #000;
text-transform: none;
font-size: 2.5rem;
line-height: 2em;
}
#digimedia .carousel-indicators{
margin:2% auto;
width: 100%;
height: 90%;
position: relative;
}
#digimedia.modal-body iframe{
top:0;
left: 0;
margin: 0 auto;
display: inline-block;
width: 100%;
}
#digimedia.modal-title{
text-align:center;
}
.social-filler{
height:50px;width:50px;background:#000;
padding-right:30px; display:inline-block;
}
footer hr{
clear:both;
border-top:solid black 1px;
padding-bottom:100px;
}
footer .row{float:left; padding-right:5%;}
/* Footer */
footer{
display:flex;
padding:5%;
background-color: white;
left: 0;
bottom: 0;
width:100%;
height:auto;
}
footer ul{
width: 100%;
margin:10px 10px 10px 0px !important;
}
footer ul.navbar-nav {
margin:0 auto;
padding:0;
width:100%;
display:block;
height:2em;
left: 0;
right: 0;
min-width: 100%;
}
footer ul.navbar-nav li {
width:auto;
height:auto;
font-size:.9em;
display:inline-block;
margin-right: 1%;
}
footer .custom-menu-class{
float:left;
margin:0 auto;
height: 100%;
}
footer li{
display: block;
}
footer ul li a{
color:#fff;
height: 100%;
}
.footerlogo{
width:70px;
height:70px;
background-image: url("/wp-content/uploads/SVG/RPM-LOGO-BLACK.svg");
background-repeat:none;
background-size:100% 100%;
}
/* @group Page-Listing-Videos */
.list-item-video .list-item-inside {
overflow: hidden;
/* width: 240px;*/
width: 240px;
height: 180px;
position: relative;
}
.vimeo-play-icon {
background-image: url(/wp-content/uploads/2018/05/vimeo-play-button-icon.png);
width: 41px;
height: 39px;
position: absolute;
top: 65px;
left: 100px;
}
.vimeo-thumbnail {
width: 100%;
height: auto;
display: block;
margin: 0;
}
/* @end */
/* ----------- Google Pixel ----------- */
/* Portrait */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 4)
and (orientation: portrait) {
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
position: absolute;
height: auto;
margin-left: auto;
margin: 13% auto;
max-width: 100%;
}
.modal-content .modal-body h1{
font-size:2.2em;
line-height: 2.5em;
}
.modal.fade.show{
width: auto;
height: 500px;
position: absolute;
min-width: 100%;
transform: translateY(15%);
}
.modal.fade .modal-dialog{
margin-top: 45%;
width: 90%;
}
button#portfolio.close {
line-height: 2em;
}
.modal-content{
top:0;
bottom: 0;
position: relative;
}
.modal-content .modal-body iframe{
width:100%;
}
.navbar-brand{
width:4em;
z-index:10;
margin-left: 2em;
margin-top: .2em;
}
.navbar-nav li {
display:block;
}
.navbar-nav li #navSocial {
display:inline;
float: left;
}
footer{
height: 2em;
}
footer.navbar-expand-lg .row{
height: 100%;
min-height: 2em;
margin: 0 auto;
}
footer.navbar-expand-lg .row ul.navbar-nav{
height: 100%;
margin: 0 auto;
font-size: .85em;
width: 100%;
}
footer.navbar-expand-lg .row ul.navbar-nav li{
line-height: 3vh;
}
.reelContainer2 .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 20% auto 10% auto;
background-color: rgba(243,157,31,.7);
}
.reelContainer .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 20% auto 10% auto;
background-color: rgba(243,157,31,.7);
}
#fpText h1{
font-size:13vw;
line-height: 13vw
}
#fpText h3{
font-size:2em;
font-weight: 400;
}
#fpText p{
height: auto;
width: 100%;
font-weight: 300;
}
.galleryWrapperPeople .row .col-md-6 {
width:20.5em;
height: auto;
max-height:37em;
margin: 3% auto 10% auto;
padding:0;
left: 0;
display:inline-block;
position:relative;
}
.galleryWrapperPeople .row .col-md-6 .card{
width: 100%;
height: auto;
margin: 0 auto;
z-index:0;
position:relative;
display:inline;
float:left;
top: 0;
left:0;
right: 0;
padding:1em;
-webkit-box-shadow: -4px -4px 7px rgba(0, 0, 0, .3);
-moz-box-shadow: -4px -4px 7px rgba(0, 0, 0, .3);
box-shadow: -4px -4px 7px rgba(0, 0, 0, .3);
border-radius: 0;
}
.galleryWrapperPeople .row .col-md-6 figure{
width:100%;
height:auto;
max-height: auto;
position:relative;
display:inline;
float:left;
top: -1.6em;
left:0;
margin: 0 auto;
border: 4px solid #799db5;
-webkit-box-shadow: -4px 10px 7px rgba(0, 0, 0, .3);
-moz-box-shadow: -4px 10px 7px rgba(0, 0, 0, .3);
box-shadow: -4px 10px 7px rgba(0, 0, 0, .3);
}
.galleryWrapperPeople .card .card-body{
padding:.75em;
}
.galleryWrapperPeople .card .card-title{
font-size:2em;
line-height: 1em;
margin-top: 0;
}
.galleryWrapperPeople .card .card-subtitle{
font-size:1.2em;
line-height: 1.2em;
text-align:left;
font-weight:lighter;
text-transform: uppercase;
border-bottom: 3px solid currentColor;
margin-bottom: .3em;
padding-bottom: .4em;
}
.galleryWrapperPeople .card .card-text{
font-size:.8em;
line-height: 1.2em;
margin-bottom:.7em;
}
#blogHeader.container-fluid{
margin-top: 18%;
margin-bottom: 5%;
}
.jumbotron#blogPost iframe{
width: 100%;
height: auto;
display: inline-block;
}
.galleryWrapperBlue .row{
padding:6%;
}
.bgWhite .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.bgWhite .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.row.bgTransparent .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.row.bgTransparent .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.jumbotronPortfolio#portfolio{
padding: 0;
}
#portfolio .container{
padding: 0;
}
#portfolio #headerRow.row .card{
margin: 10% auto 10% auto;
max-width: 85%;
}
#portfolio .container .row{
padding: 0;
}
.jumbotronPortfolio#portfolio .col-md-4{
padding:0;
}
#portfolio.carousel-inner .carousel-item.active img{
max-height:90%;
max-width: 85%;
}
}
/* ----------- Galaxy S3 ----------- */
/* Portrait */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: portrait) {
ul, ol{
margin: 0 auto;
}
.navbar-brand{
width:4em;
z-index:10;
margin-left: 2em;
margin-top: .2em;
}
.modal.fade .modal-dialog{
height: 90vh;
width: 90vw;
}
button#portfolio.close {
line-height: 2em;
}
.modal-content .modal-body h1{
font-size:2.2em;
line-height: 2.5em;
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
position: absolute;
height: auto;
margin-left: auto;
margin: 13% auto;
max-width: 100%;
}
.navbar-nav #socialItems{
margin: 0 auto;
padding: 0;
}
.show .navbar-nav li#navSocial {
display:inline;
margin: 0 auto;
}
footer{
height: 2em;
}
footer.navbar-expand-lg .row{
height: 100%;
min-height: 2em;
margin: 0 auto;
}
footer.navbar-expand-lg .row ul.navbar-nav{
height: 100%;
margin: 0 auto;
font-size: .85em;
width: 100%;
}
footer.navbar-expand-lg .row ul.navbar-nav li{
line-height: 3vh;
}
.reelContainer2 .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 20% auto 10% auto;
background-color: rgba(243,157,31,.7);
}
.reelContainer .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 20% auto 10% auto;
background-color: rgba(243,157,31,.7);
}
#fpText h1{
font-size:13vw;
line-height: 13vw
}
#fpText h3{
font-size:2em;
font-weight: 400;
}
#fpText p{
height: auto;
width: 100%;
font-weight: 300;
}
.jumbotron{
top:0;
left:0;
right: 0;
transform:translateX(0) translateY(0);
padding:0;
}
.jumbotron .row{
margin:0 auto;
padding:0;
}
.jumbotron .row .card{
position:relative;
height: auto;
max-height: 28rem;
margin: 22% auto 0 auto;
top: 0;
width:85%;
padding: 0;
}
.card .titleLine{
padding-bottom: .4rem;
border-bottom:3px solid #fff;
height: auto;
}
.jumbotron .row .card h1{
font-size:2.3rem;
line-height: 1.3em;
letter-spacing: 0.5px;
margin: 0;
width: 100%;
}
.jumbotron .row .card .card-body{
padding: 1rem;
}
.jumbotron .row .card h3{
font-size:1.4em;
line-height: 1.2em;
letter-spacing: 0.05em;
margin-top:0;
}
.jumbotron .row .card p{
font-size:.8rem;
line-height: .90rem;
padding:.1rem;
font-weight: 300;
}
.galleryWrapperPeople{
width: 100%;
}
.galleryWrapperPeople .row{
padding-left: 0;
padding: 4% 0;
}
.galleryWrapperPeople .row .col-md-6 {
width:90%;
height: auto;
max-height:37em;
margin: 3% auto 10% auto;
padding:0;
left: 0;
display:inline-block;
position:relative;
}
.galleryWrapperPeople .row .col-md-6 .card{
width: 100%;
height: auto;
margin: 0 auto;
z-index:0;
position:relative;
display:inline;
float:left;
top: 0;
left:0;
right: 0;
padding:1em;
-webkit-box-shadow: -4px -4px 7px rgba(0, 0, 0, .3);
-moz-box-shadow: -4px -4px 7px rgba(0, 0, 0, .3);
box-shadow: -4px -4px 7px rgba(0, 0, 0, .3);
border-radius: 0;
}
.galleryWrapperPeople .row .col-md-6 figure{
width:100%;
height:auto;
max-height: auto;
position:relative;
display:inline;
float:left;
top: -1.6em;
left:0;
margin: 0 auto;
border: 4px solid #799db5;
-webkit-box-shadow: -4px 10px 7px rgba(0, 0, 0, .3);
-moz-box-shadow: -4px 10px 7px rgba(0, 0, 0, .3);
box-shadow: -4px 10px 7px rgba(0, 0, 0, .3);
}
.galleryWrapperPeople .card .card-body{
padding:.75em;
}
.galleryWrapperPeople .card .card-title{
font-size:2em;
line-height: 1em;
margin-top: 0;
}
.galleryWrapperPeople .card .card-subtitle{
font-size:1.2em;
line-height: 1.2em;
text-align:left;
font-weight:lighter;
text-transform: uppercase;
border-bottom: 3px solid currentColor;
margin-bottom: .3em;
padding-bottom: .4em;
}
.galleryWrapperPeople .card .card-text{
font-size:.8em;
line-height: 1.2em;
margin-bottom:.7em;
}
.galleryContainer{
width: 100%;
height: auto;
min-height: 100%;
top: 0;
left: 0;
right: 0;
margin: 5% auto;
position: absolute;
display: contents;
}
#currentCampaigns .carousel-slide{
height: 100%;
width: auto;
}
#currentCampaigns .carousel-inner{
height: 100%;
}
#currentCampaigns .carousel-inner .carousel-caption{
padding: 2%;
height: auto;
width: 100%;
margin: 0 auto;
background-color:rgba(121, 157, 181, .9);
text-transform: uppercase;
bottom: 0;
left: 0;
right: 0;
padding-bottom: 50%;
}
#currentCampaigns .carousel-caption h1{
font-size:2.2em;
line-height:1.2em;
border-bottom: 2px solid currentColor;
}
#currentCampaigns .carousel-caption p{
font-size:1.4em;
line-height:1.1em;
}
#currentCampaigns .carousel-inner figure{
margin-left: 0;
}
#currentCampaigns .carousel-inner .carousel-caption button{
color:#fff;
border: 2px solid #fff;
color:#fff;
border: 2px solid #fff;
background-color:rgba(255, 255, 255, 0);
text-transform: uppercase;
font-weight: lighter;
letter-spacing: .3px;
margin-top: 10%;
}
#currentCampaigns .carousel-item img{
object-fit: cover;
object-position: 65% 10%;
width: auto;
height: 100%;
min-width: 100%;
min-height: 100%;
display: block;
}
#blogHeader.container-fluid{
margin-top: 18%;
margin-bottom: 5%;
}
#currentCampaigns .campaignIndicators{
display:inline-block;
margin: 0 auto;
left: 0;
right: 0;
width: 100%;
padding: 2em;
}
.jumbotron#blogPost iframe{
width: 100%;
height: auto;
display: inline-block;
}
.galleryWrapperBlue .row{
padding:6%;
}
.bgWhite .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.bgWhite .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.row.bgTransparent .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.row.bgTransparent .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
#caseStudies .col-md-6 h2.strong{
font-size: 2.5rem;
margin-top:40%;
}
#caseStudies .col-md-8 h1.orangeText{
font-size: 1.8rem;
}
#portfolio .container .row{
padding: 0;
}
.jumbotronPortfolio#portfolio{
padding: 0;
}
#portfolio .container{
padding: 0;
}
#portfolio #headerRow.row .card{
margin: 10% auto 10% auto;
max-width: 85%;
}
.jumbotronPortfolio#portfolio .col-md-4{
padding:0;
}
#orangeBG.row-fluid{
margin-top: 0;
margin-bottom: 5%;
}
}
/* ----------- iPhone 4 and 4S (some 6s)----------- */
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
ul, ol{
margin: 0 auto;
}
.navbar-brand{
width:4em;
z-index:10;
margin-left: 2em;
margin-top: .5em;
}
.modal.fade .modal-dialog{
margin-top: 45%;
width: 90%;
}
button#portfolio.close {
line-height: 2em;
}
.modal-content .modal-body h1{
font-size:2.2em;
line-height: 2.5em;
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
position: absolute;
height: auto;
margin-left: auto;
margin: 13% auto;
max-width: 100%;
}
.navbar-nav #socialItems{
margin: 0 auto;
padding: 0;
}
.show .navbar-nav li#navSocial {
display:inline;
margin: 0 auto;
}
footer{
height: 2em;
}
footer.navbar-expand-lg .row{
height: 100%;
min-height: 2em;
margin: 0 auto;
}
footer.navbar-expand-lg .row ul.navbar-nav{
height: 100%;
margin: 0 auto;
font-size: .85em;
width: 100%;
}
footer.navbar-expand-lg .row ul.navbar-nav li{
line-height: 3vh;
}
.reelContainer2 .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 20% auto 10% auto;
background-color: rgba(243,157,31,.7);
}
.reelContainer .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 20% auto 10% auto;
background-color: rgba(243,157,31,.7);
}
#fpText h1{
font-size:10vw;
line-height: 13vw
}
#fpText h3{
font-size:2em;
font-weight: 400;
}
#fpText p{
height: auto;
width: 100%;
font-weight: 300;
}
.jumbotron{
top:0;
left:0;
right: 0;
transform:translateX(0) translateY(0);
padding:0;
}
.jumbotron .row{
margin:0 auto;
padding:0;
}
.jumbotron .row .card{
position:relative;
height: auto;
max-height: 28rem;
margin: 22% auto 0 auto;
top: 0;
width:85%;
padding: 0;
}
.card .titleLine{
padding-bottom: .4rem;
border-bottom:3px solid #fff;
height: auto;
}
.jumbotron .row .card h1{
font-size:2.3rem;
line-height: 1.3em;
letter-spacing: 0.5px;
margin: 0;
width: 100%;
}
.jumbotron .row .card .card-body{
padding: 1rem;
}
.jumbotron .row .card h3{
font-size:1.4em;
line-height: 1.2em;
letter-spacing: 0.05em;
margin-top:0;
}
.jumbotron .row .card p{
font-size:.8rem;
line-height: .90rem;
padding:.1rem;
font-weight: 300;
}
.galleryWrapperPeople{
width: 100%;
}
.galleryWrapperPeople .row{
padding-left: 0;
padding: 4% 0;
}
.galleryWrapperPeople .row .col-md-6 {
width:90%;
height: auto;
max-height:37em;
margin: 3% auto 10% auto;
padding:0;
left: 0;
display:inline-block;
position:relative;
}
.galleryWrapperPeople .row .col-md-6 .card{
width: 100%;
height: auto;
margin: 0 auto;
z-index:0;
position:relative;
display:inline;
float:left;
top: 0;
left:0;
right: 0;
padding:1em;
-webkit-box-shadow: -4px -4px 7px rgba(0, 0, 0, .3);
-moz-box-shadow: -4px -4px 7px rgba(0, 0, 0, .3);
box-shadow: -4px -4px 7px rgba(0, 0, 0, .3);
border-radius: 0;
}
.galleryWrapperPeople .row .col-md-6 figure{
width:100%;
height:auto;
max-height: auto;
position:relative;
display:inline;
float:left;
top: -1.6em;
left:0;
margin: 0 auto;
border: 4px solid #799db5;
-webkit-box-shadow: -4px 10px 7px rgba(0, 0, 0, .3);
-moz-box-shadow: -4px 10px 7px rgba(0, 0, 0, .3);
box-shadow: -4px 10px 7px rgba(0, 0, 0, .3);
}
.galleryWrapperPeople .card .card-body{
padding:.75em;
}
.galleryWrapperPeople .card .card-title{
font-size:2em;
line-height: 1em;
margin-top: 0;
}
.galleryWrapperPeople .card .card-subtitle{
font-size:1.2em;
line-height: 1.2em;
text-align:left;
font-weight:lighter;
text-transform: uppercase;
border-bottom: 3px solid currentColor;
margin-bottom: .3em;
padding-bottom: .4em;
}
.galleryWrapperPeople .card .card-text{
font-size:.8em;
line-height: 1.2em;
margin-bottom:.7em;
}
.galleryContainer{
width: 100%;
height: auto;
min-height: 100%;
top: 0;
left: 0;
right: 0;
margin: 5% auto;
position: absolute;
display: contents;
}
#currentCampaigns .carousel-slide{
height: 100%;
width: auto;
}
#currentCampaigns .carousel-inner{
height: 100%;
}
#currentCampaigns .carousel-inner .carousel-caption{
padding: 2%;
height: auto;
width: 100%;
margin: 0 auto;
background-color:rgba(121, 157, 181, .9);
text-transform: uppercase;
bottom: 0;
left: 0;
right: 0;
padding-bottom: 50%;
}
#currentCampaigns .carousel-caption h1{
font-size:2.2em;
line-height:1.2em;
border-bottom: 2px solid currentColor;
}
#currentCampaigns .carousel-caption p{
font-size:1.4em;
line-height:1.1em;
}
#currentCampaigns .carousel-inner figure{
margin-left: 0;
}
#currentCampaigns .carousel-inner .carousel-caption button{
color:#fff;
border: 2px solid #fff;
color:#fff;
border: 2px solid #fff;
background-color:rgba(255, 255, 255, 0);
text-transform: uppercase;
font-weight: lighter;
letter-spacing: .3px;
margin-top: 10%;
}
#currentCampaigns .carousel-item img{
object-fit: cover;
object-position: 65% 10%;
width: auto;
height: 100%;
min-width: 100%;
min-height: 100%;
display: block;
}
#blogHeader.container-fluid{
margin-top: 18%;
margin-bottom: 5%;
}
#currentCampaigns .campaignIndicators{
display:inline-block;
margin: 0 auto;
left: 0;
right: 0;
width: 100%;
padding: 2em;
}
.jumbotron#blogPost iframe{
width: 100%;
height: auto;
display: inline-block;
}
.galleryWrapperBlue .row{
padding:6%;
}
.bgWhite .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.bgWhite .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.row.bgTransparent .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.row.bgTransparent .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
#caseStudies .col-md-6 h2.strong{
font-size: 2.5rem;
margin-top:40%;
}
#caseStudies .col-md-8 h1.orangeText{
font-size: 1.8rem;
}
#portfolio .container .row{
padding: 0;
}
.jumbotronPortfolio#portfolio{
padding: 0;
}
#portfolio .container{
padding: 0;
}
#portfolio #headerRow.row .card{
margin: 10% auto 10% auto;
max-width: 85%;
}
.jumbotronPortfolio#portfolio .col-md-4{
padding:0;
}
#orangeBG.row-fluid{
margin-top: 0;
margin-bottom: 5%;
}
#portfolio.carousel-inner .carousel-item.active img{
max-height:90%;
max-width: 85%;
}
}
/* Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 4)
and (orientation: landscape) {
.navbar-expand-lg .navbar-collapse {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: auto;
min-width: 100%;
right: 0;
bottom: 0;
margin-left: auto;
background-color: rgba(243, 157, 31, 1);
box-sizing: unset;
transform:translateY(-100%);
}
.navbar-expand-lg .navbar-collapse.collapse.show{
transform:translateY(0);
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.3s ease;
transition-timing-function: ease-in;
}
.navbar-expand-lg .navbar-nav{
width: auto;
min-width: 100%;
margin: 5% auto;
}
ul.navbar-nav{
text-align: center;
}
.navbar-nav li{
width: 48%;
margin: 0 auto;
font-size: 4.5vw;
line-height: 5vw;
padding: 1.5%;
}
li#contactButton.nav-item{
height: 2em;
padding: 1%;
display: inline-grid;
}
#socialItems.nav-item{
width: 100%;
margin: 1% auto;
}
li#navSocial.nav-item{
width: 25%;
}
footer{
height: 2em;
}
footer.navbar-expand-lg .row{
height: 100%;
min-height: 2em;
margin: 0 auto;
}
footer.navbar-expand-lg .row ul.navbar-nav{
height: 100%;
margin: 0 auto;
font-size: .85em;
width: 100%;
}
footer.navbar-expand-lg .row ul.navbar-nav li{
line-height: 3vh;
}
.jumbotron{
top:0;
left:0;
transform:translateX(0) translateY(0);
padding:0;
}
.jumbotron .row .card{
position:relative;
height: auto;
max-height: 28rem;
margin: 35% auto 0 auto;
top: 0;
width:85%;
padding: 0;
background-color:rgba(121, 157, 181, .9);
}
.jumbotron .row{
margin:0 auto;
padding:0;
}
.jumbotron .row .card h1{
font-size:2.8rem;
line-height: 1.5em;
letter-spacing: 0.5px;
margin: 0;
width: 100%;
}
.jumbotron .row .card h3{
font-size:1.3em;
line-height: 1.2em;
letter-spacing: 0.05em;
margin-top:0;
}
.jumbotron .row .card p{
font-size:.8rem;
line-height: 1rem;
padding:.1rem;
font-weight: 300;
}
#currentCampaigns .carousel-caption h1{
font-size:2.2em;
line-height:1.2em;
border-bottom: 2px solid currentColor;
}
#currentCampaigns .carousel-caption p{
font-size:1.4em;
line-height:1.1em;
}
.galleryWrapperBlue .row{
padding:6%;
}
.bgWhite .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.bgWhite .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.row.bgTransparent .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.row.bgTransparent .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
#caseStudies .col-md-6 h2.strong{
font-size: 2.5rem;
margin-top:40%;
}
.modal.fade .modal-dialog{
height: 90vh;
width: 90vw;
}
}
/* Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {
.navbar-expand-lg .navbar-collapse {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: auto;
min-width: 100%;
right: 0;
bottom: 0;
margin-left: auto;
background-color: rgba(243, 157, 31, 1);
box-sizing: unset;
transform:translateY(-100%);
}
.navbar-expand-lg .navbar-collapse.collapse.show{
transform:translateY(0);
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.3s ease;
transition-timing-function: ease-in;
}
.navbar-expand-lg .navbar-nav{
width: auto;
min-width: 100%;
margin: 5% auto;
}
ul.navbar-nav{
text-align: center;
}
.navbar-nav li{
width: 48%;
margin: 0 auto;
font-size: 4.5vw;
line-height: 5vw;
padding: 1.5%;
}
li#contactButton.nav-item{
height: 2em;
padding: 1%;
display: inline-grid;
}
#socialItems.nav-item{
width: 100%;
margin: 1% auto;
}
.show .navbar-nav #socialItems.nav-item{
width: 60%;
margin: 5% auto;
display: inline-flex;
height: auto;
}
li#navSocial.nav-item{
width: 25%;
}
.reelContainer2 .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 2%;
margin: 10% auto 10% auto;
background-color: rgba(243,157,31,.7);
width: 95%;
}
.reelContainer .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 10% auto 10% auto;
background-color: rgba(243,157,31,.7);
width: 95%;
}
#fpText h1{
font-size:8vw;
line-height: 8vw
}
#fpText h3{
font-size:2em;
font-weight: 400;
}
#fpText p{
height: auto;
width: 100%;
font-weight: 300;
}
.jumbotron{
top:0;
left:0;
transform:translateX(0) translateY(0);
padding:5%;
}
.jumbotron .row{
margin: 0 auto;
}
.jumbotron .row .card{
position:relative;
width:88%;
height: auto;
margin: 3% auto;
background-color:rgba(121, 157, 181, .9);
}
.jumbotron .row .card .card-body{
padding: 2%;
}
.jumbotron .row .card .card-body .titleLine{
margin-bottom: .3rem;
padding-bottom: 0;
}
.jumbotron .row .card h1{
font-size: 2.8rem;
line-height: 2.8rem;
}
.jumbotron .row .card h3{
font-size: 1.8rem;
line-height: 2rem;
}
.jumbotron .row .card p{
font-size:1rem;
line-height: 1.2rem;
font-weight: 300;
}
.galleryWrapperBlue .row{
padding:6%;
}
.bgWhite .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.bgWhite .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.row.bgTransparent .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.row.bgTransparent .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.modal.fade .modal-dialog{
height: 90vh;
width: 90vw;
}
}
/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
.jumbotron .row{
margin:0 auto;
padding:0;
}
.jumbotron .row .card{
position:relative;
height: auto;
max-height: 28rem;
margin: 22% auto 0 auto;
top: 0;
width:85%;
padding: 0;
}
.card .titleLine{
padding-bottom: .4rem;
border-bottom:3px solid #fff;
height: auto;
}
.jumbotron .row .card h1{
font-size:2.3rem;
line-height: 1.3em;
letter-spacing: 0.5px;
margin: 0;
width: 100%;
}
.jumbotron .row .card .card-body{
padding: 1rem;
}
.jumbotron .row .card h3{
font-size:1.4em;
line-height: 1.2em;
letter-spacing: 0.05em;
margin-top:0;
}
.jumbotron .row .card p{
font-size:.8rem;
line-height: .90rem;
padding:.1rem;
font-weight: 300;
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
position: absolute;
height: auto;
margin-left: auto;
margin: 13% auto;
max-width: 100%;
min-width: 100%;
}
.navbar-expand-lg .navbar-collapse {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: auto;
min-width: 100%;
max-width: 100%;
right: 0;
bottom: 0;
margin-left: auto;
background-color: rgba(243, 157, 31, 1);
min-height: 100%;
box-sizing: unset;
transform:translateY(-100%);
}
.navbar-expand-lg .navbar-collapse.collapse.show{
transform:translateY(0);
transition: -webkit-transform 0.6s ease;
transition: transform 0.6s ease;
transition: transform 0.6s ease, -webkit-transform 0.3s ease;
transition-timing-function: ease-in;
}
.collapsing{
top: 0;
bottom: 0;
width: auto;
min-width: 100%;
transition-timing-function: ease-in;
}
.navbar-nav li{
text-align: center;
font-size: 4.5vh;
line-height: 5vh;
}
li#contactButton.nav-item{
height: 2em;
padding: 1%;
display: inline-grid;
}
.navbar-bar li button{
padding:10vh 4vw;
height: 150px;
}
.show .navbar-nav #socialItems.nav-item{
width: 60%;
margin: 5% auto;
display: inline-flex;
}
.show #navSocial.nav-item{
margin: 0 8.5%;
}
.reelContainer2 .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 20% auto 10% auto;
background-color: rgba(243,157,31,.7);
}
.reelContainer .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 20% auto 10% auto;
background-color: rgba(243,157,31,.7);
}
#fpText h1{
font-size:13vw;
line-height: 13vw
}
#fpText h3{
font-size:2em;
font-weight: 400;
}
#fpText p{
height: auto;
width: 100%;
font-weight: 300;
}
.galleryWrapperPeople{
width: 100%;
}
.galleryWrapperPeople .container .row .col-md-6 {
width:90%;
height: auto;
max-height:37em;
margin: 3% auto 10% auto;
padding:0;
left: 0;
display:inline-block;
position:relative;
min-width: 75%;
max-width: 90%;
}
.jumbotron#portfolio{
padding: 0;
margin: 0 auto;
}
.jumbotron#portfolio .container{
padding: 0;
margin: 0 auto;
}
.jumbotron#portfolio .container .row{
padding: 1%;
margin:1% auto;
}
.jumbotron#portfolio .container .row .card{
width: 90%;
height: auto;
margin-top: 20%;
}
.modal.fade .modal-dialog{
margin-top: 45%;
width: 90%;
}
button#portfolio.close {
line-height: 2em;
}
.modal-content .modal-body h1{
font-size:2.2em;
line-height: 2.5em;
color:#fff;
}
.galleryWrapperBlue .row{
padding:6%;
}
.bgWhite .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.bgWhite .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.row.bgTransparent .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.row.bgTransparent .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
#caseStudies .col-md-6 h2.strong{
font-size: 2.5rem;
margin-top:40%;
}
#caseStudies .col-md-8 h1.orangeText{
font-size: 1.8rem;
}
#portfolio .container .row{
padding: 0;
}
.jumbotronPortfolio#portfolio{
padding: 0;
}
#portfolio .container{
padding: 0;
}
#portfolio #headerRow.row .card{
margin: 10% auto 10% auto;
max-width: 85%;
}
.jumbotronPortfolio#portfolio .col-md-4{
padding:0;
}
#orangeBG.row-fluid{
margin-top: 0;
margin-bottom: 5%;
}
#portfolio.carousel-inner .carousel-item.active img{
max-height:90%;
max-width: 85%;
}
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.navbar-expand-lg .navbar-collapse {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: auto;
min-width: 100%;
right: 0;
bottom: 0;
margin-left: auto;
background-color: rgba(243, 157, 31, 1);
box-sizing: unset;
transform:translateY(-100%);
}
.navbar-expand-lg .navbar-collapse.collapse.show{
transform:translateY(0);
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.3s ease;
transition-timing-function: ease-in;
}
.navbar-expand-lg .navbar-nav{
width: auto;
min-width: 100%;
margin: 5% auto;
}
.reelContainer2 .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 2%;
margin: 10% auto 10% auto;
background-color: rgba(243,157,31,.7);
width: 95%;
}
.reelContainer .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 10% auto 10% auto;
background-color: rgba(243,157,31,.7);
width: 95%;
}
#fpText h1{
font-size:8vw;
line-height: 8vw
}
#fpText h3{
font-size:2em;
font-weight: 400;
}
#fpText p{
height: auto;
width: 100%;
font-weight: 300;
}
ul.navbar-nav{
text-align: center;
}
.navbar-nav li{
width: 48%;
margin: 0 auto;
font-size: 4.5vw;
line-height: 5vw;
padding: 1.5%;
}
li#contactButton.nav-item{
height: 2em;
padding: 1%;
display: inline-grid;
}
#socialItems.nav-item{
width: 100%;
margin: 0% auto;
}
li#navSocial.nav-item{
width: 25%;
}
.jumbotron{
top:0;
left:0;
transform:translateX(0) translateY(0);
padding:5%;
}
.jumbotron .row{
margin: 0 auto;
}
.jumbotron .row .card{
position:relative;
width:88%;
height: auto;
margin: 3% auto;
background-color:rgba(121, 157, 181, .9);
}
.jumbotron .row .card .card-body{
padding: 2%;
}
.jumbotron .row .card .card-body .titleLine{
margin-bottom: .3rem;
padding-bottom: 0;
}
.jumbotron .row .card h1{
font-size: 2.8rem;
line-height: 2.8rem;
}
.jumbotron .row .card h3{
font-size: 1.8rem;
line-height: 2rem;
}
.jumbotron .row .card p{
font-size:1rem;
line-height: 1.2rem;
font-weight: 300;
}
.galleryWrapperBlue .row{
padding:6%;
}
.bgWhite .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.bgWhite .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.row.bgTransparent .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.row.bgTransparent .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.modal.fade .modal-dialog{
height: 90vh;
width: 90vw;
}
}
/* ----------- iPhone 6, 6S, 7 and 8 (and Early Pixel) ----------- */
/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
ul, ol{
margin: 0 auto;
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
position: absolute;
height: auto;
margin-left: auto;
margin: 18% auto;
max-width: 100%;
min-width: 100%;
}
.navbar-expand-lg .navbar-collapse {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: auto;
min-width: 100%;
max-width: 100%;
right: 0;
bottom: 0;
margin-left: auto;
background-color: rgba(243, 157, 31, 1);
min-height: 100%;
box-sizing: unset;
transform:translateY(-100%);
}
.navbar-expand-lg .navbar-collapse.collapse.show{
transform:translateY(0);
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.3s ease;
transition-timing-function: ease-in;
}
.collapsing{
top: 0;
bottom: 0;
width: auto;
min-width: 100%;
transition-timing-function: ease-in;
}
.navbar-nav li{
text-align: center;
font-size: 4.5vh;
line-height: 5vh;
}
li#contactButton.nav-item{
height: 1em;
padding: 1%;
display: inline-grid;
}
.show .navbar-nav #socialItems.nav-item{
width: 60%;
margin: 0% auto;
display: inline-flex;
height: auto;
}
.show #navSocial.nav-item{
margin: 0 8.5%;
}
.modal.fade .modal-dialog{
margin-top: 45%;
width: 90%;
}
button#portfolio.close {
line-height: 2em;
}
.modal-content .modal-body h1{
font-size:2.2em;
line-height: 2.5em;
}
footer{
height: 2em;
}
footer.navbar-expand-lg .row{
height: 100%;
min-height: 2em;
margin: 0 auto;
}
footer.navbar-expand-lg .row ul.navbar-nav{
height: 100%;
margin: 0 auto;
font-size: .85em;
width: 100%;
}
footer.navbar-expand-lg .row ul.navbar-nav li{
line-height: 3vh;
}
.reelContainer2 .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 20% auto 10% auto;
background-color: rgba(243,157,31,.7);
}
.reelContainer .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 20% auto 10% auto;
background-color: rgba(243,157,31,.7);
}
#fpText h1{
font-size:13vw;
line-height: 13vw
}
#fpText h3{
font-size:2em;
font-weight: 400;
}
#fpText p{
height: auto;
width: 100%;
font-weight: 300;
}
.jumbotron{
top:0;
left:0;
transform:translateX(0) translateY(0);
padding:0;
}
.jumbotron .row{
margin:0 auto;
padding:0;
}
.jumbotron .row .card{
position:relative;
height: auto;
max-height: 28rem;
margin: 22% auto 0 auto;
top: 0;
width:85%;
padding: 0;
background-color:rgba(121, 157, 181, .9);
}
.jumbotron .row .card h1{
font-size:2.4rem;
line-height: 1.2em;
letter-spacing: 0.5px;
margin: 0;
width: 100%;
}
.jumbotron .row .card h3{
font-size:1.3em;
line-height: 1.2em;
letter-spacing: 0.05em;
margin-top:0;
}
.jumbotron .row .card p{
font-size:.9rem;
line-height: 1.1rem;
padding:.1rem;
font-weight: 300;
}
.galleryWrapperPeople{
width: 100%;
}
.galleryWrapperPeople .container .row .col-md-6 {
width:90%;
height: auto;
max-height:37em;
margin: 3% auto 10% auto;
padding:0;
left: 0;
display:inline-block;
position:relative;
min-width: 75%;
max-width: 90%;
}
.galleryWrapperPeople .row .col-md-6 .card{
width: 100%;
height: auto;
margin: 0 auto;
z-index:0;
position:relative;
display:inline;
float:left;
top: 0;
left:0;
right: 0;
padding:1em;
-webkit-box-shadow: -4px -4px 7px rgba(0, 0, 0, .3);
-moz-box-shadow: -4px -4px 7px rgba(0, 0, 0, .3);
box-shadow: -4px -4px 7px rgba(0, 0, 0, .3);
border-radius: 0;
}
.galleryWrapperPeople .row .col-md-6 figure{
width:100%;
height:auto;
position:relative;
display:inline;
float:left;
top: -1.6em;
left:0;
margin: 0 auto;
border: 4px solid #799db5;
-webkit-box-shadow: -4px 10px 7px rgba(0, 0, 0, .3);
-moz-box-shadow: -4px 10px 7px rgba(0, 0, 0, .3);
box-shadow: -4px 10px 7px rgba(0, 0, 0, .3);
}
.galleryWrapperPeople .card .card-body{
padding:.75em;
}
.galleryWrapperPeople .card .card-title{
font-size:2em;
line-height: 1em;
margin-top: 0;
}
.galleryWrapperPeople .card .card-subtitle{
font-size:.9em;
line-height: 1.2em;
text-align:left;
font-weight:lighter;
text-transform: uppercase;
border-bottom: 3px solid currentColor;
margin-bottom: .3em;
padding-bottom: .4em;
}
.galleryWrapperPeople .card .card-text{
font-size:.8em;
line-height: 1.2em;
margin-bottom:.7em;
}
.galleryContainer{
width: 100%;
height: auto;
min-height: 100%;
top: 0;
left: 0;
right: 0;
margin: 5% auto;
position: absolute;
display: contents;
}
#currentCampaigns .carousel-slide{
height: 100%;
width: auto;
}
#currentCampaigns .carousel-inner{
height: 100%;
}
#currentCampaigns .carousel-inner .carousel-caption{
padding: 5%;
height: auto;
width: 90%;
margin: 0 auto;
background-color:rgba(121, 157, 181, .9);
text-transform: uppercase;
bottom: 0;
left: 0;
right: 0;
padding-bottom: 50%;
}
#currentCampaigns .carousel-inner .carousel-caption button{
color:#fff;
border: 2px solid #fff;
color:#fff;
border: 2px solid #fff;
background-color:rgba(255, 255, 255, 0);
text-transform: uppercase;
font-weight: lighter;
letter-spacing: .3px;
margin-top: 10%;
}
#currentCampaigns .carousel-inner .carousel-caption button a{
color:#fff;
}
#currentCampaigns .carousel-inner .carousel-caption button:hover{
color:#799db5;
border: 2px solid #fff;
background-color:rgba(121, 157, 181, 1);
}
#currentCampaigns .carousel-item img{
object-fit: cover;
object-position: 65% 10%;
width: auto;
height: 100%;
min-width: 100%;
min-height: 100%;
display: block;
}
#currentCampaigns .campaignIndicators{
display:inline-block;
margin: 0 auto;
}
#currentCampaigns .campaignIndicators{
display:inline-block;
margin: 0 auto;
left: 0;
right: 0;
width: 100%;
padding: 2em;
margin-bottom:12%;
}
#blogHeader.container-fluid{
margin-top: 18%;
margin-bottom: 5%;
}
.jumbotron#blogPost iframe{
width: 100%;
height: auto;
display: inline-block;
}
#currentCampaigns .carousel-caption h1{
font-size:2.2em;
line-height:1.2em;
border-bottom: 2px solid currentColor;
}
#currentCampaigns .carousel-caption p{
font-size:1.4em;
line-height:1.1em;
}
#digimedia .col-md-4{
margin-top:10%;
}
.galleryWrapperBlue .row{
padding:6%;
}
.bgWhite .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.bgWhite .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.row.bgTransparent .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.row.bgTransparent .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
#caseStudies .col-md-6 h2.strong{
font-size: 2.5rem;
margin-top:40%;
}
#caseStudies .col-md-6 h2.strong{
font-size: 2.5rem;
margin-top:10%;
}
#caseStudies .col-md-8 h1.orangeText{
font-size: 1.8rem;
}
.jumbotronPortfolio#portfolio{
padding: 0;
}
#portfolio .container{
padding: 0;
}
#portfolio #headerRow.row .card{
margin: 10% auto 10% auto;
max-width: 85%;
}
#portfolio .container .row{
padding: 0;
}
.jumbotronPortfolio#portfolio .col-md-4{
padding:0;
}
#orangeBG.row-fluid{
margin-top: 0;
margin-bottom: 5%;
}
#portfolio.carousel-inner .carousel-item.active img{
max-height:90%;
max-width: 85%;
}
}
/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.navbar-brand{
width:4em;
z-index:10;
margin-left: 2em;
margin-top: .2em;
}
.navbar-expand-lg .navbar-collapse {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: auto;
min-width: 100%;
right: 0;
bottom: 0;
margin-left: auto;
background-color: rgba(243, 157, 31, 1);
box-sizing: unset;
transform:translateY(-100%);
}
.navbar-expand-lg .navbar-collapse.collapse.show{
transform:translateY(0);
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.3s ease;
transition-timing-function: ease-in;
}
.navbar-expand-lg .navbar-nav{
width: auto;
min-width: 100%;
margin: 7% auto;
max-width: 100%;
}
ul.navbar-nav{
text-align: center;
}
.navbar-nav li{
width: 48%;
margin: 0 auto;
font-size: 4.5vw;
line-height: 5vw;
padding: 1.5%;
}
li#contactButton.nav-item{
height: 2em;
padding: 1%;
display: inline-grid;
}
#socialItems.nav-item{
width: 100%;
margin: 0% auto;
}
li#navSocial.nav-item{
width: 25%;
}
footer{
height: 2em;
}
footer.navbar-expand-lg .row{
height: 100%;
min-height: 2em;
margin: 0 auto;
}
footer.navbar-expand-lg .row ul.navbar-nav{
height: 100%;
margin: 0 auto;
font-size: .85em;
width: 100%;
}
footer.navbar-expand-lg .row ul.navbar-nav li{
line-height: 3vh;
}
.reelContainer2 .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 2%;
margin: 10% auto 10% auto;
background-color: rgba(243,157,31,.7);
width: 95%;
}
.reelContainer .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 10% auto 10% auto;
background-color: rgba(243,157,31,.7);
width: 95%;
}
#fpText h1{
font-size:8vw;
line-height: 8vw
}
#fpText h3{
font-size:2em;
font-weight: 400;
}
#fpText p{
height: auto;
width: 100%;
font-weight: 300;
}
.jumbotron{
top:0;
left:0;
transform:translateX(0) translateY(0);
padding:5%;
}
.jumbotron .row{
margin: 0 auto;
}
.jumbotron .row .card{
position:relative;
width:88%;
height: auto;
margin: 3% auto;
background-color:rgba(121, 157, 181, .9);
}
.jumbotron .row .card .card-body{
padding: 2%;
}
.jumbotron .row .card .card-body .titleLine{
margin-bottom: .3rem;
padding-bottom: 0;
}
.jumbotron .row .card h1{
font-size: 2.8rem;
line-height: 2.8rem;
}
.jumbotron .row .card h3{
font-size: 1.8rem;
line-height: 2rem;
}
.jumbotron .row .card p{
font-size:1rem;
line-height: 1.2rem;
font-weight: 300;
}
.galleryWrapperPeople .row{
padding-left: 0;
padding: 4% 0;
margin:0 auto;
}
.galleryWrapperPeople .container .row .col-md-6{
width:44em;
height: auto;
margin: 1% auto;
padding-top:4rem;
left: 0;
right: 0;
display:inline-block;
position:relative;
}
.galleryWrapperPeople .container .row .col-md-6 .card{
width: 19em;
height: 28em;
z-index:1;
position:relative;
float:left;
left:0;
-webkit-box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
-moz-box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
}
.galleryWrapperPeople .row .col-md-6 figure{
width:28em;
height:auto;
position: absolute;
float:right;
margin:0 0em 0 12rem;
-webkit-box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
-moz-box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
}
.galleryWrapperBlue .row{
padding:6%;
}
.bgWhite .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.bgWhite .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.row.bgTransparent .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.row.bgTransparent .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.modal.fade .modal-dialog{
height: 90vh;
width: 90vw;
}
#portfolio.carousel-inner .carousel-item.active img{
max-height:90%;
max-width: 85%;
}
}
/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
position: absolute;
height: auto;
margin-left: auto;
margin: 16% auto;
max-width: 100%;
width: auto;
}
.navbar-expand-lg .navbar-collapse {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: auto;
min-width: 100%;
right: 0;
bottom: 0;
margin-left: auto;
background-color: rgba(243, 157, 31, 1);
min-height: 100%;
box-sizing: unset;
transform:translateY(-100%);
max-width: 100%;
}
.navbar-expand-lg .navbar-collapse.collapse.show{
transform:translateY(0);
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.3s ease;
transition-timing-function: ease-in;
}
.jumbotron .row .card{
margin-top:15%;
}
.jumbotron .row .card h1{
font-size:2.4rem;
line-height: 1.2em;
letter-spacing: 0.5px;
margin: 0;
width: 100%;
}
.collapsing{
top: 0;
bottom: 0;
width: auto;
min-width: 100%;
transition-timing-function: ease-in;
}
.navbar-nav li{
text-align: center;
font-size: 4.5vh;
line-height: 4.5vh;
}
li#contactButton.nav-item{
height: 2em;
padding: 1%;
display: inline-grid;
}
.show .navbar-nav #socialItems.nav-item{
width: 60%;
margin: 3% auto;
display: inline-flex;
}
.show #navSocial.nav-item{
margin: 0 8.5%;
}
footer{
height: 2em;
}
footer.navbar-expand-lg .row{
height: 100%;
min-height: 2em;
margin: 0 auto;
}
footer.navbar-expand-lg .row ul.navbar-nav{
height: 100%;
margin: 0 auto;
font-size: .85em;
width: 100%;
}
footer.navbar-expand-lg .row ul.navbar-nav li{
line-height: 3vh;
}
.reelContainer2 .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 20% auto 10% auto;
background-color: rgba(243,157,31,.7);
}
.reelContainer .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 20% auto 10% auto;
background-color: rgba(243,157,31,.7);
}
#fpText h1{
font-size:13vw;
line-height: 13vw
}
#fpText h3{
font-size:2em;
font-weight: 400;
}
#fpText p{
height: auto;
width: 100%;
font-weight: 300;
}
.galleryWrapperPeople{
width: 100%;
}
.galleryWrapperPeople .container .row .col-md-6 {
width:90%;
height: auto;
max-height:37em;
margin: 3% auto 10% auto;
padding:0;
left: 0;
display:inline-block;
position:relative;
min-width: 75%;
max-width: 90%;
}
#currentCampaigns .campaignIndicators{
display:inline-block;
margin: 0 auto;
left: 0;
right: 0;
width: 100%;
padding: 2em;
margin-bottom:12%;
}
#currentCampaigns .carousel-caption h1{
font-family: 'Oswald', sans-serif !important;
font-size:2.2em;
line-height:1.2em;
border-bottom: 2px solid currentColor;
}
#currentCampaigns .carousel-caption p{
font-size:1.4em;
line-height:1.1em;
font-family: 'Oswald', sans-serif !important;
}
.galleryWrapperBlue .row{
padding:6%;
}
.bgWhite .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.bgWhite .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.row.bgTransparent .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.row.bgTransparent .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
#caseStudies .col-md-6 h2.strong{
font-size: 2.5rem;
margin-top:10%;
}
#caseStudies .col-md-8 h1.orangeText{
font-size: 1.8rem;
}
.jumbotronPortfolio#portfolio{
padding: 0;
}
#portfolio .container{
padding: 0;
}
#portfolio #headerRow.row .card{
margin: 10% auto 10% auto;
max-width: 85%;
}
#portfolio .container .row{
padding: 0;
}
#portfolio.carousel-inner .carousel-item.active img{
max-height:90%;
max-width: 85%;
}
.jumbotronPortfolio#portfolio .col-md-4{
padding:0;
}
#orangeBG.row-fluid{
margin-top: 0;
margin-bottom: 5%;
}
.modal.fade .modal-dialog{
margin-top: 45%;
width: 90%;
}
button#portfolio.close {
line-height: 2em;
}
}
/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
.navbar-brand{
width:4em;
z-index:10;
margin-left: 2em;
margin-top: .2em;
}
.navbar-expand-lg .navbar-collapse {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: auto;
min-width: 100%;
right: 0;
bottom: 0;
margin-left: auto;
background-color: rgba(243, 157, 31, 1);
box-sizing: unset;
transform:translateY(-100%);
}
.navbar-expand-lg .navbar-collapse.collapse.show{
transform:translateY(0);
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.3s ease;
transition-timing-function: ease-in;
}
.navbar-expand-lg .navbar-nav{
width: auto;
min-width: 100%;
margin: 7% auto;
max-width: 100%;
}
ul.navbar-nav{
text-align: center;
}
.navbar-nav li{
width: 48%;
margin: 0 auto;
font-size: 4.5vw;
line-height: 5vw;
padding: 1.5%;
}
li#contactButton.nav-item{
height: 2em;
padding: 1%;
display: inline-grid;
}
#socialItems.nav-item{
width: 100%;
margin: 0% auto;
}
li#navSocial.nav-item{
width: 25%;
}
footer{
height: 2em;
}
footer.navbar-expand-lg .row{
height: 100%;
min-height: 2em;
margin: 0 auto;
}
footer.navbar-expand-lg .row ul.navbar-nav{
height: 100%;
margin: 0 auto;
font-size: .85em;
width: 100%;
}
footer.navbar-expand-lg .row ul.navbar-nav li{
line-height: 3vh;
}
.reelContainer2 .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 2%;
margin: 10% auto 10% auto;
background-color: rgba(243,157,31,.7);
width: 95%;
}
.reelContainer .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 10% auto 10% auto;
background-color: rgba(243,157,31,.7);
width: 95%;
}
#fpText h1{
font-size:8vw;
line-height: 8vw
}
#fpText h3{
font-size:2em;
font-weight: 400;
}
#fpText p{
height: auto;
width: 100%;
font-weight: 300;
}
.jumbotron{
top:0;
left:0;
transform:translateX(0) translateY(0);
padding:5%;
}
.jumbotron .row{
margin: 0 auto;
}
.jumbotron .row .card{
position:relative;
width:88%;
height: auto;
margin: 3% auto;
background-color:rgba(121, 157, 181, .9);
}
.jumbotron .row .card .card-body{
padding: 2%;
}
.jumbotron .row .card .card-body .titleLine{
margin-bottom: .3rem;
padding-bottom: 0;
}
.jumbotron .row .card h1{
font-size: 2.8rem;
line-height: 2.8rem;
}
.jumbotron .row .card h3{
font-size: 1.8rem;
line-height: 2rem;
}
.jumbotron .row .card p{
font-size:1rem;
line-height: 1.2rem;
font-weight: 300;
}
.galleryWrapperPeople .row{
padding-left: 0;
padding: 4% 0;
margin:0 auto;
}
.galleryWrapperPeople .container .row .col-md-6{
width:44em;
height: auto;
margin: 1% auto;
padding-top:4rem;
left: 0;
right: 0;
display:inline-block;
position:relative;
}
.galleryWrapperPeople .container .row .col-md-6 .card{
width: 19em;
height: 28em;
z-index:1;
position:relative;
float:left;
left:0;
-webkit-box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
-moz-box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
}
.galleryWrapperPeople .row .col-md-6 figure{
width:28em;
height:auto;
position: absolute;
float:right;
margin:0 0em 0 12rem;
-webkit-box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
-moz-box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
}
.galleryWrapperBlue .row{
padding:6%;
}
.bgWhite .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.bgWhite .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.row.bgTransparent .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.row.bgTransparent .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.jumbotronPortfolio#portfolio{
padding: 0;
}
.modal.fade .modal-dialog{
height: 90vh;
width: 90vw;
}
}
/* ----------- iPhone X ----------- */
/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
position: absolute;
height: auto;
margin-left: auto;
margin: 16% auto;
max-width: 100%;
}
.navbar-expand-lg .navbar-collapse {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: auto;
min-width: 100%;
right: 0;
bottom: 0;
margin-left: auto;
background-color: rgba(243, 157, 31, 1);
min-height: 100%;
box-sizing: unset;
transform:translateY(-100%);
}
.navbar-expand-lg .navbar-collapse.collapse.show{
transform:translateY(0);
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.3s ease;
transition-timing-function: ease-in;
}
.collapsing{
top: 0;
bottom: 0;
width: auto;
min-width: 100%;
transition-timing-function: ease-in;
}
.navbar-nav li{
text-align: center;
font-size: 4.5vh;
line-height: 4.5vh;
}
li#contactButton.nav-item{
height: 2em;
padding: 1%;
display: inline-grid;
}
.show .navbar-nav #socialItems.nav-item{
width: 60%;
margin: 3% auto;
display: inline-flex;
}
.show #navSocial.nav-item{
margin: 0 8.5%;
}
footer{
height: 2em;
}
footer.navbar-expand-lg .row{
height: 100%;
min-height: 2em;
margin: 0 auto;
}
footer.navbar-expand-lg .row ul.navbar-nav{
height: 100%;
margin: 0 auto;
font-size: .85em;
width: 100%;
}
footer.navbar-expand-lg .row ul.navbar-nav li{
line-height: 3vh;
}
.reelContainer2 .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 20% auto 10% auto;
background-color: rgba(243,157,31,.7);
}
.reelContainer .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 20% auto 10% auto;
background-color: rgba(243,157,31,.7);
}
#fpText h1{
font-size:13vw;
line-height: 13vw
}
#fpText h3{
font-size:2em;
font-weight: 400;
}
#fpText p{
height: auto;
width: 100%;
font-weight: 300;
}
.jumbotron .row .card{
margin-top:30%;
}
.galleryWrapperPeople{
width: 100%;
}
.galleryWrapperPeople .container .row .col-md-6 {
width:90%;
height: auto;
max-height:37em;
margin: 3% auto 10% auto;
padding:0;
left: 0;
display:inline-block;
position:relative;
min-width: 75%;
max-width: 90%;
}
#currentCampaigns .campaignIndicators{
display:inline-block;
margin: 0 auto;
left: 0;
right: 0;
width: 100%;
padding: 2em;
margin-bottom:12%;
}
#currentCampaigns .carousel-caption h1{
font-family: 'Oswald', sans-serif !important;
font-size:2.2em;
line-height:1.2em;
border-bottom: 2px solid currentColor;
}
#currentCampaigns .carousel-caption p{
font-size:1.4em;
line-height:1.1em;
font-family: 'Oswald', sans-serif !important;
}
.galleryWrapperBlue .row{
padding:6%;
}
.bgWhite .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.bgWhite .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.row.bgTransparent .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.row.bgTransparent .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
#caseStudies .col-md-6 h2.strong{
font-size: 2.5rem;
margin-top:10%;
}
#caseStudies .col-md-8 h1.orangeText{
font-size: 1.8rem;
}
#portfolio .container .row{
padding: 0;
}
.jumbotronPortfolio#portfolio{
padding: 0;
}
#portfolio .container{
padding: 0;
}
#portfolio #headerRow.row .card{
margin: 10% auto 10% auto;
max-width: 85%;
}
.jumbotronPortfolio#portfolio .col-md-4{
padding:0;
}
#orangeBG.row-fluid{
margin-top: 0;
margin-bottom: 5%;
}
.modal.fade .modal-dialog{
margin-top: 45%;
width: 90%;
}
button#portfolio.close {
line-height: 2em;
}
#portfolio.carousel-inner .carousel-item.active img{
max-height:90%;
max-width: 85%;
}
}
/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
.navbar-brand{
width:4em;
z-index:10;
margin-left: 2em;
margin-top: .2em;
}
.navbar-expand-lg .navbar-collapse {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: auto;
min-width: 100%;
right: 0;
bottom: 0;
margin-left: auto;
background-color: rgba(243, 157, 31, 1);
box-sizing: unset;
transform:translateY(-100%);
}
.navbar-expand-lg .navbar-collapse.collapse.show{
transform:translateY(0);
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.3s ease;
transition-timing-function: ease-in;
}
.navbar-expand-lg .navbar-nav{
width: auto;
min-width: 100%;
margin: 7% auto;
max-width: 100%;
}
ul.navbar-nav{
text-align: center;
}
.navbar-nav li{
width: 48%;
margin: 0 auto;
font-size: 4.5vw;
line-height: 4vw;
padding: 1%;
}
li#contactButton.nav-item{
height: 2em;
padding: 1%;
display: inline-grid;
}
#socialItems.nav-item{
width: 100%;
margin: 0% auto;
}
li#navSocial.nav-item{
width: 25%;
}
footer ul.navbar-nav{
margin: 0 auto;
width: 100%;
height: auto;
display: inline-block;
}
footer{
height: 2em;
}
footer.navbar-expand-lg .row{
height: 100%;
min-height: 2em;
margin: 0 auto;
}
footer.navbar-expand-lg .row ul.navbar-nav{
height: 100%;
margin: 0 auto;
font-size: .85em;
width: 100%;
}
footer.navbar-expand-lg .row ul.navbar-nav li{
height: 100%;
padding: 0;
margin-right: 1em;
}
.reelContainer2 .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 2%;
margin: 10% auto 10% auto;
background-color: rgba(243,157,31,.7);
width: 95%;
}
.reelContainer .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 10% auto 10% auto;
background-color: rgba(243,157,31,.7);
width: 95%;
}
#fpText h1{
font-size:8vw;
line-height: 8vw
}
#fpText h3{
font-size:2em;
font-weight: 400;
}
#fpText p{
height: auto;
width: 100%;
font-weight: 300;
}
.jumbotron{
top:0;
left:0;
transform:translateX(0) translateY(0);
padding:5%;
}
.jumbotron .row{
margin: 0 auto;
}
.jumbotron .row .card{
position:relative;
width:88%;
height: auto;
margin: 3% auto;
background-color:rgba(121, 157, 181, .9);
}
.jumbotron .row .card .card-body{
padding: 2%;
}
.jumbotron .row .card .card-body .titleLine{
margin-bottom: .3rem;
padding-bottom: 0;
}
.jumbotron .row .card h1{
font-size: 2.8rem;
line-height: 2.8rem;
}
.jumbotron .row .card h3{
font-size: 1.8rem;
line-height: 2rem;
}
.jumbotron .row .card p{
font-size:1rem;
line-height: 1.2rem;
font-weight: 300;
}
.galleryWrapperPeople .row{
padding-left: 0;
padding: 4% 0;
margin:0 auto;
}
.galleryWrapperPeople .container .row .col-md-6{
width:44em;
height: auto;
margin: 1% auto;
padding-top:4rem;
left: 0;
right: 0;
display:inline-block;
position:relative;
}
.galleryWrapperPeople .container .row .col-md-6 .card{
width: 19em;
height: 28em;
z-index:1;
position:relative;
float:left;
left:0;
-webkit-box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
-moz-box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
}
.galleryWrapperPeople .row .col-md-6 figure{
width:28em;
height:auto;
position: absolute;
float:right;
margin:0 0em 0 12rem;
-webkit-box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
-moz-box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
}
.galleryWrapperBlue .row{
padding:6%;
}
.bgWhite .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.bgWhite .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.row.bgTransparent .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.row.bgTransparent .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.modal.fade .modal-dialog{
height: 90vh;
width: 90vw;
}
}
/* PIXEL XL & 2XL Landscape */
@media only screen
and (-webkit-min-device-pixel-ratio: 3.5)
and (min-device-width: 411px)
and (min-device-width: 823px)
and (orientation: landscape) {
.navbar-brand{
width:4em;
z-index:10;
margin-left: 2em;
margin-top: .2em;
margin-left: 0em;
}
.navbar-expand-lg .navbar-collapse {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: auto;
min-width: 100%;
right: 0;
bottom: 0;
margin-left: auto;
background-color: rgba(243, 157, 31, 1);
box-sizing: unset;
transform:translateY(-100%);
}
.navbar-expand-lg .navbar-collapse.collapse.show{
transform:translateY(0);
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.3s ease;
transition-timing-function: ease-in;
}
.navbar-expand-lg .navbar-nav{
width: auto;
min-width: 100%;
margin: 6% auto;
max-width: 100%;
}
ul.navbar-nav{
text-align: center;
}
.navbar-nav li{
width: 48%;
margin: 0 auto;
font-size: 4.5vw;
line-height: 5.5vw;
padding: 1%;
}
li#contactButton.nav-item{
height: 1.3em;
padding: .25%;
display: inline-grid;
}
#socialItems.nav-item{
width: 100%;
margin: 0% auto;
}
li#navSocial.nav-item{
width: 25%;
}
footer ul.navbar-nav{
margin: 0 auto;
width: 100%;
height: auto;
display: inline-block;
}
footer{
height: 2em;
}
footer.navbar-expand-lg .row{
height: 100%;
min-height: 2em;
margin: 0 auto;
}
footer.navbar-expand-lg .row ul.navbar-nav{
height: 100%;
margin: 0 auto;
font-size: .85em;
width: 100%;
}
footer.navbar-expand-lg .row ul.navbar-nav li{
height: 100%;
padding: 0;
margin-right: 1em;
}
.reelContainer2 .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 2%;
margin: 10% auto 10% auto;
background-color: rgba(243,157,31,.7);
width: 95%;
}
.reelContainer .row-fluid{
height:auto;
min-height: 100%;
max-height: 100%;
padding: 5%;
margin: 10% auto 10% auto;
background-color: rgba(243,157,31,.7);
width: 95%;
}
#fpText h1{
font-size:8vw;
line-height: 8vw
}
#fpText h3{
font-size:2em;
font-weight: 400;
}
#fpText p{
height: auto;
width: 100%;
font-weight: 300;
}
.jumbotron{
top:0;
left:0;
transform:translateX(0) translateY(0);
padding:5%;
}
.jumbotron .row{
margin: 0 auto;
}
.jumbotron .row .card{
position:relative;
width:88%;
height: auto;
margin: 3% auto;
background-color:rgba(121, 157, 181, .9);
}
.jumbotron .row .card .card-body{
padding: 2%;
}
.jumbotron .row .card .card-body .titleLine{
margin-bottom: .3rem;
padding-bottom: 0;
}
.jumbotron .row .card h1{
font-size: 2.8rem;
line-height: 2.8rem;
}
.jumbotron .row .card h3{
font-size: 1.8rem;
line-height: 2rem;
}
.jumbotron .row .card p{
font-size:1rem;
line-height: 1.2rem;
font-weight: 300;
}
.galleryWrapperPeople .row{
padding-left: 0;
padding: 4% 0;
margin:0 auto;
}
.galleryWrapperPeople .container .row .col-md-6{
width:44em;
height: auto;
margin: 1% auto;
padding-top:4rem;
left: 0;
right: 0;
display:inline-block;
position:relative;
}
.galleryWrapperPeople .container .row .col-md-6 .card{
width: 19em;
height: 28em;
z-index:1;
position:relative;
float:left;
left:0;
-webkit-box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
-moz-box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
box-shadow: 4px -5px 9px rgba(0, 0, 0, .5);
}
.galleryWrapperPeople .row .col-md-6 figure{
width:28em;
height:auto;
position: absolute;
float:right;
margin:0 0em 0 12rem;
-webkit-box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
-moz-box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
box-shadow: 4px -5px 8px rgba(0, 0, 0, .5);
}
.galleryWrapperBlue .row{
padding:6%;
}
.bgWhite .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.bgWhite .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.row.bgTransparent .col-md-6 h2{
line-height: 2.2rem;
height: auto;
}
.row.bgTransparent .col-md-6 p{
font-size:1rem;
line-height: 1.2rem;
}
.modal.fade .modal-dialog{
height: 90vh;
width: 90vw;
}
#portfolio.carousel-inner .carousel-item.active img{
max-height:90%;
max-width: 85%;
}
}
@media only screen
and (-webkit-min-device-pixel-ratio: 2), only screen
and (min--moz-device-pixel-ratio: 2), only screen
and ( -o-min-device-pixel-ratio: 2/1), only screen
and ( min-device-pixel-ratio: 2), only screen
and ( min-resolution: 192dpi), only screen
and ( min-resolution: 2dppx) {
.jumbotron .row .card{
margin-top:30%;
}
.galleryWrapperPeople{
width: 100%;
}
.galleryWrapperPeople .container .row .col-md-6 {
width:90%;
height: auto;
max-height:37em;
margin: 3% auto 10% auto;
padding:0;
left: 0;
display:inline-block;
position:relative;
min-width: 75%;
max-width: 90%;
}
#currentCampaigns .campaignIndicators{
display:inline-block;
margin: 0 auto;
left: 0;
right: 0;
width: 100%;
padding: 2em;
margin-bottom:12%;
}
}
/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
footer ul.navbar-nav{
margin: 0 auto;
width: 100%;
height: auto;
display: inline-block;
}
footer{
height: 2em;
}
footer.navbar-expand-lg .row{
height: 100%;
min-height: 2em;
margin: 0 auto;
}
footer.navbar-expand-lg .row ul.navbar-nav{
height: 100%;
margin: 0 auto;
font-size: .85em;
width: 100%;
max-width: 100%;
}
footer.navbar-expand-lg .row ul.navbar-nav li{
height: 100%;
padding: 0;
margin-right: 1em;
}
}
/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
footer ul.navbar-nav{
margin: 0 auto;
width: 100%;
height: auto;
display: inline-block;
}
footer{
height: 2em;
}
footer.navbar-expand-lg .row{
height: 100%;
min-height: 2em;
margin: 0 auto;
}
footer.navbar-expand-lg .row ul.navbar-nav{
height: 100%;
margin: 0 auto;
font-size: .85em;
width: 100%;
max-width: 100%;
}
footer.navbar-expand-lg .row ul.navbar-nav li{
height: 100%;
padding: 0;
margin-right: 1em;
}
}
/* ----------- Non-Retina Screens ----------- */
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1) {
#currentCampaigns .campaignIndicators{
bottom:0;
margin-bottom:15%;
}
/* ----------- Retina Screens ----------- */
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi) {
#currentCampaigns .campaignIndicators{
bottom:0;
margin-bottom:15%;
}
}
/* media landing page styles start*/
h1 .microsite-text{
}
h3.microsite-text{
text-transform:none !important;
}
/* media landing page style fin */