/*

Theme Name: Strategy 365 
Theme URI: http://www.strategy365.co.uk
Author: John Phillips
Author URI: http://www.strategy365.co.uk
Description: Strategy 365 WordPress Template
Version: 1.0.0
Template: pro

*/

/*
Live
Colour Reference:;
Dark Blue: #004F8F
Teal: #12A79D;
Pale Teal: #D9F0EF;
Orange: #E79006;
*/

/* v6 amends */
.single-post .entry-thumb {
	display: none;
}

/* Font */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?qvxy81');
  src:  url('fonts/icomoon.eot?qvxy81#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?qvxy81') format('truetype'),
    url('fonts/icomoon.woff?qvxy81') format('woff'),
    url('fonts/icomoon.svg?qvxy81#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

i.icons {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

i.dynamics-icon:before {
  content: "\e900";
}

i.aibuilder-icon:before {
  content: "\EC26";
}

i.largeicon:before {
	font-size: 90px;
}

.s365icon {
	color: #004F8F;
	font-size: 40px;
	transition: color 0.5s ease;
}

.s365icon:hover {
	color: #12A79D;
}

.whitelink, .whitelink:hover {
	color: white;
}


/* Typography */

#s365header h1 {
	color: white;
	font-size: 300%;
}

h1, h2, h3, h4 {
	margin-block-start: 0;
	margin-block-end: 0;
}

h1 {
	margin-top: 0.75em;
	margin-top: 0.25em;
}

h2 {
	font-size: 3em;
	margin-bottom: 0.25em;
	margin-top: 0.75em;
	margin-left: -1px;
}

h3, h4, h5 {
	margin-top: 1em;
}

.entry-content h2 {
	font-size: 220%;
}

.darksection h2 {
	color: white;
}

.darksection p a {
	color: white;
	text-decoration: underline;
}

#s365header p {
	color: white;
}

.s365card h3 {
	color: white;
}

.section-dark h2, .section-dark p  {
	color: white;
}

#pageheader h1 {
	color: white;
}

#pageheader p {
	color: white;
	font-size: 140%;
}

blockquote p {
	display: inline-block;
	font-size: 20px;
}

blockquote {
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	line-height: 32px;
}

blockquote {
	border: none;
}

.casestudy blockquote:before {
    content: open-quote;
    font-size: 40px;
    font-family: "Perpetua Titling MT Bold";
}

.casestudy blockquote p:first-child:after {
    content: close-quote;
    font-size: 40px;
    font-family: "Perpetua Titling MT Bold";
}

.casestudy blockquote p {
	display: inline;
	font-size: 20px;
}

.casestudy blockquote {
	margin-bottom: 30px;
}

.esg-overflowtrick {
    overflow: visible !important;
}

/* Logos */
.show-on-sticky img {
	display: none;
}

.x-bar-fixed .show-on-sticky img {
	display: block;
}

.x-bar-fixed .hide-on-sticky {
	display: none;
}

/* Homepage */
#s365header .x-text-content-text-primary {
	color: white !important;
}

/* Main Menu */
body .x-masthead .x-dropdown,
body .x-masthead .x-anchor,
body .x-masthead .x-interactive,
body .x-masthead .x-dropdown.x-active {
    transition-delay: 0s, 0s, 0s !important;
    transition-duration: 0s, 0s, 0s !important;
    transform: translate3d(0, 0, 0) !important;
}

/* Off Canvas Menu Fixes */
html.js.stopscroll {
	overflow-y: hidden !important;
	height: 100%;
	margin:0 !important;
}

body.stopscroll {
	overflow-y: hidden !important;
	height: 100%;
}

/* Page Elements */
#tealbar p {
	font-size: 1.4em;
	line-height: 1.4;
	color: white;
	font-weight: 600;
}

#tealbar .x-col {
	padding: 30px 0px 30px 0px;
}

.graphicicon i {
	padding:30px;
}

i.centericon {
	margin: 0 auto;
	display: block !important;
	text-align: center;
	line-height: 1.5;
}

.orangebutton.x-btn {
	background-color: #E79006;
	border-color: #E79006;
}

.orangebutton.x-btn:hover {
	background-color: #FF9C00;
	border-color: #FF9C00;
}

.panel-help h3 {
	font-size: 175%;
	margin-bottom: 25px;
}

.ctablock {
	display: inline-block;
}

.ctablock p {
	margin-bottom: 0px;
}

.flipcard .x-card-face.is-back {
	text-align: center;
}

.flipcard h4 {
	margin-top: 0;
}

.x-card.flipcard {
	height: 270px;
}

.tabs-padded .x-column {
	padding:25px;
}

.x-pricing-column .x-interval {
	font-size: 16px;
}

.x-pricing-column-info {
	padding-left: 10px;
	padding-right: 10px;
}

