/*
Theme Name: Twenty Seventeen-Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: StudioJERO
Author URI: https://www.StudioJERO.co.uk
Description: Twenty Seventeen Child Theme.
Template: twentyseventeen
Version: 1.0
*/



/*General Typography & HTML tags*/
/*-----------------------*/
.site-title {text-transform:none;
font-family: 'Quicksand', sans-serif;}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

H2{padding-top: 0.5em;
    }

H3{    
    margin: 0 0 0.5em;
    padding: 0.75em 0 0;}

.entry-content li{
	margin: 0 0 0.75em;
	padding: 0 0 0 5px;
}

.entry-content ul, .entry-content ol{
	margin: 0 0 0 25px;
	padding: 0 0 .75em 0;
}


.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #333;
    font-size: 2rem;
    font-weight: 200;
    letter-spacing: 0.14em;
    text-transform: uppercase;
	font-family: 'Quicksand', sans-serif;
}

@media screen and (max-width: 500px)/*smaller titles on mobile portrait*/ {
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    font-size: 1.9rem;
		}}

.custom-logo-link img {
max-height: 200px;}

body.page-template-page-full-width #primary .entry-header .entry-title, .page-header .page-title{
font-size: 2rem;
font-size: 30px;
}

button, input[type="button"], input[type="submit"], button[type="submit"], button[type=submit]:not(:hover):not(:active) {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
background-color: #8BC53F !important; /*Mangold Light Green*/
font-weight: 400!important;
border-radius: 10px!important;
}

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	/*overflow: hidden;*/ /*HIDDEN FOR SPEECH BUBBLES CHECK IMPACK ON REST OF SITE*/
	overflow: visible;
	padding: 0;
}


/*LINKS*/
/*-----*/

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(139, 197, 63, 1);
	box-shadow: inset 0 -1px 0 rgba(139, 197, 63, 1);
	-webkit-transition: color 500ms ease-in-out, -webkit-box-shadow 500ms ease-in-out;
	transition: all 500ms ease-in-out, -webkit-box-shadow 500ms ease-in-out;
	transition: all 500ms ease-in-out, box-shadow 500ms ease-in-out;
	transition: all 500ms ease-in-out, box-shadow 500ms ease-in-out, -webkit-box-shadow 500ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover,
.pt-cv-title a:focus,
.pt-cv-title a:hover {

color: #fff;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);

	background-color:  #8BC53F; /*Light Mangold Green*/
	padding:3px 0 3px 0;

	-webkit-transition: all 100ms ease-in, -webkit-box-shadow 500ms ease-in-out;
	transition: all 100ms ease-in, -webkit-box-shadow 500ms ease-in-out;
	transition: all 100ms ease-in, box-shadow 500ms ease-in-out;
	transition: all 100ms ease-in, box-shadow 500ms ease-in-out, -webkit-box-shadow 500ms ease-in-out;
	
}

/*Button links*/
a.buttonlink:hover {
    background: none !important;
	box-shadow: inset 0 0 0 #fff !important;
}

a.buttonlink {
    text-decoration: none;
    box-shadow: inset 0 0 0 #fff !important;
	    background: none;
}

/*Remove green link bg on accreditations, stop client logos bouncing about*/
.widget a.accreditation, .widget a:hover.accreditation, .widget a:focus.accreditation,  a:hover.smls-url-link-only, a:focus.smls-url-link-only {
    background-color: #ffffff;
	padding:0;
			
}

/*Hide stuff for archive backups, or just to remove visually*/

.hidden {display: none;}

/*Centre Logo - not sure why I centered it - moved to left align 17-01-20*/
/*-----------------------*/
#masthead .wrap{
    /* position: relative; */
/*text-align:center; */
	
text-align:left;	

}

/*Shift logo IPAD*/
@media only screen and (max-width: 1100PX), only screen and (max-width: 1100PX) /*ipad or mobile landscape*/{

#masthead .wrap{ 
text-align:left;

}
}


/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
.input input, .input textarea, input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #333!important;
background: #f9fcf5!important;
background-image:none;
border: #8bc53f solid 1px!important;
-webkit-border-radius: 10px!important;
-moz-border-radius: 10px!important;
border-radius: 10px!important;
}



