/*
Theme Name:         Reef 18
Theme URI:          https://www.fly.marketing
Version:            1
Author:             Fly Marketing	
Author URI:         https://www.fly.marketing
*/

/* eg. CTA button in main nav */
/* eg. also about-us Meet the Team CTA buttons */

.c-header__nav ul > li.highlight > a:hover,
.btn__blue:hover {
    color: #22125E;
}


/* Sub navigation (depth 2) */
.c-header__navbar{
	padding-bottom:0;
}

.c-header__nav ul > li > a{
	padding:8px 18px 28px 18px;
}

.c-header__nav ul > li.highlight > a{
	padding:8px 18px;
}

.c-header__nav ul li > ul{
	width: 300px;
	position: absolute;
	padding: 0;
	background: #22125E;
	z-index: 999;
	border-left:2px solid #ffffff;
	visibility:hidden;
	opacity: 0;
	-webkit-transition: visibility 0s 0.3s, opacity 0.3s;
	-moz-transition: visibility 0s 0.3s, opacity 0.3s;
	-o-transition: visibility 0s 0.3s, opacity 0.3s;
	transition: visibility 0s 0.3s, opacity 0.3s;
	list-style: none;
}

.c-header__nav ul li > ul li {
	display: block;
	list-style: inside none;
	padding: 0;
	margin: 0;
	position: relative;
}
.c-header__nav ul li > ul li a {
	outline: none;
	display: block;
	position: relative;
	margin: 0;
	padding: 18px 20px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.c-header__nav ul li > ul li a:hover {
	color:#66F2C0;
}

/* 404 hero */
.c-hero--inner.c-hero--404 .c-hero__flex{
	align-items:center;
}

/* "skew" span hiding c-logolist content in next section Firefox only when the following is removed */
.c-logolist{
	z-index:2;
}

/* small logos homepage */
.small__logo__list .logo__list__item img{
	max-height:75px;
}

.c-hero .skew{
	height:50px;
	bottom:-50px;
}

/* general links within paragraphs */

p a,
p a:link,
p a:visited{
	color:#22125E;
	text-decoration: underline;
}

p a:hover,
p a:active{
	text-decoration: none;
/*	color:#61abf0; */
}

/* horizontal line on what-we-do titles */
.c-what-choose .block__heading::after {
	display:none;
}


/* what-we-do Steps */
.page-template-tpl-what .c-flex-2-col__figure span{
	background-position: bottom left;
}


/* what-we-do The Reef Approach */
.c-steps__footer p{
	color:#22125E;
	line-height:1.8em;
}

.c-what-services__bg {
  -webkit-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}

/* masonry sections eg. SEO */
.c-grid__item .overlay{
	border:5px solid #fff;
  background-image: linear-gradient(-179deg, transparent 50%, #000 110%);
}

/* bullets on ppc page */

.page-template-tpl-service .block .block__copy ul li{
	margin-bottom:1em;
}

/* blog page video links and filtered post links */
.box__style__card--image .link{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index:1;
}




/* blog skew */
.page-template-tpl-blog .skew{
	background: #22125E;
}

/* blog filter buttons */

.blog__nav li{
	font-weight: 700;
}

.blog__nav li.active a, .blog__nav li:hover a{
	color:#66F2C0;
	background: #22125E;
}

.blog__nav li a{
	color:#22125E;
	border:solid 2px #22125E;
}

/* blog pag buttons */

.pagination .page-item a{
	border-width: 2px;
}

/* blog page subscribe forms */

.subscribe__form button{
	font-family: "Montserrat",sans-serif;
	cursor: pointer;
}

.subscribe #gform_wrapper_2 .subscribe__form button:hover{
	background:#66F2C0;
	color:#22125E;
}

.subscribe{
	padding: 40px 10px 0 10px;
}

.subscribe .gform_wrapper.gform_validation_error{
	padding:20px;
	background: rgb(34,18,94);
	background: rgba(34,18,94, 0.5);
}

.subscribe #gform_wrapper_2.gform_wrapper.gform_validation_error{
	background: #333333;
}


