/*
Theme Name: BURKE Starter Theme
Theme URI:
Author: BURKE 
Author URI:
Description: This is a starter theme based on Blankslate v.4.0.2
Version: 1.0
*/

/* Intercom AI Widget */

/* END - Intercom AI Widget */

* {margin:0; padding:0;}
img {border:none; display:block;}

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

/*** Circle Cursor ***/
/**#cursor {
	display: none;
}**/

.alignleft {
float: left;
}

[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* Reset `button` and button-style `input` default styles */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* -- Colors --*/
:root {
    --berry: #d31772;
    --dark-blue: #091f40;
    --blue: #292f7c;
    --light-blue: #54c8e7;
    --quaternary-color: #cbedf8;
    --quinary-color: #fef9f6;
    --light-grey: #eaeaea;
    --text-color: #333;
    --white: #fff;
}

/* -- Blog Posts -- */
.share-block {
	display: none;
}

/* -- About Page - Our GENIUS --*/
.burke-way-block.our-genius ul {
    margin-bottom: 0;
}

/* -- About Page - Our Approach --*/
@media screen and (max-width: 450px) {
    .burke-way-block.our-approach h4 {
        margin-bottom: 3.25vw;
    }
}
.burke-way-block.our-approach > div {
    margin: 1.25vw 0;
}
.purpose-btn.mktg-genius-btn {
    font-size: .75em;
}

/* -- Genius Landing Page -- */
.page-template-genius-landing.page-template-genius-landing-php{box-sizing: border-box;}
.page-template-genius-landing header{background-color: #091f40;}
.genius_page .spacer {
    width: 100%;
    height: 5rem;
}
.genius_page *{box-sizing: border-box;}
.genius_page button {margin:.1em; padding: 0; text-transform:uppercase; font-size:.85em; font-weight:500; letter-spacing:.1em; background-color: #d31772; border: 1px solid #d31772; -webkit-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;}
.genius_page  button a {display:block; color:#fff; -webkit-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out; padding: .7em 2.5em;}
/*header{display: none !important;}*/
.genius_page #feature {width:100%; min-height:44vw; color:#fff; background-color:#444; background-image:url('images/iStock-1144155943.jpg'); background-size: cover; background-repeat: no-repeat; position: relative;}
.genius_page #feature .overlay-top {position:absolute; top:0; left:0; right:0; height:10vw; background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);}
.genius_page #feature .overlay-bottom {position:absolute; bottom:0; left:0; right:0; height:10vw; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);}
.genius_page .feature-wrapper {position: absolute; top:0; left:0; right:0; bottom:0; display:flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
/* .feature-wrapper h1, #intro h1 {padding-bottom:1.5rem; margin-bottom:1.5rem; border-bottom: 2px solid #d31772;} */
.genius_page .feature-wrapper h2, #intro h2 {margin-bottom:1.5rem;}
.genius_page .feature-wrapper > div:first-child {width:42%; align-self: center;}
.genius_page .feature-wrapper > div:last-child {width:50%; align-self: flex-end;}
.genius_page .feature-wrapper > div:last-child img {width:100%; height: auto;}
.genius_page .feature-wrapper h1 {margin-bottom:1rem;}

.genius_page .title-full {display:block;}
.genius_page .title-mobile {display:none; margin-bottom:3rem;}

.genius_page #intro {width:100%; margin: 0; padding-top:2rem; background-color:#cbedf8;}
.genius_page #intro img{max-width: 100%;}
.genius_page #intro > div {display:flex; justify-content: space-between; flex-wrap: wrap;}
.genius_page #intro > div > div {width:50%;}
.genius_page #intro > div > div:first-child {align-self: flex-end;}
.genius_page #intro > div > div:last-child {align-self: flex-start; padding-left:5vw; padding-bottom:3rem;}
.genius_page #intro > div > div:first-child img {margin-bottom:-1vw;}
.genius_page .intro-footer {width:100%; height: 3.45vw; min-height:30px; background-color:#54c8e7;}
.genius_page a.pdf-link{font-weight: bold;}

.genius_page #about {width:100%; padding-top:1rem; background-color:#fef9f6; overflow: hidden;}
.genius_page #about > div {display:flex; justify-content: space-between; flex-wrap: wrap;}
.genius_page #about > div > div {width:calc(50% - 2vw);}
.genius_page #about > div > div:first-child {align-self: flex-start; padding:6rem 0;}
.genius_page #about > div > div:last-child {align-self: stretch; position: relative;}
.genius_page #about > div > div:last-child img {position: absolute; top:0; left:0; height:100%; width: auto;}


/*Case Study*/
.video_section{padding: 48px 0;}
.video_section .video_list{display: flex; justify-content: space-between; flex-wrap: wrap;}
.video_section .video_list .video{width: calc(33.33% - 25px); padding: 0; margin-bottom: 48px;}
.video_section .full_width_video1 iframe,
.video_section .video_list .video iframe{max-width: 100%; width: 100%;}
.video_section .full_width_video{width: 100%;}

.case_study  .project-intro{flex-wrap: wrap;}

.case_study  .project-intro img{max-width: 100%;}

.postid-7531 .results-wrapper > div, .postid-7601 .results-wrapper > div {width: 100%}
.postid-7531 #page-intro > div > div.intro-right.the-results > div > div:nth-child(2),
.postid-7531 #page-intro > div > div.intro-right.the-results > div > div:nth-child(3),
.postid-7531 #page-intro > div > div.intro-right.the-results > div > div:nth-child(4){
	margin-bottom: 0;
}
.postid-7601 #page-intro > div > div.intro-right.the-results > div > div:nth-child(2),
.postid-7601 #page-intro > div > div.intro-right.the-results > div > div:nth-child(3),
.postid-7601 #page-intro > div > div.intro-right.the-results > div > div:nth-child(4){
	margin-bottom: 0;
}

@media(max-width:1024px){
  .genius_page  #intro > div {flex-direction: column-reverse;}
  .genius_page  #intro > div > div {width:100%;}
  .genius_page  #intro > div > div:first-child {width:100%; margin: auto;}
    
  .genius_page  #about > div > div {width:100%;}
  .genius_page  #about > div > div:first-child {padding-bottom:2rem;}

  .genius_page  #about > div > div:last-child {height: 50vw; padding-left: 0}
  .genius_page #about > div > div:last-child img {position: relative; width:100%; height: auto;}
    
}
@media(max-width:768px){
   .genius_page #feature {min-height: 95vw;}
   .genius_page .feature-wrapper {width:90%; flex-direction: row-reverse; justify-content: flex-end;}
   .genius_page .feature-wrapper > div:first-child {display: none;}
   .genius_page .feature-wrapper > div:last-child {width:100%;}
   .genius_page .feature-wrapper > div:last-child img {}
    
   .genius_page  .title-full {display:none;}
   .genius_page  .title-mobile {display:block;}
    
   .genius_page #intro {padding-top:3rem;}
   .genius_page #about > div > div:first-child {padding-top:3rem;}

   .video_section .video_list .video{width: 100%;}
}

/*** Logo Design Landing Page ***/
.page-template-logo-branding-landing h1 {
    font-weight:700;
    font-size: clamp(1.0625rem, 0.61475rem + 1.88525vw, 2.5rem);
    text-transform: uppercase;
    letter-spacing: .25em;
}
.page-template-logo-branding-landing h2 {
    font-weight:400;
    font-size: clamp(1.6875rem, 0.96721rem + 3.03279vw, 4rem);
}
.page-template-logo-branding-landing h3 {
    font-weight:400;
    font-size: clamp(2rem, 1.49385rem + 2.13115vw, 3.625rem);
}
.page-template-logo-branding-landing h4 {
    font-weight:700;
    font-size: clamp(2rem, 1.84426rem + 0.65574vw, 2.5rem);
    text-transform: uppercase;
    letter-spacing: .25em;
    margin-bottom: 3%;
}
.page-template-logo-branding-landing header {
    background-color: var(--dark-blue);
}
.background-light-grey {
    background-color: var(--light-grey);
}
.background-light-blue {
    background-color: #cceff8;
}
.background-blue {
    background-color: var(--blue);
}
.text-berry {
    color: var(--berry);
}
.text-dark-blue {
    color: var(--dark-blue);
}
.text-white {
    color: var(--white);
}
#logo-process-section,
#flip-book-section {
    padding: 5vw 0;
}
#we-can-help-section {
    padding: 5vw 0 4vw 0;
}
@media screen and (max-width: 1024px) {
    #we-can-help-section {
        padding: 5vw 0;
    }
}
.page-template-logo-branding-landing button.landing-page-button {
    margin: .1em;
    text-transform: uppercase;
    padding: .65em 2em;
    font-size: .85em;
    font-weight: 500;
    letter-spacing: .1em;
    background-color: var(--berry);
    border: 1px solid var(--berry);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.page-template-logo-branding-landing button.landing-page-button a {
    display: block;
}
/** Hero Section **/
#landing-page-hero-section {
    padding-top: 5%;
    height: 90vh;
    overflow: hidden;
    background-image: url('../../uploads/2024/10/Logo-Design-Landing-Page-Hero-scaled.webp');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width: 1366px) and (max-height: 1024px) {
    #landing-page-hero-section {
        height: 74vh;
    }
}
@media screen and (max-width: 1280px) {
    #landing-page-hero-section {
        height: 74vh;
    }
}
@media screen and (max-width: 1024px) and (orientation:landscape) {
    #landing-page-hero-section {
        height: 74vh;
    }
}
@media screen and (max-width: 1024px) and (orientation:portrait) {
    #landing-page-hero-section {
        height: 40vh;
    }
}
@media screen and (max-width: 768px) {
    #landing-page-hero-section {
        height: 40vh;
    }
}
@media screen and (max-width: 430px) {
    #landing-page-hero-section {
        height: 26vh;
    }
}
.video-wrapper {position:relative; width:100%; height:100vh; text-align:center; overflow:hidden;}
.video-wrapper video {-o-object-fit:cover;object-fit:cover; width:100%; height:100%;}
#featureVideo {position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; background:linear-gradient(-89deg, #222 53%, #555 100%); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end;}
#featureVideo iframe {width:100%; height:42.5vw; min-height:100vh; min-width:235.31vh; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); opacity:0;}
.header-poster {position:absolute; top:0; left:0; right:0; bottom:0;}
.header-poster img {width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center;}
#pageVideo {position:absolute; width:100%; height:42.5vw; overflow:hidden; background:linear-gradient(-89deg, #222 53%, #555 100%); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end;}
#pageVideo iframe {width:100%; height:42.5vw; min-height:280px; min-width:235.31vh; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); opacity:0;}
.page-title-wrapper {width:100%; height:42.5vw; top:0; left:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-align:center; position:relative; overflow:hidden;}