input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222!important;
	border-color: #999!important;
        background: #fbfdf9!important;
}

label {
    color: #333!important;
    display: block!important;
    font-weight: 600!important;
    margin-bottom: .5em!important;
	line-height: 2em!important;}

/*Background of Home page form and linkedIn*/
#panel3 .panel-content, #panel5 .panel-content {
    position: relative;
    background-color: rgba(139,197,63,0.2);
    background: -webkit-linear-gradient(left top, rgba(139,197,63,.3) 0%, rgba(139,197,63,0.2) 50%, rgba(139,197,63,.3) 100%);
    background: -o-linear-gradient(bottom right, rgba(139,197,63,.3) 0%, rgba(139,197,63,0.2) 50%, rgba(139,197,63,.3) 100%);
    background: -moz-linear-gradient(bottom right, rgba(139,197,63,.3) 0%, rgba(139,197,63,0.2) 50%, rgba(139,197,63,.3) 100%);
    background: linear-gradient(to bottom right, rgba(139,197,63,.3) 0%, rgba(139,197,63,0.2) 50%, rgba(139,197,63,.3) 100%);
}
#panel5 .panel-content .entry-content {
	text-align:center;
}
/*#panel3 .panel-content H2{color: #fff;}*/

/*-----------------------*/
/*Thumbnails CSS*/
/*-----------------------*/

.wp-post-image { 
Float:none;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.home .wp-post-image {
    Float: right;
    width: 25%;
margin: 0 0 50px 50px;}


/* Mobile screen*/
@media screen and (max-width: 48em) {
.home .wp-post-image {
    Float: none;
    width: 100%;
margin: 0;}
}

/*ReCaptcha Badge Position*/
/*------------------------*/
.grecaptcha-badge { 
   
    bottom:75px !important; 

}


/* Mobile screen*/
@media screen and (max-width: 48em) {
.grecaptcha-badge { 
    /*right:-270px !important; */
    /*visibility: hidden;*/
	left:-28px !important; 
	bottom:10px !important;
	transform:scale(0.55);
	-webkit-transform:scale(0.55);
}
}



/*Testimonials BAckground*/
/*-----------------------*/
#panel6, .testimonials-widget-testimonial.list, .bx-wrapper  {color:#ffffff;

background-color:#8BC53F !important; /*Mangold Light Green*/
	background: #8BC53F !important;  /*Mangold Light Green*/ /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left top, #8BC53F, #429439) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #8BC53F, #429439) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #8BC53F, #429439) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #8BC53F, #429439) !important; /* Standard syntax (must be last) */

}

#panel6 .bx-wrapper  /*stops the above applying to the quotes on home page*/{
background-color: transparent !important; 
	background: transparent !important;     
}

.bx-wrapper {margin-bottom: 1px;} 

.testimonials-widget-testimonial.list, .bx-wrapper{padding: 2%;}

.testimonials-widget-testimonial cite, .testimonials-widget-testimonial div.credit
{text-align: left;}

#panel6 blockquote, #panel6 H2.entry-title, .testimonials-widget-testimonial.list blockquote, .testimonials-widget-testimonial.list H2.entry-title,
.bx-wrapper blockquote, .bx-wrapper H2.entry-title
{color:#ffffff;
}

#panel6 .credit,  .testimonials-widget-testimonial.list .credit, .bx-wrapper .credit{
color:#ffffff;
opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */}


#panel6 H2.entry-title {font-size: 1.9rem;}

.testimonials-widget-testimonials .paging {
    clear: both;
    font-weight: 700;
    /*height: 1.4em;*/
	height: 0;
	
    }


.testimonials-widget-testimonials .paging.prepend {
	/*margin-bottom: 1em;*/
	margin-bottom: 0;}


.testimonials-widget-testimonials .paging.append {
    /*margin-top: 1em;*/
	    margin-top: 0;
}


/**** SPEECHBUBBLES ****/

blockquote .speechbubble
{overflow: visible;
	
	}