.subscribe .gform_wrapper div.validation_error{
	color: #eee;
 	border-top-color:#C50976;
 	border-bottom-color:#C50976;
	background: none;
}

.subscribe .gform_wrapper .validation_message{
	display:none;
	color: #eee;
}

.subscribe .gform_wrapper li.gfield.gfield_error{
		background:none;
		border:none;
}

.subscribe .gform_wrapper .gform_footer{
	display:none;
}

.subscribe .gform_wrapper .subscribe__form input{
	padding:0 123px 0 14px !important
}


.subscribe .gforms_confirmation_message{
	background: #22125E;
	color:#fff;
	text-align: center;
}

/* contact gform */
.c-contact-form .o-layout{
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);
	box-shadow:0 0 15px rgba(0,0,0,0.2);
}

/* posts page */
.single-post .c-hero .o-wrapper,
.single-case-study .c-hero .o-wrapper{
	width:80%;
}

/* posts page author */
.single-post .article-meta{
	padding: 10px;
	min-height: 100px;
	background-color: #F6F8F8;
	position: relative;
	max-width:916px;
	width:100%;
	margin:0 auto;
}

.single-post .meta-wrap {
  max-width: 700px;
  margin: 0 auto;
}

.single-post .article-details {
	float: left;
	margin-left: 20px;
	padding-top: 18px;
	max-width: 451px;
}

.single-post .author-image {
  position: relative;
  top: 0;
  float: left;
  height: 75px;
}

.single-post .author-image img {
    border-radius: 50%;
}

.single-post .post-entry img {
    margin-top: 22px;
    margin-bottom: 40px;
}

.single-post .article-meta h4, 
.single-post .article-meta h6 {
    float: left;
    width: 100%;
}
.single-post .article-meta h6 {
    font-weight: bold;
    color: rgba(0,0,0,.84);
    text-transform: none;
    line-height: 1.25;
    margin-bottom: 0;
    font-size: 14px;
}

/* posts page centre col */
.single-post section.block .o-wrapper,
.single-case-study section.block .o-wrapper{
	max-width:700px;
}

section.block.c-section-relate .o-wrapper,
section.block.c-footer-cta .o-wrapper{
	max-width:1170px;	
}

.single-post section.block .o-wrapper img,
.single-case-study section.block .o-wrapper img{
	max-width:100%;
	height: auto;
}

/* posts page hero */
.single-post .c-hero,
.single-case-study .c-hero{
	max-height:430px;
	max-width:916px;
	margin:0 auto;
}

.single-post .h1div,
.single-post .herodescdiv,
.single-case-study .h1div,
.single-case-study .herodescdiv{
	left:0!important;
	width: 100%!important;
	top:-90px!important;
	position:relative;
}

.single-case-study .h1div{
	top:0px!important;
}

.single-post .h1div h1,
.single-case-study .h1div h1{
	line-height: normal;
}


.single-post .c-hero__heading,
.single-case-study .c-hero__heading{
	text-align:center;
	font-size:2em;
	margin:0 0 20px;
}

.single-case-study .c-hero__heading{
	margin:0;
}

.single-case-study .c-hero__flex{
	padding-bottom:20px;
}

.single-post .c-hero__copy,
.single-case-study .c-hero__copy{
	padding:0;	
}

.single-post .blog-body,
.single-case-study .blog-body{
	max-width:700px;
}

/* case study h3 */
.single-case-study h3{
	font-size:1.5rem;
}

/* case study ul ol*/
.single-case-study .block ul,
.single-case-study .block ol{
	font-weight: 300;
}

/* case study ul li */
.single-case-study .block ul li,
.single-case-study .block ol li{
	margin-bottom:10px;
}

.single-case-study .block ul li a,
.single-case-study .block ol li a{
	text-decoration: underline;
}

.single-case-study .block ul li a:hover,
.single-case-study .block ol li a:hover{
	text-decoration: none;
}

.single-case-study .block ul li ul li:first-child{
	margin-top:10px;
}

