/*
Theme Name: bluesaffron
Theme URI: https://github.com/tidythemes/bluesaffron
Author: Inboundr
Author URI: https://www.inboundr.co.uk/
Description: Custom WordPress Theme based on Blankslate (4.0.4) by TidyThemes
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: bluesaffron

bluesaffron WordPress Theme © Blue Saffron Ltd.
*/

@import url('bootstrap-3.3.7-dist/css/bootstrap.css'); 
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');


/* BASICS ____________________________*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { font-size:100%; font:inherit; padding:0; border:0; margin:0; vertical-align:baseline }

body { font-family: 'Quicksand', sans-serif; overflow-x: hidden; }
 
 @media (max-width: 500px) {
 	body { padding-top: 254px; }
  }
 
 @media (min-width: 501px) and (max-width: 767px) {
 	body { padding-top: 226px; }
  }

@media (min-width: 768px) and (max-width: 991px) {
	body { padding-top: 214px; }
 }

@media (min-width: 992px) {
	body { padding-top: 193px; }
 }


a, span.accent  { color: rgb(1,149,159); }
a:hover, a:focus { color: rgb(1,149,159); }
strong { font-weight: 500; }
em { font-style: italic; }
ol,ul {list-style:none }
blockquote,q { quotes:none }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none }
table { border-collapse:collapse; border-spacing:0 }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block }
.clear { clear:both }
.sticky { }
.bypostauthor { }
.wp-caption { }
.wp-caption-text { }
.gallery-caption { }
.alignright { }
.alignleft { }
.aligncenter { }
.screen-reader-text { clip:rect(1px, 1px, 1px, 1px); position:absolute !important }

/* Custom Classes */
.bsl-anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}

/* GENERAL ___________________________*/

.pixel-bg { 
	display: block;
	background: transparent url(images/pixels-bg.png) top repeat-x;
	background-size: 275px auto;
	height: 175px;
	position: relative;
	top: 30px;
	}	
	
	
/* HERO IMAGES */

.hero-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 175px;
    left: 0;
    top: 0;
    background: transparent url(images/pixels-bg.png) top repeat-x;
    background-size: 275px auto;
    z-index: 90;
    margin-top: 20px;
}

.hero-image figure {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    line-height: 0;
}

.hero-image:after {
    content: '';
    position: absolute;
	background: transparent url(images/skew.png) bottom no-repeat; 
	width: 100%;
	height: 150px;
	left: 0;
	bottom: 0;
}

.wpb_content_element.hero-image { margin: 80px 0 25px 0; }


.home-hero { margin-bottom: 35px; }
.home-hero .vc_parallax-inner {top: 0!important; background-position:75% 0!important; }
.bs-parallax .vc_parallax-inner {top: -10%!important; background-position:75% 0!important; }