.speechbubble
{  position: relative;
   padding: 20px 30px 5px 30px;
   margin:1% 1% 35px 1%;
   background: #f9fcf5;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   border: #8bc53f solid 3px;
	
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

.speechbubble:after /*INSIDE OF TRIANGLE*/
{   /*Speech Bubble triangles removed April 2020*/
    /*
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 20px 24px 0 0;
    border-color: #f9fcf5 transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -24px;
    bottom: -20px;
    left: 90%;
	*/
}

.speechbubble:before /*OUTLINE OF TRIANGLE*/
{   /*Speech Bubble triangles removed April 2020*/
	/*
	content: '';
    position: absolute;
    border-style: solid;
    border-width: 23px 30px 0 0;
    border-color: #8bc53f transparent;
    display: block;
    width: 0;
    z-index: 0;
    margin-left: -27px;
    bottom: -25px;
    left: 90%;
*/
}

.speechbubble P {font-style:normal; margin-left: 100px; }
.speechbubble .speachbubblename { font-weight:bold; }
.speechbubble .speechbubbletitle { font-style:italic; font-weight:normal; }

.speechbubble .speechbubblequote{ width:100px; height:100px; float:left; margin: 0 0 -10px 0; background-image:url(https://mangoldconsultancy.com/_images/quotation_mark_100.png); position:relative; top:-10px; left:-17px;}

/*END SPEECHBUBBLES*/

/*TEAM PLUGIN OVERIDES*/

.tmm .tmm_wrap {
  
    margin-bottom: 0px !important;

}


/*****PURE CHAT OVERIDES*********/
.purechat-messenger-header.purechat-messenger-header-light .purechat-messenger-header-text {
    color: #fff!important;
}

button.purechat-btn {
	background-color: #8BC53F;}


/*****BLOG GRID OVERRIDES***********/
.pt-cv-title a {
    font-weight: normal;
	color: #333;
}
/*title link stye moved to genertal links section*/

.pt-cv-wrapper .btn-success {
    color: #fff;
    background-color: #8BC53F !important;
    border-color: #8BC53F !important;
}
.pt-cv-wrapper .btn-success.active, .pt-cv-wrapper .btn-success:active, .pt-cv-wrapper .btn-success:hover, .pt-cv-wrapper .open>.dropdown-toggle.btn-success, .pt-cv-wrapper .btn-success:active, .pt-cv-wrapper .btn-success:focus
{
	background-color:#429439 !important;/*Mangold dark Green*/
	border-color: #429439 !important;/*Mangold dark Green*/
}

.pt-cv-wrapper .pagination>.active>a, .pt-cv-wrapper .pagination>.active>a:focus, .pt-cv-wrapper .pagination>.active>a:hover, .pt-cv-wrapper .pagination>.active>span, .pt-cv-wrapper .pagination>.active>span:focus, .pt-cv-wrapper .pagination>.active>span:hover {
    background-color: #8BC53F !important;
    border-color: #8BC53F !important;
  
}

.pt-cv-wrapper .pagination>li>a, .pt-cv-wrapper .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #8BC53F;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover {
	position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #fff;
    background-color: #8BC53F;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.post-navigation a,
.post-navigation a:focus,
.post-navigation a:hover {
	position: relative;
    float: left;
    padding: 6px 4px;
    line-height: 1.42857143;
    text-decoration: none;
    border: none;
    margin-left: -1px;
	
	-webkit-box-shadow: none;
    box-shadow: none;
	
	-webkit-transition: all 100ms ease-in, -webkit-box-shadow 500ms ease-in-out;
	transition: all 100ms ease-in, -webkit-box-shadow 500ms ease-in-out;
	transition: all 100ms ease-in, box-shadow 500ms ease-in-out;
	transition: all 100ms ease-in, box-shadow 500ms ease-in-out, -webkit-box-shadow 500ms ease-in-out;

}

.post-navigation a:focus,
.post-navigation a:hover{
	color: #fff;
    background-color: #8bc53f;
	

}



/************JETPACK TWEAKS***************/
#jp-relatedposts {
    background-color: #f7faf2; /*5% Mangold Green*/
    padding: 1em;}



/******************REBUILD CSS********************/


/*******************************/
/*HEADER VIDEO AND IMAGE STUFF*/
/*******************************/

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
	position: fixed;
	height: auto;
	left: 50%;
	max-width: 1000%;
	min-height: 100%;
	min-width: 100%;
	min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
	width: auto;
	top: 50%;
	padding-bottom: 1px; /* Prevent header from extending beyond the footer */
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
   	/*background-color:#8BC53F; /*Mangold Light Green*/
}


/*Height of gradient section - IPAD version later*/
.twentyseventeen-front-page.has-header-image .custom-header-media:before,
	.twentyseventeen-front-page.has-header-video .custom-header-media:before,
	.home.blog.has-header-image .custom-header-media:before,
	.home.blog.has-header-video .custom-header-media:before {
		height: 70%;
	}


/*Page Height Reduction*/
.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 840px /*1200px*/;
		height: 70vh /*100vh*/;
		max-height: 100%;
		overflow: hidden;
	}

/*height for admin logged in*/
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
	.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
	.admin-bar.home.blog.has-header-image .custom-header-media,
	.admin-bar.home.blog.has-header-video .custom-header-media {
		height: calc(70vh - 32px);
	}

/*Page Height Reduction END*/


/* For browsers that support 'object-fit' Think it's just chrome out of my tests */
@supports ( object-fit: cover ) {
	.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-video .custom-header-media iframe,
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		height: 100%;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		top: -15vh;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		width: 100%;
	}
/*needed to be repeated to move the image back to 0 */
	.has-header-image .custom-header-media img,
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img 
	{
		
		top: 0;
	}

}









