/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td, select {margin:0px; padding:0px; border:none;}
p,li {}
p, li, a, input, select, option, label, textarea, button, span, td, button.cky-btn, .cky-accordion-header button.cky-accordion-btn {font-family: open-sans, sans-serif; color:#4d4d4d; font-weight:normal; letter-spacing:0px;}
h1,h2,h3, h1 a, h2 a, h3 a {font-weight:bold; font-family: brandon-grotesque, sans-serif; letter-spacing:1px; line-height: 1.2em;}
h4,h5,h6, h4 a, h5 a, h6 a {font-weight:bold; font-family: brandon-grotesque, sans-serif;  letter-spacing:1px; line-height: 1.2em;}
a img,:link img,:visited img { border:none; }
address {font-style:normal;}
.ErrorLabel {display:none;}
input {-webkit-appearance: none;}
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom:40px; }
.videoWrapper iframe {position: absolute; top: 0;left: 0; width: 100%; height: 100%;}
* {box-sizing: border-box; background-repeat:no-repeat;}

main {position: relative; max-width: 100%; width:100%; margin: 0px auto; text-align: left; overflow:hidden;}
main>div, header, footer, section {min-width:320px; width: 100%; max-width: 100%; float:left; position:relative;}
.wrapper {margin: 0 auto; width: 1450px; max-width: 100%;}
.content {float: left; width: 90%; max-width: 100%; margin:0 5%; position:relative;}
.margin {padding:40px 0;}
.marginTop {padding:40px 0 0 0;}
.lightGreen {background-color:#cfede8;}

@media only screen and (min-width: 768px) {
	.margin {padding:60px 0;}
	.marginTop {padding:60px 0 0 0;}
}

@media only screen and (min-width: 1024px) {
	.margin {padding:80px 0;}
	.marginTop {padding:80px 0 0 0;}
}


/* ----- HEADER ----- */


header {position: absolute; height:90px; z-index:200;}
header a.logo {background-image:url("/wp-content/themes/jonbroome/assets/jon-broome-logo.png"); width:200px; height:40px; background-size:contain; margin-top:30px; display:block; float:left;}
header a.contact {display:none; color:#fff; text-transform:uppercase; font-weight:bold; padding:10px 20px; background-color:#dea84f; border-radius:15px; float:right; margin:30px 20px;}
header a.contact:hover {color:#fff; background-color:#0da685;}
#shortBanner {height:325px;}
#shortBanner .content {height:325px; display:flex; align-items: center;}
#shortBanner .banner {height:325px;}
#banner {height:425px;}
#banner .content {height:425px; display:flex; align-items: center;}
#banner .banner {height:425px;}
#serviceBanner {height:650px;}
#serviceBanner .content {height:424px; display:flex; align-items: center;}
#serviceBanner .cycle-slideshow {float:left; width:100%;}
#serviceBanner .banner {height:424px;}
.banner {width:100%;  background-size:cover; background-position:center center; position: absolute; top: 0px;}
.banner p {font-family: brandon-grotesque, sans-serif; font-weight:900; font-size:16px; color:#fff; text-transform:uppercase; margin-bottom:20px;}
.banner h2 {font-family: brandon-grotesque, sans-serif; font-weight:400; font-size:32px; color:#fff; text-transform:uppercase; margin-bottom:30px;}
.banner h2:last-child {margin-bottom:0px;}
.banner a {font-family: brandon-grotesque, sans-serif; font-weight:500; font-size:15px; color:#fff; text-transform:uppercase; border:1px solid #fff; border-radius:15px; padding:10px 60px 10px 12px; position:relative;}
.banner a:after {display:block; content:''; width:12px; height:12px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); position:absolute; right:25px; top:calc(50% - 8px);}
.banner a:hover {background-color:#fff; color:#4d4d4d;}
.banner a:hover:after {border-top:2px solid #4d4d4d; border-right:2px solid #4d4d4d; }
#serviceLinks {border-bottom:1px solid #a5a5a5; position: absolute; bottom: 0px; z-index:100; width:100%;}
#serviceLinks a {position:relative; width:100%; font-family: brandon-grotesque, sans-serif; color:#0da685; font-size:16px; height:75px; border-top:1px solid #a5a5a5; display:flex; background-color:#fff;  align-items: center; text-transform:uppercase; padding-left:5%;}
#serviceLinks a:after {display:block; content:''; position:relative; width:20px; height:20px; background-image:url("/wp-content/themes/jonbroome/assets/star-yellow.png"); background-size:cover; position:relative; right:-5px; top:-12px;}
#serviceLinks a:hover {color:#086654; background-color:#dea84f; }
#serviceLinks a:hover:after {background-image:url("/wp-content/themes/jonbroome/assets/star-white.png");}

@media only screen and (min-width: 768px) {
header a.logo {width:250px; height:50px; margin-top:45px;}
header a.contact {display:block; margin-top:45px;}
#shortBanner {height:490px;}
#shortBanner .content {height:490px;}
#shortBanner .banner {height:490px;}
#banner {height:765px;}
#banner .content {height:765px;}
#banner .banner {height:765px;}
#serviceBanner {height:880px;}
#serviceBanner .content {height:769px;}
#serviceBanner .banner {height:769px;}
.banner p {font-size:20px;}
.banner h2 {font-size:68px;}
.banner a {font-size:15px;}
#serviceLinks a {float:left; width:33.33%; height:110px; font-size:19px; border-right:1px solid #a5a5a5; display:block; padding:34px 8% 0 5%;}
#serviceLinks a:after {left: 7%; top: 20px; position:absolute;}
}

@media only screen and (min-width: 1024px) {
#serviceBanner {height:910px;}
#serviceBanner .content {height:910px;}
#serviceBanner .banner {height:910px;}	
#serviceLinks a {font-size:25px; height:140px;  padding:45px 8% 0 5%;}
.message {width:60%;}
}

@media only screen and (min-width: 1280px) {
header a.contact {display:none;}
}

@media only screen and (min-width: 1400px) {
.wrapperLinks {margin: 0 auto; width: 1450px; max-width: 100%;}
.contentLinks {float: left; width: 90%; max-width: 100%; margin:0 5%; position:relative;}	
}



/* ----- FOOTER ----- */


footer {background-color:#4d4d4d;}
footer a.logo {background-image:url("/wp-content/themes/jonbroome/assets/jon-broome-logo.png"); width:250px; height:50px; background-size:contain; display:block; float:left; margin-bottom:40px;}
footer .copy {margin-bottom:50px; float:left; width:100%;}
footer .copy.white h4 {color:#dea84f; text-transform:uppercase; margin-bottom:20px; font-size:18px; font-family: open-sans, sans-serif; letter-spacing:0px;}
footer .copy.address p strong {font-size:24px;}
footer .copy.address p {font-size:16px;}
ul#menu-policynav li {margin-bottom:8px;}
ul#menu-policynav a {color:#dea84f; font-size:16px; }
ul#menu-footernav li {margin-bottom:8px;}
ul#menu-footernav a {color:#fff; font-size:16px; }
ul#menu-servicenav li {margin-bottom:8px;}
ul#menu-servicenav a {color:#fff; font-size:16px; }
footer .copyright {width:100%; float:left; font-family: open-sans, sans-serif; font-size:18px; color:#fff; ;}
footer #linkedIn {float:right; width:100%;}
footer #linkedIn a {color:#dea84f; font-family: open-sans, sans-serif; font-size:18px; font-weight:bold; display:inline-block; height:50px; padding:13px 70px 0px 0; background-image:url("/wp-content/themes/jonbroome/assets/linkedin.png"); background-position:right center; margin-bottom:60px;}


@media only screen and (min-width: 768px) {
footer .copy {float:right; width:47.5%; clear:right;}
footer .copy.address {float:left; width:47.5%; clear:left; }	
footer #linkedIn {float:right; width:47.5%; clear:right; text-align:right;}
footer .copyright {float:left; width:47.5%;}
}

@media only screen and (min-width: 1024px) {
footer .copy {width:25%; float:left; clear:none; margin-left:5%;}
footer .copy.address {width:40%; clear:left; margin-left:0;}
footer .copy p {margin-bottom:20px;}
}




/* ----- CONTENT ----- */


.left {float:left; width:100%; margin-bottom:50px;}
.right {float:left; width:100%; margin-bottom:50px;}
.left:last-child {margin-bottom:0px;}
.right:last-child {margin-bottom:0px;}

.videoWrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
.mask:after {display:block; content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}

.copy p {color:#4d4d4d; font-size:18px; margin-bottom:20px;}
.copy.lightGreenCopy p {color:#0da685;}
.copy.lightGreenCopy p strong {color:#0da685;}
.copy p em {font-style:normal; color:#086654;}
p a:hover {text-decoration:underline;}
.copy p strong {color:#086654;}
.copy.first>p:first-of-type {color:#086654; font-size:22px; margin-bottom:50px;}
.copy.lightGreenCopy.first>p:first-of-type {color:#0da685;}
.copy ul {margin-bottom:30px;}
.copy ul li {font-size:18px; background-image:url("/wp-content/themes/jonbroome/assets/bullet.png"); background-position:top 3px left; padding-left:30px; margin-bottom:20px;}
.copy ul li strong {color:#086654;}
.copy ul ul {margin-top:20px;}
.copy ol {margin-bottom:30px;}
.copy ol li {font-size:18px; list-style-type:decimal; margin-left:20px; margin-bottom:20px; padding-left:10px;}
.copy ol li strong {color:#086654;}
.copy h1 {color:#0da685; font-size:28px; text-transform:uppercase; margin-bottom:30px;}
.copy h2 {color:#0da685; font-size:24px; text-transform:uppercase; margin-bottom:30px;}
.copy h3 {color:#086654; font-size:22px; text-transform:uppercase; margin-bottom:20px;} 
.copy h4 {color:#086654; font-size:24px; margin-bottom:30px; font-family: open-sans, sans-serif;} 
.copy h5 {color:#0da685; font-size:22px; margin-bottom:20px; font-family: open-sans, sans-serif; font-weight:normal;}
.copy.right h5 {margin-bottom:0px;}
p a, h5 a {color:#0da685;}
.copy.white p, .copy.white p a, .copy.white h1, .copy.white h2, .copy.white h3, .copy.white h4, .copy.white h5, .copy.white h6 {color:#fff;} 

.copy p:last-child, .copy h1:last-child, .copy h2:last-child, .copy h3:last-child, .copy h4:last-child, .copy h5:last-child, .copy h6:last-child, .copy ul:last-child {margin-bottom:0px;}
.copy.first>p:first-of-type:last-child {margin-bottom:0px;}


a.orangeButton {color:#fff; display:inline-block; text-transform:uppercase; font-size:15px; font-family: brandon-grotesque, sans-serif; background-color:#dea84f; border-radius:10px; padding:8px 50px 8px 15px; position:relative;}
a.orangeButton:after {display:block; content:''; width:10px; height:10px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); position:absolute; right:20px; top:13px;}
a.orangeButton:hover {text-decoration:none; background-color:#0da685;}

a.greenButton {color:#fff; display:inline-block;   text-transform:uppercase; font-size:15px; font-family: brandon-grotesque, sans-serif; background-color:#0da685; border-radius:10px; padding:8px 50px 8px 15px; position:relative;}
a.greenButton:after {display:block; content:''; width:10px; height:10px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); position:absolute; right:20px; top:13px;}
a.greenButton:hover {text-decoration:none; background-color:#dea84f;}

a.whiteButton {color:#4d4d4d; display:inline-block; border:1px solid #4d4d4d; text-transform:uppercase; font-size:15px; font-family: brandon-grotesque, sans-serif; background-color:#fff; border-radius:10px; padding:8px 50px 8px 15px; position:relative;}
a.whiteButton:after {display:block; content:''; width:10px; height:10px; border-top:2px solid #4d4d4d; border-right:2px solid #4d4d4d; transform:rotate(45deg); position:absolute; right:20px; top:13px;}
a.whiteButton:hover {text-decoration:none; background-color:#0da685; color:#fff;}
a.whiteButton:hover:after {filter:brightness(1000%);}

a.articleLink {display:block; width:250px; font-size:16px; font-family: brandon-grotesque, sans-serif; font-weight:bold; text-transform:uppercase; color:#086654; padding:12px 60px; background-image:url("/wp-content/themes/jonbroome/assets/icon-article.png"); background-position:top 10px left 15px; border-radius:10px; border:1px solid #D2E8E5; background-color:#D2E8E5; position:relative; margin-bottom:20px;}
a.articleLink:after {display:block; content:''; width:9px; height:16px; background-image:url("assets/bullet.png"); position:absolute; right:15px; top:15px;}
a.articleLink:hover {background-color:#fff;}
a.bookLink {display:block; width:250px;  font-size:16px; font-family: brandon-grotesque, sans-serif; font-weight:bold; text-transform:uppercase; color:#086654; padding:12px 60px; background-image:url("/wp-content/themes/jonbroome/assets/icon-book.png"); background-position:top 12px left 15px; border-radius:10px; border:1px solid #D2E8E5;  background-color:#D2E8E5; position:relative; margin-bottom:20px;}
a.bookLink:after {display:block; content:''; width:9px; height:16px; background-image:url("assets/bullet.png"); position:absolute; right:15px; top:15px;}
a.bookLink:hover {background-color:#fff;}
a.videoLink {display:block; width:250px;  font-size:16px; font-family: brandon-grotesque, sans-serif; font-weight:bold; text-transform:uppercase; color:#086654; padding:12px 60px; background-image:url("/wp-content/themes/jonbroome/assets/icon-video.png"); background-position:top 14px left 15px; border-radius:10px; border:1px solid #D2E8E5;  background-color:#D2E8E5; position:relative; margin-bottom:20px;}
a.videoLink:after {display:block; content:''; width:9px; height:16px; background-image:url("assets/bullet.png"); position:absolute; right:15px; top:15px;}
a.videoLink:hover {background-color:#fff;}

.articleLinks a {display:block; width:250px; font-size:16px; font-family: brandon-grotesque, sans-serif; font-weight:bold; text-transform:uppercase; color:#086654; padding:12px 60px; background-image:url("/wp-content/themes/jonbroome/assets/icon-article.png"); background-position:top 10px left 15px; border-radius:10px; border:1px solid #D2E8E5; background-color:#D2E8E5; position:relative; margin-bottom:20px;}
.articleLinks a:after {display:block; content:''; width:9px; height:16px; background-image:url("assets/bullet.png"); position:absolute; right:15px; top:15px;}
.articleLinks a:hover {background-color:#fff;}

@media only screen and (min-width: 768px) {
.copy.first>p:first-of-type {font-size:24px; margin-bottom:50px;}
.copy p {margin-bottom:30px;}
.copy ul {margin-bottom:50px;}
.copy h1 {font-size:50px;}
.copy h2 {font-size:30px;}
.copy h3 {font-size:24px; margin-bottom:30px;}
.copy h4 {font-size:24px;}
.copy h5 {font-size:24px;}
}

@media only screen and (min-width: 1024px) {
.left {width:65%; float:left; }
.right {width:25%; float:right; margin-top:130px;}
.copy h1 {margin:0 0 70px 0;}
}




/* ----- HOMEPAGE ----- */


.usps {float:left; margin-bottom:30px;}
.usp {float:left; width:100%; background-color:#cfede8; border-radius:15px; margin:15px 0; padding:30px 20px;}
.usp p {color:#086654;}

@media only screen and (min-width: 768px) {
.usps {display:flex;}
.usp {float:left; width: 47.5%; margin-right:5%;}
.usp:last-child {margin-right:0px;}	
}

.video .image {background-image:url("/wp-content/themes/jonbroome/assets/jon-video.png"); width:100%; height:200px; background-size:contain; background-position:center center; margin-bottom:20px;}
.video h3 {font-family: open-sans, sans-serif; text-transform:none; font-size:24px;}
.video p {font-size:24px; color:#086654;}

@media only screen and (min-width: 768px) {
.video .image {float:left; width:47.5%;}
.video .copy {float:right; width:47.5%;}
.video .copy p {margin-bottom:30px;}
}

@media only screen and (min-width: 1024px) {
.video .image {width:100%;}
.video .copy {width:100%;}
}

#testimonial {background-size:cover; background-position:center center;}
.testimonialPreview {float:left; width:100%; margin:30px 0;}
.testimonialPreview h2 {color:#fff; font-size:24px; text-transform:uppercase; margin-bottom:30px;}
.testimonialPreview p {color:#fff; font-size:18px;}
.testimonialPreview p:first-of-type {font-size:24px; margin-bottom:30px;}

@media only screen and (min-width: 768px) {
.testimonialPreview {float:left; width:75%;}
.testimonialPreview h2 {font-size:30px;  margin-bottom:60px;}	
.testimonialPreview p {width:65%;}
.testimonialPreview p:first-of-type {width:100%;}
}

#clients .cycle-slideshow {float:left; width:100%;}
#clients .cycle-slideshow img {margin:0 40px 0 0;}

@media only screen and (min-width: 768px) {
#clients .cycle-slideshow img {margin:0 80px 0 0;}
}

#resourcesPreview {background-color:#0da685; padding-bottom:120px;}
#resourcesList {margin-top:-100px;}
.resourcePreview {float:left; width:100%; background-color:#cfede8; border-radius:15px; margin:15px 0; padding:30px 20px;}
.resourcePreview img {margin-bottom:20px;}
.resourcePreview h3 {color:#086654; text-transform:uppercase; margin-bottom:20px; font-size:24px;}
.resourcePreview p {color:#086654; font-size:18px;}
.resourcePreview p:first-of-type {margin-bottom:20px;}

@media only screen and (min-width: 768px) {
.resourcesPreviewList {display:flex; flex-wrap: wrap;}
.resourcePreview {width:47.5%; margin-left:5%; padding-bottom:70px; position:relative;}
.resourcePreview:nth-child(2n+1) {clear:left; margin-left:0;}
.resourcePreview a {position:absolute; bottom:30px;}		
}

@media only screen and (min-width: 1024px) {
.resourcePreview {width:30%; margin-left:5%;}
.resourcePreview:nth-child(2n+1) {clear:none; margin-left:5%;}	
.resourcePreview:nth-child(3n+1) {clear:left; margin-left:0;}	
}

.caseStudyPreviews {}
.caseStudyPreview {float:left; width:100%; margin-top:50px;}
.caseStudyPreview .image {float:left; width:100%; height:200px; background-size:cover; background-position:center center; margin-bottom:30px;}
.caseStudyPreview h3 {color:#0da685;}

@media only screen and (min-width: 768px) {
.caseStudyPreviews {display:flex; flex-wrap: wrap;}
.caseStudyPreview {width:47.5%; margin-left:5%; padding-bottom:40px; position:relative;}
.caseStudyPreview:nth-child(2n+1) {clear:left; margin-left:0;}
.caseStudyPreview a {position:absolute; bottom:0px;}	
}

@media only screen and (min-width: 1024px) {
.caseStudyPreview {width:30%; margin-left:5%;}
.caseStudyPreview:nth-child(2n+1) {clear:none; margin-left:5%;}	
.caseStudyPreview:nth-child(3n+1) {clear:left; margin-left:0;}	
}





/* ----- SERVICES PAGE ----- */

.stages {float:left; width:100%;}
.stages p {color:#086654;}
.stages .number {color:#0da685; font-size:50px; margin-bottom:20px; font-family: brandon-grotesque, sans-serif; font-weight:bold; line-height:50px;}
.stages .stage {float:left; width:100%; background-color:#d2ede8; border-radius:20px; padding:35px; margin-bottom:30px;}
.stages .stage4 {float:left; width:100%;   margin-bottom:30px;}

@media only screen and (min-width: 768px) {
.stages { display:flex; flex-wrap:wrap;}
.stages .stage {width:47.5%; margin-left:5%;}
.stages .stage:nth-child(2n+1) {margin-left:0; clear:left;}
.stages .stage4 {width:47.5%; margin-left:5%;}
}



/* ----- ARTICLES ----- */

.articleList {float:left; width:100%;}
.article {float:left; width:100%; border-top:1px solid #4d4d4d;}
.article .copy {background-image:url("/wp-content/themes/jonbroome/assets/icon-article-large.png"); background-position: top 20px left; padding:100px 0 30px 0;}
.article .button {margin-bottom:35px;}

@media only screen and (min-width: 768px) {
.article {display:flex;}
.article .copy {width:70%; margin-right:5%; float:left; padding: 35px 0  35px 100px; background-position:top 35px left; }
.article .button {width:25%; float:right; margin-bottom:0px; align-items: center; display:flex;}
}


/* ----- VIDEOS ----- */

.videoList {float:left; width:100%;}
.videoSection {background-image:url("/wp-content/themes/jonbroome/assets/icon-video-large.png"); background-position:20px 25px; float:left; width:100%; background-color:#cfede8; border-radius:15px; margin:0 0 30px 0; padding:85px 20px 20px 20px;}
.videoPreview {background-image:url("/wp-content/themes/jonbroome/assets/icon-video-large-orange.png"); background-position:20px 25px; float:left; width:100%; background-color:#fef2df; border-radius:15px; margin:0 0 30px 0; padding:85px 20px 20px 20px;}
.videoPreview h3 {color:#e5b14f;}
.videoPreview .copy p strong {color:#e5b14f;}
.videoPreview .copy p.tags {text-transform:uppercase; font-size:16px; margin:-10px 0 15px 0; color:#e5b14f;}
.videoPreview .copy p.tags a {color:#e5b14f;}

@media only screen and (min-width: 768px) {
.videoList {display:flex; flex-wrap:wrap;}
.videoSection {position:relative; float:left; width:47.5%; padding:85px 25px 70px 25px; margin: 0 0 5% 5%;}
.videoSection p:last-child {position:absolute; bottom:25px; left:25px;}
.videoSection:nth-child(2n+1) {clear:none; margin-left:0;}
.videoPreview {position:relative; float:left; width:47.5%; padding:85px 25px 70px 25px; margin: 0 0 5% 5%;}
.videoPreview p:last-child {position:absolute; bottom:25px; left:25px;}
.videoPreview:nth-child(2n+1) {clear:none; margin-left:0;}
}

@media only screen and (min-width: 1024px) {
.videoSection {width:30%; margin-left:5%;}
.videoSection:nth-child(2n+1) {clear:left; margin-left:5%;}
.videoSection:nth-child(3n+1) {clear:none; margin-left:0;}
.videoPreview {width:30%; margin-left:5%;}
.videoPreview:nth-child(2n+1) {clear:left; margin-left:5%;}
.videoPreview:nth-child(3n+1) {clear:none; margin-left:0;}
}



/* ----- BOOKS ----- */

.bookList {float:left; width:100%;}
.book {float:left; width:100%; border-top:1px solid #4d4d4d; padding:50px 0;}
.book .image {float:left; width:100%; margin-bottom:50px; height:300px;}
.book .image img { height: 300px; object-fit: contain;}

@media only screen and (min-width: 768px) {
.book {display:flex;}
.book .image {width:25%;}
.book .image img {width: 100%; height:auto;}
.book .copy {width:70%; margin-left:5%;}
}


/* ----- CASE STUDIES ----- */

.caseStudies {float:left; width:100%;}
.caseStudy {float:left; width:100%; margin-bottom:50px;}
.caseStudy .image {width:100%; height:180px; background-size:cover; background-position:center center; margin-bottom:30px;}
.caseStudy .copy h3 {color:#0da685;}
.quote {background-image:url("assets/quote.png"); background-position:top left; padding-top:60px;}
.quote p {color:#0da685; font-size:18px; }
.quote p:first-child {font-size:28px; margin-bottom:30px;}

@media only screen and (min-width: 768px) {
.caseStudy {width:47.5%; margin-left:5%; margin-bottom:5%;}
.caseStudy:nth-child(2n+1) {clear:left; margin-left:0;}
}

@media only screen and (min-width: 1024px) {
.caseStudy {width:30%; margin-left:5%;}
.caseStudy:nth-child(2n+1) {clear:none; margin-left:5%;}
.caseStudy:nth-child(3n+1) {clear:left; margin-left:0;}
}



/* ----- COURSES ----- */

.courses {float:left; width:100%; margin-bottom:50px;}
.course {background-image:url("/wp-content/themes/jonbroome/assets/star-green.png");  background-position:20px 25px; float:left; width:100%; background-color:#cfede8; border-radius:15px; margin:0 0 30px 0; padding:85px 20px 20px 20px;}
.bookReview {float:left; width:100%:}
.bookImage {margin-bottom:50px;}
.bookImage p:first-of-type {color:#086654; font-size:18px; font-weight:bold; margin-bottom:30px;}
.bookImage p {color:#0da685; font-size:24px; font-weight:normal;}

@media only screen and (min-width: 768px) {
.courses {display:flex; flex-wrap:wrap;}
.course {position:relative; float:left; width:47.5%; background-position:30px 35px; padding:95px 35px 80px 35px; margin: 0 0 5% 5%;}
.course a {position:absolute; bottom:35px; left:35px;}
.course:nth-child(2n+1) {clear:none; margin-left:0;}
.bookImage {float:left; width:47.5%;}
.bookImage img {width:100%; object-fit:contain;}
.bookCopy {float:right; width:47.5%;}
}

@media only screen and (min-width: 1024px) {
.course {width:30%; margin-left:5%;}
.course:nth-child(2n+1) {clear:left; margin-left:5%;}
.course:nth-child(3n+1) {clear:none; margin-left:0;}
.bookImage {width:30%;}
.bookCopy {width:65%;}
}


/* ----- CONTACT PAGE ----- */

.contactPhone {margin-bottom:30px; padding-left:65px; background-image:url("/wp-content/themes/jonbroome/assets/icon-phone.png"); background-position:top left;}
.contactEmail {margin-bottom:30px; padding-left:65px; background-image:url("/wp-content/themes/jonbroome/assets/icon-email.png"); background-position:top left;}
.contactLocation {margin-bottom:30px; padding-left:65px; background-image:url("/wp-content/themes/jonbroome/assets/icon-location.png"); background-position:top left;}
.contactPhone p strong {font-family: brandon-grotesque, sans-serif; text-transform:uppercase; font-weight:900; font-size:18px;  color:#4d4d4d; text-transform::uppercase;}
.contactPhone p {font-size:18px;  color:#4d4d4d; }
.contactPhone p a {font-size:18px;  color:#4d4d4d; }
.contactEmail p strong {font-family: brandon-grotesque, sans-serif; text-transform:uppercase;font-weight:900; font-size:18px;  color:#4d4d4d; text-transform::uppercase;}
.contactEmail p {font-size:18px;  color:#4d4d4d; }
.contactEmail p a {font-size:18px;  color:#4d4d4d; }
.contactLocation p strong {font-family: brandon-grotesque, sans-serif; text-transform:uppercase; font-weight:900; font-size:18px;  color:#4d4d4d; text-transform::uppercase;}
.contactLocation p {font-size:18px;  color:#4d4d4d; }
.contactLocation p a {font-size:18px;  color:#4d4d4d; }