.entry-content .home-hero h2 { color: #FFF; font-size: 46px; text-align: left; margin-top: 10%; }

@media (max-width: 768px) {
.entry-content .home-hero h2 { font-size: 35px; text-align: center; }
.wpb_content_element.hero-image { margin: 150px 0 50px 0; }
 }

@media (max-width: 480px) {
.entry-content .home-hero h2 { font-size: 25px; text-align: center; }
.hero-image:before { background-size: 230px auto; }
.wpb_content_element.hero-image { margin: 125px 0 60px 0; }
 }
 
 @media (max-width: 350px) {
 .entry-content .home-hero h2 { font-size: 20px; text-align: center; }
  }


/* BUTTONS */

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { 
	color: #FFF!important;
	background-color: rgb(44,48,51)!important;
	background-image: none;
	border-color: rgba(255,255,255,0.8)!important;
	text-transform: uppercase;
	font-size: 13px;
}

.vc_btn3.vc_btn3-size-md { padding: 10px 40px!important; }
.vc_btn3.vc_btn3-size-md:hover { border-color: rgb(1,149,159)!important; }

.button-white .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { 
	color: rgb(1,149,159)!important;
	background-color: rgb(255,255,255)!important;
	background-image: none;
	border-color: rgb(1,149,159)!important;
	margin-left: 30px;
}
.button-white .vc_btn3.vc_btn3-size-md:hover { border-color: rgb(44,48,51)!important; color: rgb(44,48,51)!important; }

/*
.beautiful-taxonomy-filters-button { 
	color: rgb(1,149,159)!important;
	background-color: rgb(255,255,255)!important;
	background-image: none;
	border: 1px rgb(1,149,159) solid!important;
	font-size: 13px;
	border-radius: 5px!important;
}

a.beautiful-taxonomy-filters-clear-all { 
	font-size: 13px; 
	text-align: center;
	color: rgb(1,149,159)!important;
	margin: 20px 0px 0px 10px!important; 
	padding: 10px!important;
	border: 1px rgb(1,149,159) solid!important;
	border-radius: 5px!important;
	min-width: 115px; 
	height: 36px;
	background-color: rgb(255,255,255)!important;
	text-transform: uppercase;
	}
	
a.beautiful-taxonomy-filters-clear-all:hover { text-decoration: none; }
*/


/* LISTS */


ul.check, .case-study ul, .entry-content ul { list-style: none; }

.entry-content ul li:before {    
	font-family: "Font Awesome 5 Pro";
	content: "\f0a9";
	margin:0 10px 0 0;
	font-size: 18px;
	color: rgb(1,149,159); 
	display: inline-block;
	font-style: normal;
	font-weight: 300;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}


ul li { line-height: 1.4em; padding: 0 30px; margin: 10px 0; }
ul { margin-top: 15px; }


/* HEADER ____________________________*/

header { background-color: #FFF; border-bottom: 1px solid rgba(45,40,44,0.5); }
.top-header { width: 100%; background-color:rgb(44,48,51); padding: 5px 0 12px 30px;
	margin-bottom: 5px; }
.top-header a:hover { text-decoration: none; color: #FFF; }

ul.bs-contact { margin-top: 5px; }
ul.bs-contact li { color: #FFF; text-transform: uppercase; display: inline; font-size: 12px; padding:0 20px; }
ul.bs-contact li a.tel { color: #FFF; }
ul.bs-contact li a.tel:hover { color: rgb(1,149,159); }
ul.bs-contact li i.fa-users, ul.bs-contact li i.fa-envelope { padding-right:5px }
 
 
/* Search form  ____________________________*/

 #top-search { 
 	position: absolute;
 	right: 50px;
 	top: 14px;
 }
  
 #top-search input[type="search"] {
   height: 30px;
   font-size: 14px;
   display: inline-block;
   font-weight: 100;
   border: none;
   outline: none;
   color: #fff;
   padding: 0px 35px 8px 5px;
   margin: 0;
   width: 0px;
   position: absolute;
   top: 0;
   right: 0;
   background: none;
   z-index: 3;
   transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
   cursor: pointer;
 }

 
 #top-search input[type="search"]:focus {
   width: 270px;
   z-index: 1;
   cursor: text;
 }
 
 #top-search input[type="submit"] {
   height: 30px;
   width: 60px;
   background:transparent;
   display: inline-block;
   float: right;
   text-indent: -10000px;
   border: none;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 2;
   cursor: pointer;
   transition: opacity .4s ease;
 }
 
 #top-search input[type="submit"]:hover { opacity: 1; }

 #top-search ::-webkit-input-placeholder {
   color: #fff!important;
 }
 #top-search :-moz-placeholder { /* older Firefox*/
   color: #fff!important;
 
 }
 #top-search ::-moz-placeholder { /* Firefox 19+ */ 
   color: #fff!important;
 } 
  #top-search :-ms-input-placeholder { 
   color: #fff!important;
 }
  
 .sb-icon-search {
 	color: #fff;
 	background: transparent;
 	z-index: 1;
 	font-size: 20px!important;
 	font-style: normal;
 	font-weight: normal;
 	font-variant: normal;
 	text-transform: none;
 	position: absolute;
 	top:0;
 	right: 0;
 	display: block;
 	cursor: pointer;
 }
  
 /* To remove forced yellow bg/black text in Chrome */ 
 
 #top-search input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 100px rgb(44,48,51) inset;
 }
 
 #top-search input:-webkit-autofill {
     -webkit-text-fill-color: #fff;
 }
 
 @media (min-width: 767px) and (max-width: 991px) {
 	.top-header ul.bs-contact li { padding:0 10px; }
  }
 
 @media (max-width: 767px) {
 	.top-header ul.bs-contact li { display: block; padding:0; }
 	 #top-search input[type="search"], #top-search input[type="submit"], .sb-icon-search { top:84px!important; }
 	 #top-search { right:30px!important; }
  }
  
@media (max-width: 500px) {
  	 #top-search { top:45px!important; padding-bottom: 30px; }
  	 .top-header { padding-bottom: 40px!important; }
  	 #top-search input[type="search"]:focus { width: 250px!important; }
   }
  
  @media (min-width: 992px) {
  	ul.bs-contact { display: inline-block; }
   }
 