/*play button position for video on desktop*/

.wp-custom-header .wp-custom-header-video-button {
	position: fixed;
	right: 30px;
	top: 70px;
}

.admin-bar .wp-custom-header-video-button {
	top: 102px;
}


/*positioning video issue IPAD stops video shifting to the left (ORDER IMPORTANT?)*/

.has-header-video .custom-header-media video,
.has-header-video .custom-header-media img,
.has-header-video .custom-header-media iframe{
  
 height: auto;
    -o-object-fit: unset;
    object-fit: unset;
   
}



/*Add This Footer Social Navigation*/

/* Social nav */

.widget_nav_menu {
    padding-bottom: 0em;
}


.add-this-socialnav {
    padding-bottom: 30px;}
	
.at-follow-tbx-element .at300b {
    margin: 0 10px 5px !important;
}
	

@media screen and (min-width: 48em){
.add-this-socialnav {
    clear: left;
    float: left;
    margin-bottom: 0;
    width: 42%; /*36%*/
	
}}



/********************/
/*IPAD HEADER TWEAKS*/
/********************/
@media only screen and (max-width: 1100PX), only screen and (max-width: 1100PX) /*ipad or mobile landscape but includes laptop with small window*/{
}


/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
/*Don't think this move video is needed?*/
.has-header-video .custom-header-media iframe
{top: -5vh;} /*move video*/ 

.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media iframe
{top: calc(-5vh - 32px);} /*move video for Admin logged in*/



/*hide button on ipad*/
.wp-custom-header .wp-custom-header-video-button { left: -999em;}

/*allow access to youtube play button*/
#masthead .site-branding {width:40%;}

/*Height of gradient section on IPAD*/
.twentyseventeen-front-page.has-header-image .custom-header-media:before,
	.twentyseventeen-front-page.has-header-video .custom-header-media:before,
	.home.blog.has-header-image .custom-header-media:before,
	.home.blog.has-header-video .custom-header-media:before {
		height: 33%;
	}
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
/*Don't think this move video is needed?*/
.has-header-video .custom-header-media iframe
{top: -5vh;} /*move video*/ 

.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media iframe
{top: calc(-5vh - 32px);} /*move video for Admin logged in*/



/*hide button on ipad*/
.wp-custom-header .wp-custom-header-video-button { left: -999em;}

/*allow access to youtube play button*/
#masthead .site-branding {width:40%;}