.x-pricing-column-info span {
	color: #717171;
}

.x-pricing-column ul {
	list-style-type:none;
}

.x-pricing-column.bespoke h3 {
	font-size: 46px;
	letter-spacing: -1px;
}

.x-pricing-column.bespoke p {
	margin-top:20px;
	margin-bottom: 20px;
}

.x-pricing-column .x-btn-block {
	width: 75%;
	display: inline-block;
}

.x-pricing-column .x-btn {
	background-color: #E79006;
	border-color: #E79006;
}

.x-pricing-column .x-btn:hover {
	background-color: #FF9C00;
	border-color: #FF9C00;
}

.x-pricing-column .x-btn.alternate {
	background-color: #12A79D;
	border-color: #12A79D;
}

.x-pricing-column .x-btn.alternate:hover {
	background-color: #00C3BF;
	border-color: #00C3BF;
}

.x-pricing-column-info p {
	padding:20px 20px;
}

.x-pricing-column h2,
.x-pricing-column-info {
	border: 1px solid rgb(0,79,143);
}

.x-pricing-column-info ul>li {
	border-bottom: 1px solid rgb(0,79,143);
}

.x-pricing-column-info ul {
	border-top: 1px solid rgb(0,79,143);
}

html .s365tabs .x-tabs-list ul {
	justify-content: center;
}

html .s365pricing h2.man {
	min-height: 117px;
}

.staffphoto img {
	width: auto;
	max-height: 520px;
}

/* Glossary */
.single-glossary .p-meta {
	display: none;
}

/* Meet the Team */

.tg-post-4414 .placeholder-linkedin {
	display: none !important;
}

/* Tables */
.table-comparison h3,
.table-marketing h3 {
	text-align: center;
	margin-top: 5px;
}

.table-comparison td + td,
.table-comparison td + td + td,
.table-comparison td + td + td + td  {
	width: 25%;
}

.table-comparison td + td,
.table-comparison td + td + td,
.table-marketing td + td,
.table-marketing td + td + td {
	text-align: center;
}

table.table-comparison, 
table.table-marketing {
	border: 1px solid rgb(0,79,143);
}

.table-prices .column-1 {
	width: 40%;
}

.table-prices .column-2 {
	width: 20%;
}

.table-prices .column-3 {
	width: 20%;
}

.table-prices .column-4 {
	width: 20%;
}

/* Price Cards */
.price-card .card-price {
	font-size: 48px;
	line-height: 52px;
	margin-bottom: 0px;
}

/* Cookie Consent Bar */
html.has-cookie-bar #catapult-cookie-bar {
	z-index: 2000000001;
	background-color:  #004F8F;
}

html.has-cookie-bar button#catapultCookie {
	background-color: #E79006;
	color: white; 
	font-weight: 600;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.4,0,0.2,1);
}

html.has-cookie-bar button#catapultCookie:hover {
	background-color: white;
	color: #E79006;
	font-weight: 600;
}


/* ClickDimensions Form Styling */
.responsiveRow input[type=text], .responsiveRow textarea {
	width: 100%;
}

.cdform .responsiveRow .clear, #maincontactform .responsiveRow .clear, #minicontactform .responsiveRow .clear, .clickdform .clear {
	padding-bottom: 0px;
	height: 0px;
}

.responsiveCell.responsiveCellSize1.emptyCell {
	display: none;
}

#maincontactform .responsiveCell, #minicontactform .responsiveCell  {
	margin-right: 0px;
	padding-right: 25px;
	display: inline-block;
}

.clickdform.mainDiv {
	padding-left: 0 !important;
}

.clickdform.mainDiv .responsiveRow:first-of-type > div > span {
    font-size: 18px !important;
    color: #004F8F !important;
    font-family: "Open Sans",sans-serif !important;
}

footer .clickdform.mainDiv .responsiveRow:first-of-type > div > span {
	font-size: 16px !important;
	color: white !important;
	line-height: 24px !important;
}

footer .clickdform.mainDiv {
	padding-top: 0px !important;
}

#maincontactform .responsiveCellSize3, #minicontactform .responsiveCellSize3 {
	width: 100%;
	display: inline-block;
}

.cdform .responsiveCellSize1 {
	width: 48%;
	display: inline-block;
}

.cdform input {
	width: 100%;
}

.cdform form .responsiveRow:nth-of-type(2),
.cdform form .responsiveRow:nth-of-type(5) {
	display: none !important;
}

.cdform .requiredInfo {
	display: none;
}

#maincontactform .responsiveCellSize1 {
	width: 32%;
	display: inline-block;
}

#minicontactform .responsiveCellSize1 {
	width: 32%;
	display: inline-block;
}

#maincontactform .responsiveCellSize2, #minicontactform .responsiveCellSize2 {
	width: 64%;
	display: inline-block;
}