#logo { 
	background: transparent url(images/Blue-Saffron-Logo@2x.svg) center no-repeat;
	background-size: 310px;
	width: 310px;
	height: 73px;
	display: block;
	margin: 18px auto 8px auto;
}

#breadcrumbs { margin-top: 20px; font-size: 13px; text-align: center; color: rgba(44,48,51,0.7);  }
body.home #breadcrumbs { display:none; }



/* MENU */

.navbar { background-color: #FFF; border-bottom: 1px solid rgba(45,40,44,0.5);  }

.navbar-brand { display:none!important;}
 
.navbar-header { 
	display:block; 
	width: 730px;
	margin: 0 auto!important;
	float: none;
	background-color: #FFF;
}

.navbar-nav { float:none!important; width: 710px!important; margin: 0 auto!important; }

.navbar-nav > li { padding:0 10px; margin: 0; }

.navbar-nav > li > a {
  color: rgb(44,48,51);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
}

.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover,
.navbar-nav > li.active a {
  color: rgb(1,149,159);
  background-color: transparent;
}

.navbar-toggle {
  background-color: rgb(1,149,159);
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0;
}

.navbar-toggle .icon-bar {
  background-color: #FFF;
}

@media (max-width: 767px) {
 #logo { margin: 15px auto; background-size: 250px;
 	width: 250px;
 	height: 56px; }
 .navbar-nav > li { padding:0; }
 }
 
  
 /* DROPDOWN */

.dropdown-menu { 
	padding: 10px 0 15px 0; 
	margin: 0; 
	left: 9px!important; 
	background-color: rgb(44,48,51)!important; 
	border-bottom-left-radius:9px!important; 
	border-bottom-right-radius:9px!important; 
	min-width: 180px;
}

/*
.dropdown-menu:before {
    content: "\f0d8";
 	font-family: "Font Awesome 5 Pro";
 	font-size: 20px;
 	top: -25px;
 	left: 20px;
 	position: relative;
 	display: inline-block;
 	color: rgb(44,48,51);
 	float: left;
}
*/


.yamm-content .row { margin: 0!important; }