/*Height of gradient section on IPAD*/
.twentyseventeen-front-page.has-header-image .custom-header-media:before,
	.twentyseventeen-front-page.has-header-video .custom-header-media:before,
	.home.blog.has-header-image .custom-header-media:before,
	.home.blog.has-header-video .custom-header-media:before {
		height: 33%;
	}
}

/* ----------- iPad Pro 10.5" ----------- */

/* Landscape */
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
/*Don't think this move video is needed?*/
.has-header-video .custom-header-media iframe
{top: -5vh;} /*move video*/ 

.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media iframe
{top: calc(-5vh - 32px);} /*move video for Admin logged in*/



/*hide button on ipad*/
.wp-custom-header .wp-custom-header-video-button { left: -999em;}

/*allow access to youtube play button*/
#masthead .site-branding {width:40%;}

/*Height of gradient section on IPAD*/
.twentyseventeen-front-page.has-header-image .custom-header-media:before,
	.twentyseventeen-front-page.has-header-video .custom-header-media:before,
	.home.blog.has-header-image .custom-header-media:before,
	.home.blog.has-header-video .custom-header-media:before {
		height: 33%;
	}
}

/* ----------- iPad Pro 12.9" ----------- */

/* Landscape */
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
/*Don't think this move video is needed?*/
.has-header-video .custom-header-media iframe
{top: -5vh;} /*move video*/ 

.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media iframe
{top: calc(-5vh - 32px);} /*move video for Admin logged in*/



/*hide button on ipad*/
.wp-custom-header .wp-custom-header-video-button { left: -999em;}

/*allow access to youtube play button*/
#masthead .site-branding {width:40%;}

/*Height of gradient section on IPAD*/
.twentyseventeen-front-page.has-header-image .custom-header-media:before,
	.twentyseventeen-front-page.has-header-video .custom-header-media:before,
	.home.blog.has-header-image .custom-header-media:before,
	.home.blog.has-header-video .custom-header-media:before {
		height: 33%;
	}
}

/********************/
/*END IPAD HEADER TWEAKS
/********************/


/*------------------------------------------------------*/
/*Non home page header place just above gradient section*/
/*------------------------------------------------------*/
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img
{height: auto;
top:0;}


/*--------------------------------*/
/* Mobile screen (ORDER IMPORTANT)*/
/*--------------------------------*/
@media screen and (max-width: 48em) {
.has-header-image.twentyseventeen-front-page .custom-header
{
	height: 70vh;
	width: 100%;
	}

#masthead .site-branding {width:auto;}

.admin-bar.twentyseventeen-front-page .custom-header
{height: calc(70vh - 32px);}
	
.textwidget.custom-html-widget {width: 102%;}	/*keeps accreditation logos in single row*/

}




/* Mobile END*/


/******************REBUILD END********************/


/* reduce gap just above the content section and at Entry Header and on home page*/
/*-----------------------*/
@media screen and (min-width: 48em){
#content {
padding-top: 2.5em;
}

.panel-content .wrap {
    padding-bottom: 3.5em;
    padding-top: 2.5em;}

.twentyseventeen-front-page.page-one-column .entry-header{
	margin-bottom: 0em;}

.page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 2.5em;
}

.site-footer {
   margin-top: 1.0em;
}


.page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 0.0em;
}
}






/*Edit Home Page Gradient*/
/*-----------------------*/
/*The lines of code have 0.9 where the gradient is set to 90%. Note that this number appears 4 times in the code. For internet explorer version 6 to 9, the number is in hexadecimal on a lower line. For 90% the value is set to E6. To calculate the hexadecimal value for another percentage first multiply the percentage by 255. If the number has decimal places, use the nearest whole number, and then type in google ‘thewholenumber in Hex’*/

.panel-image:before, .custom-header-media:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#CC000000", GradientType=0); /* IE6-9 */
	/* bottom: 0; */
	/* content: ""; */
	/* left: 0; */
	/* right: 0; */
	/* position: absolute; */
	/* top: 100px; */
}






/*Full Width Option*/
/*-----------------*/

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary{
margin-left: auto;
margin-right: auto;
max-width: 100%;
}