#minicontactform {
	margin-bottom: 20px;
}


#maincontactform #btnSubmit, #minicontactform #btnSubmit, .clickdform #btnSubmit {
	margin-top:5px;
	padding:10px 25px;
	font-size: 1em !important;
	background-color:rgb(231,144,6);
    border: none;
    color: #fff !important;
    cursor: pointer;
    transition: all 0.45s cubic-bezier(0.25,1,0.33,1);
    -webkit-transition: all 0.45s cubic-bezier(0.25,1,0.33,1);
    width: auto;
    font-family: 'Open Sans';
    font-weight: 600;
    border-radius: 1em 1em 1em 1em;
    -webkit-border-radius: 1em;	
}

#maincontactform #btnSubmit:hover, #minicontactform #btnSubmit:hover, .clickdform #btnSubmit:hover  {
	background-color: rgb(33,206,194);
}

footer form#clickdimensionsForm .responsiveCell span {
	color: white !important;
}

#contactformnew form span {
	color: rgb(0,79,143) !important;
	font-weight: 600 !important;
	font-family: "Rajdhani",sans-serif !important;
	font-size: 15px !important;
}

#contactformnew input, #contactformnew textarea {
	border-color:#DAEEEE !important;
	border-width: 2px !important;
}

#contactformnew form > div:nth-last-of-type(2) .responsiveCell.responsiveCellSize1 {
	width: 100% !important;
	font-size: 18px;
}

#contactformnew #btnSubmit {
	width: 100%;
	border-radius: 20px;
}

#contactformnew form {
	text-align:left;
}

#contactformnew .responsiveCellSize1 {
	width: 49.2%;
	display: inline-block;
}

#contactformnew .requiredInfo {
	display: none;
}

#contactformnew .emptyCell {
	display: none;
}

/* Footer */
#footer-cta p a {
	color: white;
	font-weight: bold;
}

/* Buttons */
.button-l .x-anchor-text-secondary {
	margin-top: 5vh !important;
}

.btngeneral.x-btn {
	background-color: #E79006;
	border-color: #E79006;
}

.btngeneral.x-btn:hover {
	background-color: #FF9C00;
	border-color: #FF9C00;
}

.excerpt-footer .news-link {
	display: none;
}

/* Video Styling */
.curved {
	overflow: hidden;
}

/* Individual Page Styling */
/* Contact Us */
.overridelastchild.x-text h2 {
	margin-bottom: 0.25em !important;
}

.overridelastchild.x-text p {
	margin-bottom: 1.313em !important;
}

/* Blog */
.p-meta span:first-child {
	display: none;
}

.p-meta .x-framework-icon:only-child {
	margin-right:4px;
	margin-left: 4px;
}

/* Partnerships */
#partner1 .partner1,
#partner2 .partner2,
#partner3 .partner3,
#partner4 .partner4,
#partner5 .partner5,
#partner6 .partner6,
#partner7 .partner7,
#partner8 .partner8,
#partner9 .partner9,
#partner10 .partner10 {
	display: none;
}


/* About Us Pages */
.aboutus #column-aboutus {
	display: none;
}

.whywediffer #column-whywediffer {
	display: none;
}

.ourcorevalues #column-ourcorevalues {
	display: none;
}

.ourpartnerships #column-ourpartnerships {
	display: none;
}

.ourclients #column-ourclients {
	display: none;
}

/* Widgets */
.widget ul {
	border: none;
}

.widget ul li, .widget.widget_recent_entries li {
	border: none;
	padding-left: 0;
	padding-top: 7px;
	padding-bottom:7px;
}

.widget ul li a {
	border: none;
}

/* Counters */
.s365counter {
	background-color: white;
	border-radius: 50px;
	padding: 9%;
	filter: drop-shadow(0 2px 10px #E4F5F4);
}

.image-absolute {
	position: absolute;
	top: 0px;
	left: 25px;
}

/* Advantages */
.adv-icon {
	line-height: 1;
}

.darkbg a {
	color: #E79006;
	text-decoration: underline;
	font-weight: bold;
}

/* Media Queries and mobile enhancements */
/* XL */
@media screen and (min-width: 1200px) {
	#s365header .x-card-faces, .button {
		width: 180px !important;
		height: 180px !important;
		max-width: 180px;
		max-height: 180px;	
	}

	.button-l {
		width: 180px !important;
		height: 180px !important;
		max-width: 180px;
		max-height: 180px;	
	}

	.ctablock:first-of-type {
		border-right:1px solid black;
		padding-right: 7px;
	}

	#cookie-law-info-bar[data-cli-style="cli-style-v2"] {
		padding-left: 90px !important;
		padding-right: 90px !important;
	}	
}

