.entry-title {
display: none;
}
.clear-float {
clear: both;
}
.width50 {
width: 400px;
float: left;
}
header {
padding-bottom: 0;
}
header .fl {
margin: 45px 0 !important;
}
header .fr {
margin-top: 45px !important;
}
#portfolio-banner {
height: 270px;
width: 100%;
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/portfolio-link-background-1.png);
background-size: cover;
background-position: center;
}
#portfolio-banner #portfolio-link-container {
width: 100%;
height: 270px;
text-align: center;
}
#portfolio-banner #portfolio-link-container a img {
width: 450px;
margin-top: 100px;
}
#portfolio-banner #portfolio-link-container a:hover img {
opacity: 0.7;
}
footer {
margin: 0;
}
footer .copyright #footer-line {
margin-left: calc(50% - 50px);
display: block;
margin-bottom: 10px;
margin-top: 10px;
height: 2px;
width: 100px;
background-color: #5ec6c0;
}
footer .copyright a {
color: #484848;
}
footer .copyright a:hover {
color: #5ec6c0;
}
.home .bbody .wrapper.container, .page-id-2 .bbody .wrapper.container {
width: 100% !important;
}
.home #banner, .page-id-2 #banner {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/11/iStock-137099359.jpg);
background-size: cover;
height: calc(100vh - 120px);
position: relative;
}
.home #banner h1, .page-id-2 #banner h1 {
width: 800px;
text-align: justify;
text-align-last: justify;
-moz-text-align-last: justify;
margin-left: calc(50% - 400px);
color: #fff;
text-shadow: 3px 3px 4px #000;
line-height: 60px;
padding-top: calc(50vh - 150px);
}
.home #banner h1 span, .page-id-2 #banner h1 span {
color: #5ec6c0;
}
.home #banner img, .page-id-2 #banner img {
position: absolute;
bottom: 40px;
left: calc(50% - 20px);
}
.home #main-content-container, .page-id-2 #main-content-container {
width: 800px;
margin: 100px auto;
margin-bottom: 40px;
position: relative;
}
.home #main-content-container h2, .page-id-2 #main-content-container h2 {
width: 800px;
font-weight: 100;
color: #666;
text-align: justify;
text-align-last: justify;
-moz-text-align-last: justify;
margin: 0;
}
.home #main-content-container h2 span, .page-id-2 #main-content-container h2 span {
font-size: 48px;
line-height: 48px;
}
.home #main-content-container h2 #verbal-impact, .page-id-2 #main-content-container h2 #verbal-impact {
font-size: 96px;
font-weight: 900;
color: #5ec6c0;
line-height: 76px;
}
.home #main-content-container h2 #key, .page-id-2 #main-content-container h2 #key {
font-size: 48px;
font-weight: 900;
}
.home #main-content-container h2 #communication, .page-id-2 #main-content-container h2 #communication {
font-size: 61px;
color: #a4a4a4;
font-weight: 900;
letter-spacing: 21px;
line-height: 60px;
}
.home #main-content-container h2:after, .page-id-2 #main-content-container h2:after {
content: "";
display: block;
margin-top: 50px;
height: 2px;
width: 100px;
background-color: #5ec6c0;
}
.home #main-content-container h3, .page-id-2 #main-content-container h3 {
text-transform: none;
font-weight: 100;
color: #666;
text-align: justify;
text-align-last: justify;
-moz-text-align-last: justify;
margin-top: 50px;
margin-bottom: 0;
line-height: 60px;
}
.home #main-content-container .width50, .page-id-2 #main-content-container .width50 {
margin-top: 100px;
width: 400px;
float: left;
}
.home #main-content-container .width50 #profile-pic, .page-id-2 #main-content-container .width50 #profile-pic {
width: 400px;
display: block;
}
.home #main-content-container .width50 p, .page-id-2 #main-content-container .width50 p {
padding-right: 80px;
font-size: 26px;
font-weight: 100;
text-align: left;
margin-top: 30px;
margin-bottom: 20px;
line-height: 34px;
}
.home #main-content-container .width50 #about-link-container, .page-id-2 #main-content-container .width50 #about-link-container {
padding: 30px 0 50px 0;
}
.home #main-content-container .width50 #about-link-container a:hover img, .page-id-2 #main-content-container .width50 #about-link-container a:hover img {
opacity: 0.7;
}
.home #main-content-container .width50 #about-link-container:after, .page-id-2 #main-content-container .width50 #about-link-container:after {
content: "";
display: block;
margin-top: 50px;
height: 2px;
width: 100px;
background-color: #5ec6c0;
}
.page-id-2 .about-profile-pic {
position: absolute;
right: 0;
top: 58px;
}
.page-id-2 h1 {
position: relative;
width: 520px;
font-weight: 100;
font-size: 48px;
line-height: 58px;
color: #666;
margin-bottom: 170px;
}
.page-id-2 h1 span {
font-weight: 900;
}
.page-id-2 h1 #key-verbal {
color: #5ec6c0;
}
.page-id-2 h1:after {
content: "";
display: block;
margin-top: 50px;
height: 2px;
width: 100px;
background-color: #5ec6c0;
}
.page-id-2 #main-content-container {
margin-bottom: 80px;
}
.page-id-2 #main-content-container h2, .page-id-2 #main-content-container h3 {
text-align: left;
text-align-last: left;
text-transform: none;
font-weight: 900;
font-size: 36px;
}
.page-id-2 #main-content-container h2:after {
content: "";
display: block;
margin-top: 0px;
height: 0px;
width: 0px;
}
.page-id-2 #main-content-container h3 {
font-weight: 400;
margin-top: 40px;
margin-bottom: 40px;
}
.page-id-2 #main-content-container p {
font-size: 24px;
margin-top: 0;
margin-bottom: 30px;
font-weight: 100;
}
.page-id-2 #main-content-container p:last-of-type:after {
content: "";
display: block;
margin-top: 50px;
height: 2px;
width: 100px;
background-color: #5ec6c0;
}
.page-id-39 .wrapper.container {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/11/contact-background.jpg);
background-size: cover;
}
.page-id-39 .contentarea {
width: 800px;
margin: 0 auto;
min-height: calc(100vh - 350px);
}
.page-id-39 .contentarea .width50:first-of-type {
margin-top: calc(20vh + 40px);
}
.page-id-39 .contentarea .get-in-touch {
width: 314px;
font-weight: 700;
font-size: 29px;
color: #fff;
text-align: justify;
text-align-last: justify;
-moz-text-align-last: justify;
margin: 0;
text-shadow: 3px 3px 4px #000;
margin-bottom: 40px;
}
.page-id-39 .contentarea .get-in-touch span {
font-size: 42px;
line-height: 44px;
}
.page-id-39 .contentarea .get-in-touch #identity {
font-size: 68px;
line-height: 68px;
color: #5ec6c0;
}
.page-id-39 .contentarea .patrick-details {
width: 314px;
text-align: center;
color: #fff;
font-weight: 900;
line-height: normal;
}
.page-id-39 .contentarea .patrick-details a {
color: #fff;
line-height: normal;
}
.page-id-39 .contentarea .patrick-details a:hover {
color: #5ec6c0;
}
.page-id-39 .contentarea #wpcf7-f41-p39-o1 {
padding-left: 40px;
margin-top: 20vh;
margin-bottom: 20vh;
}
.page-id-39 .contentarea #wpcf7-f41-p39-o1 input {
line-height: 20px;
border: 0;
margin-bottom: 10px;
box-shadow: 3px 4px 10px #000;
}
.page-id-39 .contentarea #wpcf7-f41-p39-o1 textarea {
height: 120px;
border: 0;
box-shadow: 3px 4px 10px #000;
}
.page-id-39 .contentarea #wpcf7-f41-p39-o1 .temp_submit_cf7 {
height: 40px;
}
.page-id-39 .contentarea #wpcf7-f41-p39-o1 .shortcode_button {
margin: 0;
background-color: transparent;
}
.page-id-39 .contentarea #wpcf7-f41-p39-o1 .shortcode_button .ico_cont {
display: none;
}
.page-id-39 .contentarea #wpcf7-f41-p39-o1 .shortcode_button .btn_text {
margin: 0;
line-height: 36px;
padding: 0 20px;
border: 2px solid #fff;
background-color: transparent;
}
.page-id-39 .contentarea #wpcf7-f41-p39-o1 .shortcode_button .btn_text:hover {
background-color: #fff;
color: #5ec6c0;
}
.page-id-117 .portfolio_item .innerpadding .portfolio_item_title h4 {
font-size: 12px;
line-height: normal;
}
.page-id-117 .portfolio_item .innerpadding .preview_categ {
display: none;
}
.page-id-117 .portfolio_item:nth-of-type(2) .portfolio_item_title h4 {
letter-spacing: 2.4px;
}
.page-id-117 .inline_view {
display: none;
}
.page-id-117 .optionset li a {
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.page-id-117 .optionset li a::first-letter {
color: #fff;
}
.page-id-117 .optionset li a[data-option-value="*"]::first-letter {
color: #484848;
}
.page-id-117 .optionset li.selected a[data-option-value="*"]::first-letter {
color: #bfbfbf;
}
.single-port .span8 img {
display: none;
}
.single-port .span8:after {
content: "";
display: block;
width: 100%;
height: 90vw;
background-size: cover;
background-position: center;
box-shadow: 4px 4px 8px #000;
}
.single-port header {
margin-bottom: 30px;
}
.single-port footer {
margin-top: 80px;
}
.single-port .span4 h1 {
display: block;
letter-spacing: normal;
line-height: normal;
}
.single-port .span4 .preview_meta {
display: none;
}
.single-port .span4 article {
line-height: normal;
}
.single-port .span4 article .item {
box-shadow: 4px 4px 8px #000;
}
.postid-218 .span8:after {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/BIMS-page1.jpg);
}
.postid-53 .span8:after {
height: 80vw;
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/Closework-Global-Review-Edition3-1.jpg);
}
.postid-125 .span8:after {
height: 80vw;
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/Closework_Global_Review-1.jpg);
}
.postid-216 .span8:after {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/BSCR-page1.jpg);
}
.postid-220 .span8:after {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/BIN-page1.jpg);
}
.postid-224 .span8:after {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/BIC-page1.jpg);
}
.postid-222 .span8:after {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/BIT-page1.jpg);
}
.postid-226 .span8:after {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/BIB-page1.jpg);
}
.postid-233 .span8:after {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/MA1-page1.jpg);
}
.postid-235 .span8:after {
height: 85vw;
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/MA2-page1.jpg);
}
.postid-229 .span8:after {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/CSC-page1.jpg);
}
.postid-231 .span8:after {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/CSH-page1.jpg);
}
.postid-214 .span8:after {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/ADV-featured.jpg);
}
.postid-237 .span8:after {
height: 60vw;
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/10/awards.jpg);
}
.postid-237 .span4 p span {
color: #5ec6c0;
}
.postid-239 .span8 iframe {
height: 35.3vw;
}
.postid-239 .span8:after {
display: none;
}
.postid-284 .span8:after {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/11/BICB-page1.jpg);
}
.postid-290 .span8:after {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/11/BIPM-page1.jpg);
}
.postid-296 .span8:after {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/11/BISPC-page1.jpg);
}
.postid-302 .span8:after {
background-image: url(//www.creativebook.co.uk/wp-content/uploads/2017/11/BIS-page1.jpg);
}
@media only screen and (max-width: 959px) {
.home #banner h1 {
font-size: 5.4vw;
width: 80vw;
margin-left: 10vw;
line-height: normal;
}
.home #main-content-container {
width: 80vw;
margin-left: 10vw;
}
.home #main-content-container h2 {
font-size: 4.2vw;
width: 100%;
}
.home #main-content-container h2 span {
font-size: 5.1vw;
}
.home #main-content-container h2 #verbal-impact {
font-size: 9.4vw;
}
.home #main-content-container h2 #key {
font-size: 5vw;
}
.home #main-content-container h2 #communication {
font-size: 5.3vw;
letter-spacing: 2.6vw;
}
.home #main-content-container h3 {
font-size: 4.7vw;
line-height: normal;
}
.home #main-content-container .width50:nth-of-type(1) {
position: absolute;
margin-top: 110vw;
width: 100%;
}
.home #main-content-container .width50:nth-of-type(1) p {
padding-right: 0;
}
.home #main-content-container .width50:nth-of-type(2) {
width: 100%;
margin-bottom: 50vw;
}
.home #main-content-container .width50:nth-of-type(2) #profile-pic {
width: 100%;
}
.page-id-2 #main-content-container {
width: 80vw;
margin-top: 40px;
}
.page-id-2 #main-content-container .about-profile-pic {
width: 50vw;
top: 6vw;
}
.page-id-2 #main-content-container h1 {
width: 50vw;
font-size: 4vw;
line-height: normal;
margin-bottom: 20vw;
}
.page-id-2 #main-content-container h1:after {
width: 20vw;
}
.page-id-2 #main-content-container h2 {
width: 100%;
font-size: 20px;
}
.page-id-2 #main-content-container h3 {
font-size: 20px;
line-height: normal;
}
.page-id-2 #main-content-container p {
font-size: 16px;
}
.single-port .row .span4 .entry-title {
font-size: 3vw;
letter-spacing: normal;
}
.page-id-39 .contentarea {
min-height: calc(100vh - 522px);
width: 100%;
}
.page-id-39 .contentarea .width50 {
width: 80vw;
float: none;
margin-left: auto;
margin-right: auto;
}
.page-id-39 .contentarea .width50:first-of-type {
width: 314px;
margin-top: 100px;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
}
.page-id-39 .contentarea #wpcf7-f41-p39-o1 {
padding-left: 0;
margin-top: 80px;
margin-bottom: 80px;
}
}
@media only screen and (max-width: 568px) {
body .bbody .wrapper.container, .home .bbody .wrapper.container, .page-id-2 .bbody .wrapper.container {
width: auto !important;
}
body .bbody header.type3 .container .fl, .home .bbody header.type3 .container .fl, .page-id-2 .bbody header.type3 .container .fl {
margin-top: 0 !important;
}
body .bbody header.type3 .container .fl a, .home .bbody header.type3 .container .fl a, .page-id-2 .bbody header.type3 .container .fl a {
width: 100% !important;
}
body .bbody header.type3 .container .fl a img, .home .bbody header.type3 .container .fl a img, .page-id-2 .bbody header.type3 .container .fl a img {
width: 100%;
}
.home #banner {
height: 100vw;
}
.home #banner h1 {
font-size: 4.8vw;
margin-left: auto;
margin-right: auto;
padding-top: 40vw;
}
.home #banner img {
display: none;
}
.home #main-content-container {
margin-left: auto;
margin-right: auto;
margin-top: 60px;
}
.home #main-content-container h2 {
font-size: 3.7vw;
}
.home #main-content-container h2 span {
font-size: 4.6vw;
line-height: normal;
}
.home #main-content-container h2 #verbal-impact {
font-size: 9vw;
line-height: normal;
}
.home #main-content-container h2 #key {
font-size: 4.6vw;
}
.home #main-content-container h2 #communication {
line-height: normal;
}
.home #main-content-container h3 {
font-size: 4.2vw;
}
.home #main-content-container .width50:nth-of-type(1) {
margin-top: 120vw;
}
.home #main-content-container .width50:nth-of-type(1) p {
font-size: 16px;
line-height: 24px;
}
.home #main-content-container .width50:nth-of-type(2) {
margin-bottom: 70vw;
}
#portfolio-banner {
margin: 0 -20px;
width: calc(100% + 40px);
}
#portfolio-banner #portfolio-link-container a img {
width: 80vw;
}
.single-port .row .span8 {
width: 100%;
}
.single-port .row .span8:after {
height: 120vw;
}
.single-port .row .span4 {
width: 100%;
margin-top: 40px;
margin-left: 0;
}
.single-port .row .span4 .entry-title {
font-size: 5vw;
margin-bottom: 20px !important;
}
.postid-239 .span8 iframe {
height: 50vw !important;
}
}