.page-one-column .panel-content .wrap{
max-width: 1500px;
padding-left: 5em; /*changed to 5 from 3 to avoid share icons*/
padding-right: 5em;}


.wrap {
max-width: 1500px;
padding-left: 5em;
padding-right: 4em;

/*Turn off margin to stop column centering on large screens - this is to keep in inline with the smaller blog featured images.*/
margin-left: 0;
margin-right: 0;
}


.navigation-top .wrap {
max-width: 1500px;
}

#site-navigation.main-navigation{
max-width: 100%;
margin-left:0;
}


@media only screen and (min-width: 48em), only screen and (min-device-width: 48em) {

body.page-template-page-full-width .page-full-width #primary.entry-content {
width: 100%;

}

body.page-template-page-full-width .page-full-width #primary .entry-header {
width: 100%;

}

.navigation-top .wrap {
    padding: 0.75em 4.4166666666667em;
}}



@media screen and (min-width: 67em){
.navigation-top .wrap {
    padding: 0.75em 4.4166666666667em;
}}


/*Full Width Option END*/


/*make block thinner*/
/*------------------*/
/*Computer screen */
@media screen and (min-width: 48em) {

.makeblockthinner{
/*background-color:Red;*/
/*width: 50%;*/
/*margin-right:15%*/
/*Don't think I need this now the quotes are bigger*/
}}

@media only screen and (max-width: 1100PX), only screen and (max-width: 1100PX) /*ipad or mobile landscape*/{

.makeblockthinner{
/*background-color:Yellow;
width: 100%;*/
}
}







/*-------------------------*/
/*Services Options & Right Block IMages*/
/*-------------------------*/

.overflowbox{ /*This combined with the padding/margin keeps the columns the same height*/
overflow:hidden;
}

.servicesoptionhalf {
	width: 46%;
}

.servicesoption {
	width: 31%;
}

.servicesoption, .servicesoptionhalf {
	float: left;
	padding: 2%;
	margin: 1%;
	
	color:#FFF;
	background-color:#8BC53F; /*Mangold Light Green*/
	background: #8BC53F;  /*Mangold Light Green*/ /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left top, #8BC53F, #429439); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #8BC53F, #429439); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #8BC53F, #429439); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #8BC53F, #429439); /* Standard syntax (must be last) */

box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

padding-bottom: 99999px;
margin-bottom: -99999px;
}



.servicesoption H2, .servicesoptionhalf H2{
	padding:5% 0 0 0;
	
	}

.servicesoption H2 a, .servicesoption H2 a:link, .servicesoptionhalf H2 a, .servicesoptionhalf H2 a:link{
text-decoration: none;
-webkit-box-shadow:none;
    box-shadow:none;
	color:#fff;
	
	
}
.servicesoption H2 a:visited, .servicesoptionhalf H2 a:visited
{
text-decoration: none;
-webkit-box-shadow:none;
    box-shadow:none;
	
}

.servicesoption H2 a:hover, .servicesoptionhalf H2 a:hover
{
text-decoration: none;
-webkit-box-shadow:none;
box-shadow:none;
}

.servicesoption H2 a:active, .servicesoptionhalf H2 a:active
 {
text-decoration: none;
-webkit-box-shadow:none;
    box-shadow:none;
}

.servicesoption button, .servicesoptionhalf button{margin-bottom:10%;}






/***************************************/
/*****LEFT & RIGHT COLUMNS ON PAGES Half n Half*****/
/***************************************/
.leftcolumn {
	width:46%;
	float: left;
	padding: 0%;
	margin-right: 2%;}
	
.rightcolumn {
	width:46%;
	float: right;
	padding: 0%;
	margin-left: 2%;
	margin-right: 2%;}	


/********/
.leftsplitbigscreen {
	width:58%;
	float: left;
	padding: 0%;
	margin-right: 2%;}
	
.rightsplitbigscreen {
	width:36%;
	float: right;
	padding: 0%;
	margin-left: 2%;
	margin-right: 2%;}	


	
	


	