.alignright{
	float:right;
}

/* case study blockquote */
.single-case-study blockquote {
  background: #f9f9f9;
  border-left: 10px solid #C50976;
  margin: 0 0 10px 0;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
.single-case-study blockquote:before {
  color: #C50976;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.single-case-study blockquote p {
  display: inline;
  font-style: italic;
}

.single-case-study blockquote footer {
	margin-top:10px;
	color: #C50976;
	font-weight: bold;
}

.single-post .c-hero .c-hero__description--highlight{
	text-align:center;
	font-size:1.5em;
	margin:0 0 20px;
}

.single-post .c-hero .c-hero__description--highlight::after{
	display:none;
}

/* masonry grid items */
.c-grid__item:hover .overlay .wrap{
	background:#ccc;
	background:rgba(0,0,0,0.5);
}

/* spacing between video post / filtered post rows */
.c-post--two{
	margin:0 0 80px 0;
}

.c-hero__heading--large{
	line-height: 1.1em;	
}


/* contact forms (hubspot and gform) */
.c-contact-form .form-group{
	padding:40px 50px;
  color: #22125E;
  font-weight: normal;
}

.c-contact-form .form-group p{
	color: #22125E;
  font-weight: normal;
}

.c-contact-form form .note {
  color: #22125E;
  font-size: 16px;
  text-align: center;
  font-weight: normal;
  line-height: 1.3;
  margin: 25px 0;
}

.c-contact-form form label {
	font-weight:normal!important;
	color:#22125E!important;
}

.c-contact-form form .hs-form-field.complete input {
	border-color:#22125E!important;
}

.c-contact-form form .hs-button{
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);
	box-shadow:0 0 15px rgba(0,0,0,0.2);
}

/* whatwedo hand image */
.c-what-services__bg.pload{
	width:1px;
	height:1px;
}

.c-what-services__bg.active{
	display:inline-block;
}

/* custom updates */
/* font-weights 300 to 400 */
p,
.block ul{
	font-weight: 400;
}

/* subhead (header) */
.new-hero .c-hero__flex .o-layout__item .c-hero__description--var p{
	font-size:18px!important;
	font-weight: 550!important;
}

/* subhead (header) */
.new-logolist .c-logolist__heading{
	font-size:18px!important;
}

/* subhead (footer) */
.add-module .add-item .text p{
	font-weight: 550!important;	
}

/* spacing between "blog" and "Get our best ideas" (header nav) */
.c-header__nav > ul > li:last-child{
	padding:0 0 0 22px!important;
}


/* Google ad disclosure link */
.footer__info.last-text p a,
.footer__info.last-text p a:link,
.footer__info.last-text p a:visited,
.footer__info.last-text p a:hover,
.footer__info.last-text p a:active{
	color:#FFFFFF;
	text-decoration: none;
}

/* About Us "equal spacing"  */
.page-id-11502 .brands-logo-block{
	margin-bottom:28px;
}

/* About Us "Clients" block title */
.page-id-11502 .brands-logo-block .content .top-box h2{
	margin-top:2rem;
}

/* About Us links within text-box li */
.page-id-11502 .text-box li > a,
.page-id-11502 .text-box li > a:link,
.page-id-11502 .text-box li > a:visited{
	color:#22125E;
	text-decoration: underline;
}

.page-id-11502 .text-box li > a:hover,
.page-id-11502 .text-box li > a:active{
/*	color:#61abf0; */
	text-decoration: none;
}

/* About Us Bullet spacing */
.page-id-11502 .text-box ul li{
	margin-bottom:1em!important;
}

/* About us image padding to align with text */
.page-id-11502 .c-about-text-img .content-block .two-cols .img-box{
	padding:0 0 0 59px;
}

/* Brand Logos */
.brands-logo-block.grey_background{
	background:#f4f4f4;
}

.brands-logo-block {
   padding-top: 100px!important;
}

/* Blog Post links */
.single-post .single-content li > a,
.single-post .single-content li > a:link,
.single-post .single-content li > a:visited{
	text-decoration: underline;
}