/** Loader **/
.loader {
    min-width: 20px;
    margin-bottom:5vw;
  }
  
  /* circle loaders */
  .circle-loader-1 {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    border-top: 2px solid rgba(255, 255, 255, 0.2);
    border-right: 2px solid rgba(255, 255, 255, 0.2);
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    border-left: 2px solid rgba(255, 255, 255, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: circle-loader-spin 1s infinite linear;
    animation: circle-loader-spin 1s infinite linear;
  }
  
  @-webkit-keyframes circle-loader-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  @keyframes circle-loader-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

/** Intro Section **/
.page-template-logo-branding-landing .intro-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 5vw;
    margin-bottom: 5vw;
}
/** Logo Development Section **/
.page-template-logo-branding-landing .logo-card-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.page-template-logo-branding-landing .logo-card {
    width: calc(25% - 10px);
    margin-bottom: 20px;
}
@media (max-width: 1024px) {
    .page-template-logo-branding-landing .logo-card {
        width: calc(50% - 10px);
        margin-bottom: 0;
    }
    .page-template-logo-branding-landing .logo-card:nth-child(1),
    .page-template-logo-branding-landing .logo-card:nth-child(2) {
        margin-bottom: 40px;
    }
}
@media (max-width: 430px) {
    .page-template-logo-branding-landing .logo-card {
        width: 100%;
        margin-bottom: 40px;
    }
}
.page-template-logo-branding-landing .logo-card .logo-card-image {
    margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
    .page-template-logo-branding-landing .logo-card .logo-card-image {
        margin-bottom: 20px;
    }
    
}
.page-template-logo-branding-landing .logo-card img {
    width: 100%;
    height: auto;
}
.page-template-logo-branding-landing .logo-card h5 {
    text-align: left;
    font-size: 32px;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    color: var(--white);
    margin-bottom: 0;
}
@media (max-width: 1365px) {
    .page-template-logo-branding-landing .logo-card h5 {
        font-size: 28px;
    }
}
@media (max-width: 768px) {
    .page-template-logo-branding-landing .logo-card h5 {
        font-size: 30px;
    }
}
.page-template-logo-branding-landing .logo-card:nth-child(1) h5 {
    color: var(--dark-blue);
}
.page-template-logo-branding-landing .logo-card p {
    text-align: left;
    font-size: 16px;
}
.page-template-logo-branding-landing .logo-card .logo-card-text-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.page-template-logo-branding-landing .logo-card .logo-card-title-block {
    padding: 5%;
}
.page-template-logo-branding-landing .logo-card:nth-child(1) .logo-card-title-block {
    background-color: var(--light-blue);
}
.page-template-logo-branding-landing .logo-card:nth-child(2) .logo-card-title-block {
    background-color: var(--blue);
}
.page-template-logo-branding-landing .logo-card:nth-child(3) .logo-card-title-block {
    background-color: var(--dark-blue);
}
.page-template-logo-branding-landing .logo-card:nth-child(4) .logo-card-title-block {
    background-color: var(--berry);
}
.page-template-logo-branding-landing .logo-card .logo-card-text-block {
    padding: 5% 15% 0 15%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 208px;
}
@media (max-width: 1366px) {
    .page-template-logo-branding-landing .logo-card .logo-card-text-block {
        height: 234px;
    }
}
@media (max-width: 1024px) {
    .page-template-logo-branding-landing .logo-card .logo-card-text-block {
        height: 200px;
    }
}
.page-template-logo-branding-landing .logo-card:nth-child(1) .logo-card-text-block {
    background-color: #cceff8;
}
.page-template-logo-branding-landing .logo-card:nth-child(2) .logo-card-text-block {
    background-color: #d4d5e5;
}
.page-template-logo-branding-landing .logo-card:nth-child(3) .logo-card-text-block {
    background-color: #ced2d9;
}
.page-template-logo-branding-landing .logo-card:nth-child(4) .logo-card-text-block {
    background-color: #f6d1e3;
}
/** Flip Book Section **/
.page-template-logo-branding-landing .flip-book-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	height: 70vh;
}
@media screen and (max-width: 1440px) {
    .page-template-logo-branding-landing .flip-book-wrapper {
        height: 48vh;
    }
    
}
@media screen and (max-width: 1024px) and (orientation:portrait) {
    .page-template-logo-branding-landing .flip-book-wrapper {
        height: 34vh;
    }
    
}
@media screen and (max-width: 1024px) and (orientation:landscape) {
    .page-template-logo-branding-landing .flip-book-wrapper {
        height: 44vh;
    }
    
}
@media screen and (max-width: 768px) and (orientation:portrait) {
    .page-template-logo-branding-landing .flip-book-wrapper {
        height: 25vh;
    }
    
}
/** We Can Help Section **/
.page-template-logo-branding-landing .we-can-help-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
    .page-template-logo-branding-landing .we-can-help-wrapper {
        flex-direction: column;
    }
    
}
.page-template-logo-branding-landing .we-can-help-wrapper p {
    margin-bottom: 0;
}
.page-template-logo-branding-landing .we-can-help-wrapper div {
    width: calc(50% - 20px);
    margin-bottom: 0;
}
@media screen and (max-width: 900px) {
    .page-template-logo-branding-landing .we-can-help-wrapper div {
        width: 100%;
        margin-bottom: 0;
    }
    
}
/* Form */
.page-template-logo-branding-landing .we-can-help-wrapper div.form-wrapper div._form8,
#we-can-help-section > div > div.form-wrapper > div._form8 {
	width: 100%;
}
.page-template-logo-branding-landing .we-can-help-wrapper div._form-content {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
form._form_8 {
	max-width: 721px !important;
    background: rgba(0,0,0,0) !important;
}
@media screen and (max-width: 900px) {
    form._form_8 {
        padding: 0 !important;
    }
}
form._form_8 ._form-content div  {
	width: calc(50% - 10px) !important;
}
@media screen and (max-width: 480px) {
    form._form_8 ._form-content div {
        width: 100% !important;
    }
}
form._form_8 ._form-content div._x49379285  {
	width: 100% !important;
}
form._form_8 ._form-content div._field-wrapper {
	width: 100% !important;
    margin-bottom: 10px !important;
}
form._form_8 ._form-content div._field-wrapper input {
   padding: 15px 10px !important;
   border: none !important;
   border-radius: 0 !important;
}
._form-thank-you {
    font-size: 18px !important;
}
/*** END - Logo Design Landing Page ***/

/*** Jobs Listing ***/
.page-id-15 strong {
	font-weight: 700 !important;
}
/**.job-listing .cursorPlus {
	border-bottom: 1px solid #d31772;
}**/
#careers .job-listing .cursorPlus:hover {
	color: #54c8e7 !important;
}

/* -- Projects Pages -- */
.postid-7434 .the-results h2 {
	display: none;
}
.project-intro ul,
.project-intro ol,
#work-samples .project-images ul,
#work-samples .project-video ul,
.results-wrapper ul {
	margin-left: 1.25em;
}
.single-projects #page-intro a,
.single-projects .project-intro a {
	text-decoration: underline;
	color: var(--light-blue);
}
/* Albemarle Work Page */

.postid-7279 #work-samples > div:nth-child(3) > div.project-intro.max-width {
display: none;
}
.postid-7279 #work-samples > div:nth-child(3) {
margin: .5vw 0;
}
/* Thompson Work Page */
@media screen and (max-width: 900px) {
	.postid-7531 .results-wrapper > div {
		width: 100%;
	}
}
/* -- Projects Pages - END -- */