.rightsplitimagehome{background-image:url(https://mangoldconsultancy.com/wp-content/uploads/2017/11/Mangold-Consultancy-052_1000.jpg);	}

.rightsplitimageabout{background-image:url(https://mangoldconsultancy.com/wp-content/uploads/2017/10/Mangold-Consultancy-133-e1509968623540.jpg);	}
	
.rightsplitimageabby{background-image:url(https://mangoldconsultancy.com/wp-content/uploads/2017/11/Mangold-Consultancy-168_1000.jpg);	}

.rightsplitimagejess{background-image:url(https://mangoldconsultancy.com/wp-content/uploads/2022/06/Jess-mangold_1000x600.jpg);	}

.rightsplitimagecaroline{background-image:url(https://mangoldconsultancy.com/wp-content/uploads/2017/11/Caroline_1000x600.jpg);	}

.rightsplitimagejulia{background-image:url(https://mangoldconsultancy.com/wp-content/uploads/2017/11/Julia-smiling_1000x600.jpg);	}

.rightsplitimagesarahwelsh{background-image:url(https://mangoldconsultancy.com/wp-content/uploads/2018/11/Sarah-Welsh_600x360.jpg);	}

.rightsplitimagejustinclark{background-image:url(https://mangoldconsultancy.com/wp-content/uploads/2019/04/JustinClark_600x360.jpg);	}

.rightsplitimageamandacoleman{background-image:url(https://mangoldconsultancy.com/wp-content/uploads/2021/11/Amanda_Coleman_600x360_b.jpg);	}

.rightsplitimageestellekinzett{background-image:url(https://mangoldconsultancy.com/wp-content/uploads/2024/01/Estelle_Kinzett_1000x600.jpg);	}


#corporatecommsimage, .rightsplitimagecorpcomms {background-image:url(https://mangoldconsultancy.com/wp-content/uploads/2020/04/corporate-communications_1000.jpg);	}

#mediatrainingimage, .rightsplitimagemedia {background-image:url(https://mangoldconsultancy.com/wp-content/uploads/2020/04/media_training_1000.jpg);	}

#crisismanagementimage, .rightsplitimagecrisis{	background-image:url(https://mangoldconsultancy.com/wp-content/uploads/2020/04/crisis_management_1000.jpg);	}

.rightsplitimagehome, .rightsplitimageabby, .rightsplitimagejess, .rightsplitimagecaroline, .rightsplitimagejulia, .rightsplitimagesarahwelsh, .rightsplitimagejustinclark, .rightsplitimageamandacoleman, .rightsplitimageestellekinzett, .rightsplitimageabout, .rightsplitimagecorpcomms, .rightsplitimagemedia, .rightsplitimagecrisis
{height:400px;}	
	
#crisismanagementimage, #mediatrainingimage, #corporatecommsimage
{height:300px;}

/*Shadow and scaling for right images*/
	
#crisismanagementimage, #mediatrainingimage, #corporatecommsimage, .rightsplitimagehome, .rightsplitimageabby, .rightsplitimagejess, .rightsplitimagecaroline, .rightsplitimagejulia, .rightsplitimagesarahwelsh, .rightsplitimagejustinclark, .rightsplitimageamandacoleman, .rightsplitimageestellekinzett,  .rightsplitimageabout, .rightsplitimagecorpcomms, .rightsplitimagemedia, .rightsplitimagecrisis
{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

	/*CLEVER SCALING BACKGROUND IMAGE THING!*/
/* lt ie8 */
  -ms-background-position-x: center;
  -ms-background-position-y: top;
  background-position: center top;

  /* scale bg image proportionately */
  background-size: cover;
    
  /* ie8 workaround - http://louisremi.github.io/background-size-polyfill/ */
  -ms-behavior: url(https://cdn.css-tricks.com/backgroundsize.min.htc);
  /* prevent scaling past src width (or not) */
  /* max-width: 1200px; */
  }
  

/*-------------*/
/*DESKTOP STYLES*/
/*-------------*/

@media only screen and (min-width: 48em), only screen and (min-device-width: 48em) {

.servicesoption {
	/*background-color:#8BC53F; /*Mangold Light Green*/
	
}

/*Make Blog Header Smaller*/
.single-featured-image-header img{
width:auto;
max-width:52%;
/*max-height:50vh;*/
/*max-width:50vw;*/
margin: 0 0 0 5em;
}

/*Home Page Testimonials type size*/
#panel6 blockquote {font-size: 24px;}

/*CUSTOM MENU*/
li#menu-item-4017{
background-color:#8BC53F; /*Mangold Light Green*/
float:right;
	border-radius: 10px;}

.navigation-top li#menu-item-4017 a{
color: #ffffff;}

li#menu-item-4017 a:hover {
background-color:#429439;/*Mangold dark Green*/ 
    color: #ffffff;
	border-radius: 10px;
}
	
	
		.has-sidebar:not(.error404) #primary {
		float: left;
		width: 69%; /*was 58%*/
	}

	
	
	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 25% /*was 36%*/;
	}
	
	/*Adjusting post header image so it's not so big on desktop*/
.single-featured-image-header img {

    max-width: 938px;
 margin: 0 5em 0 5em;
	}
	
}




/*-------------*/
/*RESPONSIVE STYLES*/
/*-------------*/

@media only screen and (max-width: 1000px), only screen and (max-width: 1000PX) {
	.servicesoption, .servicesoptionhalf {
	float: none;
	width: 100%;
	margin-bottom:20px;	
	padding:5%;
	/*background-color:#8BC53F; /*Mangold Light Green*/
	}
/*Adjusting post header image so it's not so big on desktop*/
.single-featured-image-header img {

    max-width: 52%;
 margin: 0 5em 0 5em;
	}

}


@media only screen and (max-width: 900PX), only screen and (max-width: 900PX) /*ipad or mobile landscape*/{
	.servicesoption, .servicesoptionhalf {
	float: none;
	width: 100%;

	
	/*background-color:#8BC53F; /*Mangold Light Green*/
}

.leftsplitbigscreen, .leftcolumn, .rightcolumn {
		float: none;
		width: 100%;}
.rightsplitbigscreen {
		float: none;
		width: 100%;
margin-bottom: 24px;}

/*Home Page Testimonials type size*/
#panel6 blockquote {font-size: 18px;}
	
.speechbubble .speechbubblequote{ width:75px; height:75px; float:left; margin: 0 0 -15px 0; background-image:url(https://mangoldconsultancy.com/_images/quotation_mark_075.png); position:relative; top:-10px; left:-17px;}
	
	blockquote.speechbubble {
    font-size: 1.00rem;
		line-height: 1.5;
	}
	
.speechbubble P {margin-left: 75px;}/*smaller hanging margin to work with smaller quote mark*/



}




@media screen and (max-width: 500px)/*mobile portrait*/ {
	.leftsplitbigscreen, .leftcolumn, .rightcolumn {
		float: none;
		width: 100%;}
.rightsplitbigscreen {
		float: none;
		width: 100%;}

.rightsplitimage
{height:265px;}	

.page-one-column .panel-content .wrap, .wrap{
padding-left: 2em; 
padding-right: 2em;
	}
	
	.speechbubble .speechbubblequote{ width:75px; height:75px; float:left; margin: 0 0 -15px 0; background-image:url(https://mangoldconsultancy.com/_images/quotation_mark_075.png); position:relative; top:-10px; left:-17px;}
	
	blockquote.speechbubble {
    font-size: 1.00rem;
		line-height: 1.5;
	}
	
.speechbubble P {margin-left: 0px;}/*returns to wrap rather than hanging*/	
	
	/*Adjusting post header image so full width on mobile*/
.single-featured-image-header img {

    max-width: 100%;
 margin: 0;
	}


		}


/*-------------------------*/
/*Video responsiveness*/
/*-------------------------*/

.VideoContainingBlock {
	width: 100%;
	max-width: 900px;
	background-color:#8BC53F; /*Mangold Light Green*/
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	overflow:hidden;

}
.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}
/*Make video full width on smaller screens*/
@media only screen and (max-width: 900PX), only screen and (max-width: 900PX) /*ipad or mobile landscape*/{
	.VideoContainingBlock {
	width: 100%;
	background-color:#8BC53F; /*Mangold Light Green*/
}
		}