.single-post .single-content li > a:hover,
.single-post .single-content li > a:active{
/*	color:#61abf0; */
	text-decoration: none;
}

/* Blog post lists */
.single-post .single-content ul li{
	margin-bottom:5px;
}

.single-post .single-content li > ol,
.single-post .single-content li > ul{
	margin-top:5px;
}

/* Accordions whilst no images */
.accordion-block .accordion-content .acc-bottom-block .accordion-box .accordion-main .accordion-main-left {
   width: 100%!important;
}

/* SEO Page icons */
.page-id-11519 .c-three-cols-icons .content-block .o-wrapper .three-cols-boxes .col-box .img-box img{
	width:unset;
	max-height: 90px;
}

/* PPC Page icons */
.page-id-12002 .c-three-cols-icons .content-block .o-wrapper .three-cols-boxes .col-box .img-box img{
	width:unset;
	max-height: 90px;
}

/* Case Studies */
.c-case-studies-block .content-block .case-studies-box .img-col .list-content ul li::before{
	top: calc(50% - 21px)!important;
}

/* Contact Us message box */
body.page-template-tpl-contact .container-all .contact-two-cols .right-box .form-box .gform_body > ul li textarea{
	font-size:16px!important;
}

/* video bg */
video{
	display:none;
}

/* navs (esp on mobile) */

.c-header__nav ul li.menu-item-has-children a:after {
	top: 0;
	bottom: 0;
}

.c-header__nav ul li.menu-item-has-children > ul{
	visibility: visible;
	opacity: 1;
	position:relative;
}

.c-header__nav ul li > ul li a{
	font-size:14px;
	padding:6px 12px;
}

.c-header__nav ul > li{
	padding:5px 10px!important;
	margin:0;
}

.c-header__nav ul.sub-menu{
	margin-top:12px;
}

/* thankyou page */
.page-id-11573 .new-hero{
	margin-bottom:0!important;
}

/* nav and logo */
.c-header__logo{
	margin-top:5px;	
}
.c-header__nav{
	margin:0px!important;
}

.c-header__navbar{
	padding:20px 0!important;
}

.c-header{
	-webkit-transition: all .4s!important;
	-o-transition: all .4s!important;
	transition: all .4s!important;	
	transform:translateY(-100%);
}

.c-header.headertop{
	transform:translateY(0);
	background-color:#22125E;
}

.c-header.headertop.truetop{
	background-color:transparent!important;
}

/* select input on main contact form */
.gfield .ginput_container_select {background: #fff; font-family: inherit; color: #22125E; padding: 12px 11px!important}
.gfield select {background-color: #fff; color: #22125E; font-family: inherit; font-weight: 600; border: 0px; line-height: 24px; font-size: 16px; }
.gfield_error select {border:1px solid #C50976 !important;}

.footer__info__logo{
	max-width:200px;
}


/* contact form button */

#gform_wrapper_3,
#gform_wrapper_4{
	padding-bottom:15px; 
}

#gform_wrapper_3 .button-row,
#gform_wrapper_4 .button-row {
		margin: 0 0 17px 0;
    padding: 0 7px;
}

#gform_wrapper_4 .button-row button{
  display: block;
  width:auto;
}

#gform_wrapper_3 .button-row button,
#gform_wrapper_4 .button-row button {
    display: block;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    background: #C50976;
    border: none;
    color: #fff;
    width: 100%;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    outline: none
}

#gform_wrapper_4 .button-row {
	margin:0 auto;
	width:184px;
}

#gform_wrapper_4 .button-row button {
  background: #62f1be;
  color: #22125E;
}


#gform_wrapper_3 .button-row button:hover,
#gform_wrapper_3 .button-row button:focus,
#gform_wrapper_4 .button-row button:hover,
#gform_wrapper_4 .button-row button:focus {
    border: none;
    box-shadow: none;
    background: #22125E
}

#gform_wrapper_4 .button-row button:hover,
#gform_wrapper_4 .button-row button:focus {
  background: #C50976;
  color:#fff;
}