/* LG */
@media screen and (min-width: 980px) and (max-width: 1199px ) {
	#s365header .x-card-faces {
		width: 160px !important;
		height: 160px !important;
		max-width: 160px;
		max-height: 160px;		
	}
	
	.button-l {
		width: 160px !important;
		height: 160px !important;
		max-width: 160px;
		max-height: 160px;	
	}

	.button-4 {
		width: 13vw !important;
		height: 13vw !important;
		margin: 0.5vw !important;
		max-width: 13vw !important;
		max-height: 13vw !important;		
	}

	.ctablock:first-of-type {
		border-right:1px solid black;
		padding-right: 6px;
	}
	
	#inline-search-container {
		max-width: 20%;
	}		
	#cookie-law-info-bar[data-cli-style="cli-style-v2"] {
		padding-left: 90px !important;
		padding-right: 90px !important;
	}	

}

/* MD */
@media screen and (min-width: 768px) and (max-width: 979px ) {
	#s365header .x-card-faces {
		width: 180px !important;
		height: 180px !important;
		max-width: 180px;
		max-height: 180px;
	}

	.button-l {
		width: 200px !important;
		height: 200px !important;
		max-width: 200px;
		max-height: 200px;	
	}	

	.button-4 {
		width: 19vw !important;
		height: 19vw !important;
		margin: 0.5vw !important;
		max-width: 19vw !important;
		max-height: 19vw !important;		
	}	

	.ctablock:first-of-type {
		border-right:1px solid black;
		padding-right: 5px;
	}	
	#cookie-law-info-bar[data-cli-style="cli-style-v2"] {
		padding-left: 90px !important;
		padding-right: 90px !important;
	}	
	

}

/* SM */
@media screen and (min-width: 481px) and (max-width: 767px ) {
	#s365header .x-card-faces {
		width: 140px !important;
		height: 140px !important;
		max-width: 140px;
		max-height: 140px;
	}
	
	.button-l {
		width: 180px !important;
		height: 180px !important;
		max-width: 180px;
		max-height: 180px;	
	}	

	.button-4 {
		width: 20vw !important;
		height: 20vw !important;
		margin: 0.5vw !important;
		max-width: 20vw !important;
		max-height: 20vw !important;
	}	

	.ctablock {
		display: block;
	}


}

/* XS */
@media screen and (max-width: 480px ) {
	#s365header .x-card-faces {
		width: 40vw !important;
		height: 40vw !important;
		max-width: 40vw !important;
		max-height: 40vw !important;
	}

	.x-card.solutioncard, .button-l.servicecard {
		width: 40vw !important;
		max-width: 40vw !important;
		margin:2px;
	}

	.button-l {
		width: 40vw !important;
		height: 40vw !important;
		max-width: 40vw !important;
		max-height: 40vw !important;
	}

	.button-3 {
		width: 50vw !important;
		height: 50vw !important;
		max-width: 50vw !important;
		max-height: 50vw !important;
	}	

	.button-3 .x-anchor-text-secondary {
		margin-top: 15vw !important;
	}

	.centremobile {
		text-align: center;
		display: block;
	}

	.ctablock {
		display: block;
	}	

	.e4181-2.x-bar-container {
		width: 50% !important;
		padding-bottom:0 !important;
	}	

}

/* XS */
@media screen and (max-width: 340px ) {
	.ctablock {
		display: none;
	}	
	.hide-on-mobile {
		display: none;
	}	
	.team-grid h2 {
		font-size: 16px;
	}
	.team-grid .tg-element-2 {
		font-size: 16px;
	}
}

/* Mobile Header */
@media screen and (max-width: 450px ) {
	.hide-on-mobile {
		display: none;
	}

	.x-bar-fixed form.x-search {
		display: none;
	}
}

@media screen and (min-width: 980px) {
	#s365header {
		min-height: 300px;
	}
}


@media screen and (min-width: 480px) and (max-width: 979px ) {
	.homecolumns {
		flex-basis: unset !important;
	}

}

@media screen and (max-width: 979px ) {
	.buttons {
		width: 100%;
		text-align: center;
	}
	.hide-when-stacked {
		display: none;
	}

	.tabs-padded > ul {
		min-width: 101%;
	}

	.centremd {
		text-align: center;
	}

	.flexcentremd {
		align-content: center !important;
	}
}


@media ( min-width: 980px ) {
     
        li.menu-item-has-children > ul {
         display: none !important;   
        }
        
        li.menu-item-has-children:hover > ul {
         display: block !important;   
        }
        
}

@media ( max-width: 767px ) {
	.hidebackgrounds .x-bg {
     	display: none;
     }
    .removenegativemargin {
    	margin-top: 0 !important;
    	margin-bottom: 0 !important;
    }
	.homecolumns {
		flex-basis: unset !important;
	}    
}