.dropdown-menu li, .elementy-ul li { padding: 7px 15px; line-height: 1.2em; margin: 0; }
.dropdown-menu li.dropdown:first-of-type, .elementy-ul li:first-of-type { padding-top: 15px; }
.dropdown-menu li:hover { background-color:rgb(1,149,159);  }
.dropdown-menu a { font-size: 13px; color: #FFF; line-height: 1.1em; }
.dropdown-menu a:hover { text-decoration: none; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent!important; }

li.menu-col > a { 
	text-transform: uppercase; 
	font-weight: 500; 
	color: #FFF!important; 
}


.dropdown-menu ul { display: none; }
.dropdown-menu li:hover > ul { display: block; }
.elementy-ul { list-style: none; padding:0; width: 220px; position: absolute; left: 178px; top: 0; background-color: rgb(1,149,159); border-bottom-right-radius:9px!important; margin-top: 0!important; }
.elementy-ul li a { color: #FFF!important; font-size: 14px; }
.elementy-ul li:hover { background-color:rgb(44,48,51);  }
.elementy-ul li:last-of-type { padding-bottom: 15px; border-bottom-right-radius:9px!important; }


@media (max-width: 768px) {

	.dropdown-menu { 
		padding: 10px 0 15px 0; 
		margin: 0; 
		left: 0!important; 
		background-color: rgb(44,48,51)!important; 
		border-bottom-left-radius: 0px!important; 
		border-bottom-right-radius:0px!important; 
		min-width: 100%;
	}
	
	.elementy-ul { 
		list-style: none; 
		padding:0; 
		width: 100%; 
		position: relative; 
		left: 0; 
		top: 0; 
		background-color: rgb(1,149,159); 
		border-bottom-right-radius:0px!important; 
	}
	.elementy-ul li:hover { background-color:transparent;  }
	

}
 
 /* PAGE ______________________________*/
 
.page-header { border: 0; margin: 40px 0 0 0; padding-bottom: 0px; }
.page-header h1 { font-size: 34px; text-transform: uppercase; font-weight: 600; text-align: center; margin-bottom: 15px; }
.page-header h2 { font-size: 34px; text-transform: uppercase; font-weight: 600; text-align: center; margin-bottom: 15px; }


.entry-content h1 { font-size: 31px; text-transform: uppercase; font-weight: 600; text-align: center; margin-bottom: 15px; }
.entry-content h2 { font-size: 23px; font-weight: 500; text-align: center; color: rgb(1,149,159); margin-bottom: 30px!important; }
.entry-content h3 { font-size: 21px; font-weight: 500; text-align: center; }
.entry-content h4 { font-size: 20px; color: rgb(1,149,159); margin: 25px 0 15px 0; padding-left: 30px; }

 
.entry-content p { line-height: 1.4em; padding: 0 30px; margin: 10px 0; }
.entry-content .one-column { margin-left:10%; margin-right:10%; margin-bottom: 30px; }

@media (min-width: 481px) and (max-width: 768px) {
 .entry-content .one-column  { margin-left:5%; margin-right:5%; }
 }
 
@media (max-width: 480px) {
 .entry-content .one-column  { margin-left:0; margin-right:0; }
 }

/* SERVICES */

.vc_row[data-vc-full-width].sub-services { overflow: visible!important; }
.vc_row[data-vc-full-width].service-quote { overflow: visible!important; }

.sub-services { 
	background: rgb(44,48,51) url(images/skew.png) bottom no-repeat; 
	background-position-y: bottom;
	color: #FFF;
	padding: 140px 50px 75px 50px;
	position: relative;
	display: block;
	margin: -25px 0 0 0;
}

.vc_row.sub-services:before {
    content: ''!important;
    position: absolute!important;
    width: 100%!important;
    height: 150px!important;
    right: 0px!important;
    top: 0px!important;
    background: rgb(44,48,51) url(images/skew.png) top no-repeat!important;
    transform: rotate(180deg)!important;  
    display: block!important;  
}

.sub-services.sub { 
	background: rgb(44,48,51); 
	background-image: none;
	padding: 140px 50px 30px 50px;
	margin-bottom: -2px!important;
}

.sub-services h3 { 
 	font-size: 26px;
 	line-height: 1.2em;  
}

.sub-services h4 { 
 	font-size: 20px;
 	color: rgb(1,149,159);
 	margin: 25px 0 15px 0;
 	text-align: center;
 	padding-left: 0;
 }
 
.sub-services p { text-align: center; }
.sub-services .vc_column-inner { margin-bottom: 15px; }
.sub-services h3 > a:hover, .sub-services h3 > a span.accent:hover  { text-decoration: none; color: #FFF!important; }

.sub-services .vc_icon_element { margin-bottom: 15px; }


.service-quote { 
	background: rgb(1,149,159) url(images/skew.png) bottom no-repeat; 
	background-position-y: bottom;
	color: rgb(44,48,51);
	padding: 140px 80px 80px 80px;
	position: relative;
	display: block;
	margin: -24px 0 0 0;
}

.vc_row.service-quote:before {
    content: ''!important;
    position: absolute!important;
    width: 100%!important;
    height: 150px!important;
    right: 0px!important;
    top: 0px!important;
    background: rgb(1,149,159) url(images/skew.png) top no-repeat!important;
    transform: rotate(180deg)!important; 
    display: block!important;   
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */ 
   .sub-services { padding-top: 40px!important; margin-top: 25px!important;}
   .service-quote { 
    padding-top: 40px!important;
   	margin-top: 25px!important;
   } 
   .vc_row.service-quote:before { content: none!important; display: none!important;}
   .vc_row.sub-services:before { content: none!important; display: none!important;}
}

.service-quote blockquote, .bs-quote blockquote, .bs-quote-bis blockquote { font-size: 18px; color: #FFF; }

.bs-quote { 
	background: rgb(1,149,159) url(images/skew.png) bottom no-repeat; 
	background-position-y: bottom;
	color: rgb(44,48,51);
	padding: 0px 80px 75px 80px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin: 0;
}

.bs-quote-bis { 
	background: rgb(1,149,159) url(images/skew.png) bottom no-repeat; 
	background-position-y: bottom;
	color: rgb(44,48,51);
	padding: 0px 80px 75px 80px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin: 0;
}


 /* CASE STUDIES */

.case-studies-strip { background-color: rgb(210,210,210); padding: 60px 0; min-height: 450px; }

.case-study h2 { margin-bottom: 55px!important; }
.case-study h3 { text-transform: uppercase; text-align: left!important; margin-left: 30px; }

.single-casestudy .bs-quote { padding: 125px 50px 60px 50px; margin-bottom: 20px; }
.single-casestudy .bs-quote-bis { padding: 0 50px 80px 50px; margin-bottom: 10px; }
.single-casestudy p, .bs-quote p { margin-top: 15px; }
.single-casestudy .entry-content .no-padding p { padding: 0; }
.single-casestudy .simple-quote blockquote { font-style: italic; color: rgb(1,149,159); }
.single-casestudy .wpb_single_image.casestudy-img { padding: 0 30px; }

@media (max-width: 767px) {
	.single-casestudy .wpb_single_image { text-align: center!important; }
	.single-casestudy .entry-content .no-padding p { padding-left: 30px; }
	.sub-services { padding-top: 100px; }
	.sub-services:before { top: -45px; }
}

.single-casestudy .bs-quote:before {
content: '';
position: absolute;
width: 100%;
height: 150px;
right: 0;
top: 0;
background: rgb(1,149,159) url(images/Skew.png) top no-repeat;
transform: rotate(180deg);    
 }
 
 
  /* ARCHIVES */
  
 .post-img { height: 190px; position: relative; overflow: hidden; }
 .post-img a img { width: 100%!important; height: auto!important; }
 .post-img a:before {
 	content:"";
 	width: 100%;
 	height: 100%;
 	display: inline-block;
 	background-color: rgba(34,34,34,0.15);
 	position: absolute;
 	visibility: hidden;
 	opacity: 0;
 }
 
 .post-img a:hover:before {
 	opacity: 1;
 	visibility: visible;
 }
 
 .post-teaser { padding: 30px 0; }
 .post-teaser h2 { margin: 30px 0 15px 0!important; font-size: 20px!important; line-height: 1.2em; }
 .post-teaser p { padding: 0 10px; }
 .teaser-content { background-color:#f9f9f9; padding: 20px; margin-top: -30px; min-height: 235px; } 
 
#nav-below { float: left; width: 100%; margin-bottom: 40px; border-top: 1px solid rgba(45,40,44,0.5); padding-top: 30px; text-align: right; }

.bs-filters { margin: 3% 0%; }

.entry-content .bs-filters ul { margin-top: 0; }
.entry-content .bs-filters ul li::before { content: none!important; }
.entry-content .bs-filters ul li { margin: 0 0 11px 0; padding: 0 0 0 15px; }


.bs-filters input[type="submit"] { 
    background-color: rgb(255,255,255); 
	border: 1px solid rgb(1,149,159)!important;
	width: 110px; 
	height: 37px;
	vertical-align: middle;
	color: rgb(1,149,159)!important;
	text-transform: uppercase;
	font-size: 13px;
	border-radius: 5px!important;
}

.bs-filters select  { 
	margin: 15px 0 4px 0; 
	border: 1px solid rgb(1,149,159)!important;
	background-color: rgb(255,255,255); 
	border-radius: 5px;
	color:rgb(44,48,51)!important;
	padding: 8px 12px;
	width: 100%;
	min-width: 230px;
	height: 37px;
	font-size: 13px;
	 }



@media (min-width: 1200px) {
	.bs-filters { margin: 3% 12%; }
	.bs-filters.two-filters { margin: 3% 22%; }
	
}



/*
.beautiful-taxonomy-filters { border-bottom: none!important; }

.select2-results .select2-highlighted, .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: rgb(1,149,159)!important; }*/


/* POST GRIDS */

.vc_grid-container-wrapper { margin-top: 50px; }
.vc_gitem-zone h2 { margin: 20px 0 5px 0!important; font-size: 20px; padding: 0 20px; }
.vc_gitem-zone-mini { padding-bottom: 10px; }

.bs-post-grid .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot span, .bs-post-grid .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot span
{
    background-color: rgb(44,48,51) !important;
    border-color: rgb(44,48,51)!important;

}

.bs-post-grid .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot.active span, .bs-post-grid .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot:hover span, .bs-post-grid .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot.active span, .bs-post-grid .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot:hover span
{
    background-color: rgb(1,149,159) !important;
    border-color: rgb(1,149,159)!important;
}

@media (min-width: 992px) {
.owl-height { height: 440px!important; }
.vc_gitem-animated-block { height: 200px; }
}

.bs-post-grid .vc_gitem_row { min-height: 210px; }

.resources { margin-top: 60px; }
  

 /* CONTACT STRIP */
 
.contact-strip { 
	background-color: rgb(1,149,159);
	color: #FFF;
	text-align: center;
	padding: 60px 0;
	margin: 0; }
	
.contact-strip .wpb_content_element { margin-bottom: 0; }
.contact-strip h3 { line-height: 1.25em; font-size: 26px; margin-bottom: 25px!important;  }
.contact-strip p { margin-top: 5px; line-height: 1.7em; }

.contact-strip a { color: #FFF; }
.contact-strip a:hover { color: rgb(44,48,51); text-decoration: none; }

.contact-strip span.accent { color: rgb(44,48,51); font-weight: 400; }

@media (min-width: 768px) {
 .contact-strip { text-align: left; }
 .contact-strip .contact-link, .contact-strip h3 { text-align: right; }
 .contact-strip h3 { margin-bottom: 0px!important; }

 }
 
.contact-link a:before {    
 	font-family: "Font Awesome 5 Pro";
 	content: '\f0e0';
 	margin:0 10px 0 0; 
 }
 
 
 /* PARTNERS CAROUSEL & GALLERY */
 
 .our-partners { 
 	background: rgba(255,255,255,0.6) url(images/lined-bg.png) repeat; 
 	margin: 0;
 	min-height: 400px;
 }
 
 .our-partners h1 { margin: 60px 0 45px 0!important; }
 
 .partner-carousel .owl-item .wpb_wrapper.vc_figure {    
  	border-radius: 85px;
  	text-align: center;
  	border: 1px solid #dadada;
  	box-shadow: 2px 2px 7px #dadada;
  	background-color: #FFF;
  }
  
  .howwedo { 
  	background-color: rgb(44,48,51); 
  	padding: 60px 0 40px 0;
  }
  
  .howwedo h1 { color: #FFF; }
  .howwedo .vc_progress_bar .vc_single_bar .vc_bar { background-color: #d2d2d2; }
  .howwedo .vc_progress_bar .vc_single_bar .vc_label { font-size: 18px; }
  .howwedo .vc_label_units { font-weight: 600; }
  
  @media (min-width: 992px) {
    .howwedo .vc_progress_bar { padding: 0 200px; }
  }
  
  
.partners-gallery { margin: 70px 0!important; }

.partners-gallery img {    
   	border-radius: 85px;
   	text-align: center;
   	border: 1px solid #dadada;
   	box-shadow: 2px 2px 7px #dadada;
   	background-color: #FFF;
   	margin:0 10px 30px 0!important;
   }
  
 
 
 
 /* FOOTER ____________________________*/

/* CONTACT US */

.contact-us { 
	background-color: rgb(44,48,51); 
	color: #FFF;
	padding: 160px 0 80px 0;
	margin-top: -65px;
}

@media (max-width: 480px) {
	 .pixel-bg { background-size: 230px auto; }
	 .contact-us { padding-top: 120px; } 
	}


.contact-us h1 { font-size: 26px; line-height: 1.4em; padding: 5px 95px 0 0; margin-bottom: 40px; }
.contact-us h1 a:hover { color: #FFF; text-decoration: none; }


/* GRAVITY FORMS */

.gform_fields li { padding: 0!important; }
.gform_fields li::before { content: none!important; }
article .cf-white .gform_fields li { padding: 0!important; }
article .gform_fields li { padding: 0 0 0 30px!important; }
article .cf-white .gform_button { margin-left: 0!important; } 
article .gform_button { margin: 0 30px!important; } 

@media (min-width: 768px) {
  	article .cf-white .gform_fields li { margin-right: 0!important; }
  	article .gform_fields li { margin-right: 25px!important; } 
   }

.ginput_container input, .ginput_container textarea, .ginput_container select  { 
	margin: 4px 0 4px 0; 
	border: 1px solid rgb(1,149,159)!important;
	background-color: rgb(44,48,51); 
	border-radius: 5px;
	color:#FFF!important;
	padding: 5px 10px!important;
	width: 100%;
	font-size: 13px;
	 }
	 
.ginput_container span label { display: none!important; }

.gform_wrapper { margin: 0!important; }
.gform_wrapper label.gfield_label { font-weight: 300!important; color:rgba(255,255,255,0.8)!important; }
article .gform_wrapper label.gfield_label { color: rgb(44,48,51)!important; }
.gform_wrapper .gfield_required { color: rgb(1,149,159)!important; margin-left: 3px!important; }
.gform_wrapper textarea.large { height: 160px!important; }
	 
.gform_wrapper .gform_footer input[type="submit"]{ 
    background-color: rgb(44,48,51); 
	border: 1px solid #FFF!important;
	border-radius: 5px;
	width: 115px; 
	height: 40px;
	vertical-align: middle;
	color: #FFF!important;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 1!important;
}

.gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] { width: 115px!important; }

.gform_wrapper .gform_footer input[type="submit"]:hover { 
    border: 1px solid rgb(1,149,159)!important;
}

article .gform_wrapper .gform_footer input[type="submit"]{ 
    background-color: rgb(255,255,255); 
	border: 1px solid rgb(1,149,159)!important;
	color: rgb(44,48,51)!important;
}

article .gform_wrapper .gform_footer input[type="submit"]:hover { 
    background-color: rgb(1,149,159);
    color: #FFF!important;
}


.gform_wrapper div.validation_error, article .cf-white .gform_wrapper div.validation_error  { 
	border-top: 1px solid red!important; 
	border-bottom: 1px solid red!important; 
	margin: 15px 0 0 0!important; 
	padding: 12px!important; 
	font-size: 14px!important; 
	font-weight: 400!important;
	color: red!important;
	width: 97%!important; }
	
article .gform_wrapper div.validation_error { margin: 30px 0 0 30px!important; }

	
.gform_wrapper .validation_message { 
	font-size: 14px!important; 
	font-weight: 400!important;
	color: red!important; }
	
.gform_wrapper li.gfield.gfield_error { border: none!important; background-color: transparent!important; margin: 0!important; }

.gform_confirmation_message { font-size: 1.1em!important; font-weight: 600!important; border: 2px solid rgb(198,30,83); border-radius: 5px; padding: 15px!important; }

p.dlm-nf-download-link { margin-bottom: 50px!important; }
p.dlm-nf-download-link a { font-size: 1.1em!important; font-weight: 600!important; }
p.dlm-nf-download-link a.vc_btn3.vc_btn3-size-md:hover { background-color: rgb(1,149,159)!important; }

article .gform_confirmation_wrapper { margin: 50px 30px 0 30px!important; }


article .ginput_container input, article .ginput_container textarea, article .ginput_container select  { 
	border: 1px solid rgb(1,149,159)!important;
	background-color: rgb(255,255,255)!important; 
	color:rgb(44,48,51)!important;
	 }
	 
article .ginput_container_checkbox { float: left; width: 25px; margin: 0!important; }
article .ginput_container_checkbox ul { margin: 0!important; }

@media (max-width: 500px) {
  	article .gform_wrapper label.gfield_label { width: 315px; } 
   }

.data-security p { padding-left: 0!important; font-style: italic; }

.anchor_wrapper { position: relative!important; }
.anchor_wrapper a.gform_anchor { position: absolute; left: 0; top: -210px; }

 @media (max-width: 500px) {
 	.anchor_wrapper a.gform_anchor { top: -271px; }
  }
 
 @media (min-width: 501px) and (max-width: 767px) {
 	.anchor_wrapper a.gform_anchor { top: -243px; }
  }

@media (min-width: 768px) and (max-width: 991px) {
	.anchor_wrapper a.gform_anchor { top: -231px; }
 }

@media (min-width: 992px) {
	.anchor_wrapper a.gform_anchor { top: -210px; } 
 }


 

/* BOTTOM FOOTER */

 #footer { 
 	background-color: rgb(1,149,159); 
 	color: #FFF;
 	padding: 30px 0;
 }
 
#footer p { font-size: 14px; line-height: 1.5em; margin-bottom: 15px; }

#logo-white { 
	background: transparent url(images/Blue-Saffron-Logo-white@2x.png) center no-repeat;
	background-size: 200px;
	width: 200px;
	height: 53px;
	display: block;
	margin-bottom: 22px;
}

ul#menu-footer-menu { margin: 0 0 40px 0; list-style: none; }
#menu-footer-menu > li { padding: 0px 0 6px 0; line-height: 1em; margin: 0; }
#menu-footer-menu > li > a {
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
}

#menu-footer-menu > li > a:focus,
#menu-footer-menu > li > a:hover,
#menu-footer-menu > li.active a,
#footer ul.contact li a:hover {
text-decoration: none; 
color: rgb(44,48,51);
}

#footer ul.contact { margin: 30px 0 20px 0; }
#footer ul.contact li { display: block; font-size: 14px; font-weight: 400; padding: 2px 0 12px 0;  line-height: 1em; margin: 0;  }
#footer ul.contact li a, #footer ul.contact li span.fax { font-weight: 300; color: #FFF; text-transform: none; } 
#footer span.accent  { color: rgb(44,48,51); font-weight: 400; }

ul.social { margin: 30px 0 45px 0; list-style: none; }
ul.social li { display: inline; padding: 0; }
ul.social li a { padding: 15px 18px; background-color:rgb(44,48,51); border-radius: 30px; color: #FFF; margin-right: 5px; }
ul.social li a:hover { color: rgb(1,149,159); }

@media (min-width: 992px) {
	 #footer ul.contact { margin: 0; }
	 #footer ul.contact li { text-align: center; }
	 #menu-footer-menu > li { text-align: right; }
	 ul.social { text-align: center; }
	 #menu-footer-menu { margin-bottom: 33px; }
 }


 /* SEARCH RESULTS ______________________________*/
 
.search-results .container.results { margin-top: 40px; margin-bottom: 30px; }
.search-results header { margin-bottom: 7px; }
.search-results h2 { margin-bottom: 7px; }
.search-results .container.results article { margin: 0 0 25px 0; }

.search-results .entry-summary { line-height: 1.2em; }

.not-found .entry-content { text-align: center; padding-bottom: 60px; }
.not-found .entry-content p { margin-bottom: 40px; }
.not-found #searchform input[type="text"] { 
	border: 1px solid rgb(1,149,159); 
	padding: 12px; 
	border-radius: 5px;
	font-size: 14px;
}
	
.not-found #searchform input[type="submit"] { 
	border: 1px solid rgb(44,48,51);
	border-radius: 5px;
	color: rgb(44,48,51);
	text-transform: uppercase;
	font-size: 13px;
	padding: 12px 20px;
}

@media (min-width: 768px) {
	.not-found #searchform input[type="text"] { min-width: 280px; }
}

 /* RESOURCES BLOG ______________________________*/
 
.entry-footer { text-align: center; line-height: 1.4em; margin-bottom: 30px; font-size: 14px; }
.single-post .wpb_single_image .vc_figure { padding: 0 30px; }
.single-post h4 { font-size: 21px; font-weight: 500; color: rgb(44,48,51); margin-bottom: 35px; }

.heateor_sss_sharing_container { margin-bottom:25px; }

.bs-social-bottom .heateor_sss_sharing_ul { left:12%!important; }

/* NEW BLOG ______________________________*/
.page-id-4581 .vc_btn3-container.vc_btn3-left, .page-id-4583 .vc_btn3-container.vc_btn3-left {
	padding: 0 30px;
	margin-top: 30px;
}
.page-id-4581 .vc_btn3.vc_btn3-color-juicy-pink, .page-id-4581 .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat,
.page-id-4583 .vc_btn3.vc_btn3-color-juicy-pink, .page-id-4583 .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
	background-color: #01959f !important;
}
.page-id-4581 .vc_btn3.vc_btn3-color-juicy-pink:hover, .page-id-4581 .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover,
.page-id-4583 .vc_btn3.vc_btn3-color-juicy-pink:hover, .page-id-4583 .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover,
.page-id-4581 .vc_btn3.vc_btn3-color-juicy-pink:focus, .page-id-4581 .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus,
.page-id-4583 .vc_btn3.vc_btn3-color-juicy-pink:focus, .page-id-4583 .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus {
	background-color: #00a0af !important;
}
.page-id-4581 .vc_gitem_row .vc_gitem-col, .page-id-4583 .vc_gitem_row .vc_gitem-col {
	min-height: 320px;
}
.page-id-4581 a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-color-blue {
	display: inline-block !important;
}
.page-id-4581 .vc-gitem-zone-height-mode-auto:before, .page-id-4583 .vc-gitem-zone-height-mode-auto:before {
	padding-top: 70%;
}

/* NEW PAGES OCT 2022 ______________________________*/
.page-id-4776 #breadcrumbs {
    margin: 0 20px 20px;
}
.page-id-4776 .page-header,
.page-id-4776 .pixel-bg,
.page-id-4776 .contact-us {
    display: none;
}
.page-id-4776 #footer {
    padding: 60px 0 30px;
}
.section-heading {
    font-size: 40px !important;
    line-height: 50px !important;
    font-weight: 700 !important;
    color: #2C3033 !important;
}
.section-body {
    margin: 10px auto !important;
    padding: 0 !important;
}
.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.grey {
   color: #2C3033 !important 
}
.white {
    color: #fff !important;
}
.pixel-banner {
    display: block;
    background: transparent url(images/pixels-bg.png) top repeat-x;
    background-size: 275px auto;
    height: 175px;
    position: relative;
    top: 30px;
}