#gform_wrapper_3 .button-row button.is-loading span,
#gform_wrapper_4 .button-row button.is-loading span{
    display: inline-block;
    position: relative
}

#gform_wrapper_3 .button-row button.is-loading span:after,
#gform_wrapper_4 .button-row button.is-loading span:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-radius: 100%;
    position: absolute;
    right: -30px;
    top: 13px;
    -webkit-animation: loading .5s infinite linear;
    animation: loading .5s infinite linear
}

#gform_wrapper_3 .last-text,
#gform_wrapper_4 .last-text {
    text-align: center;
    font-size: 12px;
    color: #22125E;
    margin-bottom:10px;
}

#gform_wrapper_3 .gform_footer,
#gform_wrapper_4 .gform_footer {
    display: initial;
}

body #gform_wrapper_3 img.gform_ajax_spinner,
body #gform_wrapper_4 img.gform_ajax_spinner{
 display: none !important;
}

/* How we can help / service banner sections */
.three-cols-full-purple .content .three-cols-row .img-text-box .custom-bt-row a{
	padding:10px 20px!important;
	min-height:50px!important;
	height:auto!important;
	line-height: 30px!important;
}

/* media queries */
@media (min-width: 46.25em){

	.c-hero .skew{
		height:130px;
		bottom:-130px;
	}

}

/* hero h1 - maintain 2 lines on narrowest displays */
@media (max-width: 360px){

	/* menu's on mob */
	.c-header__nav{
		padding:0;
	}

	h1.c-hero__heading__highlight{
		font-size:1.5rem;
	}

	.c-header__nav{
		padding:80px 20px!important;
	}

}

@media (min-width: 768px){
	/* video bg */
	video{
		display:block;
	}
}

@media (min-width: 980px){

	.c-header__nav ul.sub-menu{
		margin-top:0px;
	}

	.c-header__nav ul > li{
		padding:inherit;
		margin:10px 0;
	}

	.c-header__nav ul li > ul li a{
		font-size:14px;
		padding:inherit;
	}

	/* menu's on not mob */
	.c-header__nav ul li.menu-item-has-children a:after {
		top: unset;
		bottom: unset;
	}

	.c-header__nav ul li.menu-item-has-children > ul{
		visibility: hidden;
		opacity: 0;
		position:absolute;
	}

	.c-header__nav ul li.menu-item-has-children:hover > a:after {
		top: 0;
		bottom: 0;
	}

	.c-header__nav ul li.menu-item-has-children:hover > ul{
		visibility: visible;
		opacity: 1;
	}
}


/* Contact Us message box */
@media (max-width: 740px){
	body.page-template-tpl-contact .container-all .contact-two-cols .right-box .form-box .gform_body > ul li textarea{
		font-size:inherit!important;
	}

	/* about us people hovers */
	.c-about-team-new .content .team-list .team-box .img-box .text-in-img .text-box .p-name{
		font-size:14px!important;
	}

	.c-about-team-new .content .team-list .team-box .img-box .text-in-img .text-box .role{
		font-size:12px!important;
	}
	
	.c-about-team-new .content .team-list .team-box .img-box .text-in-img .text-box .social-row{
		padding:5px 0 0!important;
	}
}

/* spacing between "blog" and "Get our best ideas" (header nav) */
@media (max-width: 979px){

	.c-header__nav{
		padding:80px 40px;
	}

	.c-header__nav > ul > li:last-child{
		padding:20px 0 0px 10px!important;
	}
	/* logo */
	.c-header__logo{
		margin-top:2px;
	}

	body .c-header__nav{
		min-height:100vh;
		top:0;
	}

}

/* text sizes for what-we-do numbered sections on large screens */
@media (min-width: 105em){

	.c-what-choose .block__copy .block__heading{
		font-size:40px;
	}
	.c-what-choose .block__copy p{
		font-size:1.4rem;
	}
}

@media (min-width: 1001px){
	/* Right hand images... align right */
	.img-text-block .img-text-row .img-box.right-box{
		text-align:right;
	}
}