/*
 Theme Name:   supplierDirectory
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Neve Child Theme
 Author:       Griffin Web Design
 Author URI:   http://griffinwebdesign.co.uk
 Template:     neve
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  nevechild
*/



.flexBox
{
	display: -webkit-flex; /* NEW */
	display: flex;
	-webkit-flex-wrap: wrap; /* NEW */
	flex-wrap: wrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	margin:0px ;	
}
.flexBox.centered
{	justify-content:center;	-webkit-justify-content:center;	}

ul.flexBox li
{	display:inline-block; list-style: none; 	}

ul.flexBox li img { width:100%; height: auto; }

.oneColumn, .flexBox.cols1 li
{	width:100%; position:relative; padding:0px;	}
.twoColumn, .flexBox.cols2 li
{	width:50%; position:relative; padding:0px;	}
.threeColumn, .ecs-event, .flexBox.cols3 li
{	width:33.3%;  position:relative; padding:0px;	}
.fourColumn, .flexBox.cols4 li
{	width:25%;  position:relative;	padding:0px;}
.fiveColumn,  .flexBox.cols5 li
{	width:20%; position:relative; padding:0px;	}


footer .widget-title {padding-bottom:10px !important; margin-bottom: 20px !important; font-weight: 600;    font-size: 1.25em;	}
footer .footer-top .widget-title { border-bottom:1px solid #fff; 	}
footer .footer-bottom-inner .widget-title  { border-bottom:1px solid #063345; 	}

.header-bottom { border-top:1px solid #efefef; }

.header-main-inner .row {align-items: flex-start !important;	}

img.homeLogo {width: 100% !important; max-width:  400px !important; padding: 35px 0px 35px 0px !important; }

.header-main-inner .builder-item { margin: 0px !important; }

.builder-item--logo .site-logo {
		position: absolute;
		top: 0px;
		left: 10px;
		background-color: #ffffff;
		border:2px solid #efefef;
		width: 230px;
		padding: 38px 15px 15px 15px !important;
		border-radius: 0px 0px 20px 20px;
		z-index: 10;
	}
	.site-logo .brand {
		display: block !important;
		width: 100%;
	}
	.builder-item--logo .site-logo img {
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
	}
header {  border-bottom:1px solid #efefef;}

#topBar { background:#26afe6; color:#fff; padding:10px 0px; margin-bottom: 0px; }

#topBar a, .nv-html-content a {  color:#fff !important; font-size: 17px !important; font-weight: bold; }

#topBar img , .nv-html-content img { width:24px; vertical-align: middle; margin-top: -2px; margin-right: 4px; }
#social img { margin-left:3px; margin-right: 0px; }

#social { float: right; }


.cover-post { background-size: contain !important; background-repeat: no-repeat; }


.jw_easy_slider_name { font-size: 1.25em; color:#1faee5; }

.single-post-container, .page-template-default .single-page-container, .archive-container { padding-top:80px !important; }

.nv-meta-list { display: none; }

.SignPosts
{	display: flex; flex-wrap: wrap; align-items: stretch;}

.SignPosts .col2 { width:100% !important;	}
	
.col2 h3.main-cat {
  background-image:url('images/chamfer-left.svg');
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	min-height:40px;
	padding:10px 20px 10px 40px;
	vertical-align: middle;
	text-align: right;
}
			
.col2 h3.main-cat a { display:block; color: #fff !important; }
			

.directory .col2 h2 { font-size: 14px; line-height:1.2em;	}
.directory .col2 h2 a { font-size: 18px; line-height:1.2em;	}
	

.col2:nth-child(1) h3.main-cat,  .col2:nth-child(17) h3.main-cat,  .col2:nth-child(33) h3.main-cat, .turq{ background-color:#79C3D2; }
.col2:nth-child(2) h3.main-cat,  .col2:nth-child(18) h3.main-cat,  .col2:nth-child(34) h3.main-cat, .turq2{ background-color:#60AFBD; }
.col2:nth-child(3) h3.main-cat,  .col2:nth-child(19) h3.main-cat,  .col2:nth-child(35) h3.main-cat, .teal{ background-color:rgb(71,155,168);}
.col2:nth-child(4) h3.main-cat,  .col2:nth-child(20) h3.main-cat,  .col2:nth-child(36) h3.main-cat, .teal2{ background-color:#60AE89; }
.col2:nth-child(5) h3.main-cat,  .col2:nth-child(21) h3.main-cat,  .col2:nth-child(37) h3.main-cat, .green{ background-color:rgb(121,192,105);}
.col2:nth-child(6) h3.main-cat, .col2:nth-child(22) h3.main-cat,  .col2:nth-child(38) h3.main-cat,.green2{ background-color:#90C751; }
.col2:nth-child(7) h3.main-cat,  .col2:nth-child(23) h3.main-cat,  .col2:nth-child(39) h3.main-cat, .lime{ background-color:rgb(167,206,57);}
.col2:nth-child(8) h3.main-cat,  .col2:nth-child(24) h3.main-cat,  .col2:nth-child(40) h3.main-cat, .lime2{ background-color:#CCC62A; }
	
.col2:nth-child(9) h3.main-cat,  .col2:nth-child(25) h3.main-cat,  .col2:nth-child(41) h3.main-cat, .yellow{ background-color:#F0BE1A;}
.col2:nth-child(10) h3.main-cat,  .col2:nth-child(26) h3.main-cat,  .col2:nth-child(42) h3.main-cat, .yellow2{ background-color:#EFA424;}
.col2:nth-child(11) h3.main-cat,  .col2:nth-child(27) h3.main-cat,  .col2:nth-child(43) h3.main-cat, .orange{ background-color:rgb(238,138,46);}
.col2:nth-child(12) h3.main-cat,  .col2:nth-child(28) h3.main-cat,  .col2:nth-child(44) h3.main-cat, .orange2{ background-color:#EA7967; }
.col2:nth-child(13) h3.main-cat,  .col2:nth-child(29) h3.main-cat,  .col2:nth-child(45) h3.main-cat,.pink{ background-color:rgb(229,104,159);}
.col2:nth-child(14) h3.main-cat,  .col2:nth-child(30) h3.main-cat,  .col2:nth-child(46) h3.main-cat, .pink2{ background-color:#C2559B; }
.col2:nth-child(15) h3.main-cat,  .col2:nth-child(31) h3.main-cat,  .col2:nth-child(47) h3.main-cat, .purple{ background-color:rgb(159,65,151);}
.col2:nth-child(16) h3.main-cat,  .col2:nth-child(32) h3.main-cat,   .col2:nth-child(48) h3.main-cat, .purple2{ background-color:#8C82B4; }	


.col2 h3.main-cat {
  background-image:url('images/chamfer-right.svg');
	background-position: right center;
	padding:10px 40px 10px 20px;
	text-align: left;
}

.divider {clear: both; overflow: hidden; margin: 1.5em 0; border: none; text-indent: 100%; white-space: nowrap;}
.d1 {
    height: 0;
    border-top: 1px solid #e5e5e5;
}
.columns 
{
    display: flex;
	flex-wrap: wrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.social ul, ul.social {
    overflow: hidden;
    margin: 10px 0;
	padding: 0px !important;
}
.social ul li, ul.social li{
    display: inline-block;
    margin: 0 0 0 5px;
    list-style: none;
    width: 24px;
    height: 24px;
}

.social ul li a, ul.social li a {
    background-image: url(../multipurpose/images/icons@2x.png);
    background-size: 632px 54px;
}

.social ul li a, ul.social li a, .share.social a {
    display: inline-block;
    overflow: hidden;
    width: 24px;
    height: 24px;
    background: url("../multipurpose/images/icons.png");
    text-indent: -500em;
    opacity: 0.3;
}

.social a.email {background-position: 0 0;}
.social a.facebook {background-position: -32px 0;}
.social a.twitter {background-position: -64px 0;}
.social a.pinterest {background-position: -96px 0;}
.social a.rss {background-position: -128px 0;}
.social a.linkedin {background-position: -160px 0;}
.social a.flickr {background-position: -192px 0;}
.social a.vimeo {background-position: -224px 0;}
.social a.blogger {background-position: -256px 0;}
.social a.tumblr {background-position: -288px 0;}
.social a.skype {background-position: -320px 0;}
.social a.behance {background-position: -352px 0;}
.social a.googleplus {background-position: -384px 0;}
.social a.youtube {background-position: -416px 0;}
.social a.dribble {background-position: -448px 0;}
.social a.instagram {background-position: -480px 0;}
.social a.picasa {background-position: -512px 0;}
.social a.github {background-position: -544px 0;}
.social a.stumbleupon {background-position: -576px 0;}
.social a.lastfm {background-position: -608px 0;}

.reviews
{ margin: 50px 0px;	}

.nv-post-thumbnail-wrap
{
    width: 100%;
    padding-bottom: 100%;
    height: 0px;
    position: relative;
	border: 1px solid #efefef;
	box-sizing: border-box;
	text-align: center;
}

.nv-post-thumbnail-wrap img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.article-content-col .content { border: 0px;	}

.nv-thumb-wrap { text-align: center;	}


@media (min-width: 576px)
{
	.tablet-right, .mobile-right {
		text-align: right;
		min-height: 200px;
		padding-top: 150px;
		background: url('/wp-content/uploads/2021/04/disabled-living-logo.jpg') no-repeat;
		background-position: right 10px top 20px;
		background-size: 270px auto;
	}
	
	.col2 {width: 50%;}
	.col3 {width: 33.334%;}
	.col4 {width: 25%;}
	.col5 {width: 20%;}
	.col6 {width: 16.667%;}
	.col23 {width: 66.667%;}
	.col34 {width: 75%;}
}

@media (max-width: 575px)
{	

}
@media (min-width: 800px)
{
	.SignPosts .col2 { width:50% !important;	}
	
	.col2:nth-child(1) h3.main-cat,  .col2:nth-child(18) h3.main-cat,  .col2:nth-child(33) h3.main-cat, .turq{ background-color:#79C3D2; }
.col2:nth-child(3) h3.main-cat,  .col2:nth-child(20) h3.main-cat,  .col2:nth-child(35) h3.main-cat, .turq2{ background-color:#60AFBD; }
.col2:nth-child(2) h3.main-cat,  .col2:nth-child(17) h3.main-cat,  .col2:nth-child(34) h3.main-cat, .yellow{ background-color:#F0BE1A;}
.col2:nth-child(4) h3.main-cat,  .col2:nth-child(19) h3.main-cat,  .col2:nth-child(36) h3.main-cat, .yellow2{ background-color:#EFA424;}
.col2:nth-child(5) h3.main-cat,  .col2:nth-child(22) h3.main-cat,  .col2:nth-child(37) h3.main-cat, .teal{ background-color:rgb(71,155,168);}
.col2:nth-child(7) h3.main-cat,  .col2:nth-child(24) h3.main-cat,  .col2:nth-child(39) h3.main-cat, .teal2{ background-color:#60AE89; }
.col2:nth-child(6) h3.main-cat,  .col2:nth-child(21) h3.main-cat,  .col2:nth-child(38) h3.main-cat, .orange{ background-color:rgb(238,138,46);}
.col2:nth-child(8) h3.main-cat,  .col2:nth-child(23) h3.main-cat,  .col2:nth-child(40) h3.main-cat, .orange2{ background-color:#EA7967; }
.col2:nth-child(9) h3.main-cat,  .col2:nth-child(26) h3.main-cat,  .col2:nth-child(41) h3.main-cat, .green{ background-color:rgb(121,192,105);}
.col2:nth-child(11) h3.main-cat, .col2:nth-child(28) h3.main-cat,  .col2:nth-child(43) h3.main-cat,.green2{ background-color:#90C751; }
.col2:nth-child(10) h3.main-cat,  .col2:nth-child(25) h3.main-cat,  .col2:nth-child(42) h3.main-cat,.pink{ background-color:rgb(229,104,159);}
.col2:nth-child(12) h3.main-cat,  .col2:nth-child(27) h3.main-cat,  .col2:nth-child(44) h3.main-cat, .pink2{ background-color:#C2559B; }
.col2:nth-child(13) h3.main-cat,  .col2:nth-child(30) h3.main-cat,  .col2:nth-child(45) h3.main-cat, .lime{ background-color:rgb(167,206,57);}
.col2:nth-child(15) h3.main-cat,  .col2:nth-child(32) h3.main-cat,  .col2:nth-child(47) h3.main-cat, .lime2{ background-color:#CCC62A; }
.col2:nth-child(14) h3.main-cat,  .col2:nth-child(29) h3.main-cat,  .col2:nth-child(46) h3.main-cat, .purple{ background-color:rgb(159,65,151);}
.col2:nth-child(16) h3.main-cat,  .col2:nth-child(31) h3.main-cat,   .col2:nth-child(48) h3.main-cat, .purple2{ background-color:#8C82B4; }
	

	.col2:nth-child(odd) h3.main-cat {
  background-image:url('images/chamfer-left.svg');
	background-position: left center;
	padding:10px 20px 10px 40px;
	text-align: right;
}
	
.col2:nth-child(odd) p.subcats {
  padding-right:10px; text-align: right;
}
.col2:nth-child(even) p.subcats {
  padding-left:10px;
}
	
}
@media (min-width: 1020px)
{
	
	
}	

@media (max-width: 1350px)
{
	
	.elementor-section-boxed , .entry-header, .nv-index-posts, .entry-content { padding-left:10px !important; padding-right:10px !important; }
	.elementor-section-boxed .elementor-section-boxed , .elementor-section-boxed .entry-header  { padding-left:0px !important;  padding-right:0px !important;  }
	
	.footer-bottom-inner .container { padding-left: 20px !important ; padding-right: 20px !important;	 }
}
@media (min-width: 769px)
{
	.selector1 { order:1;	}
	.selector2 { order:2;	}
	.selector3 { order:3;	}
	.selector4 { order:4;	}
	.selector5 { order:5;	}
	.Content1 { order:6;	}
	.Content2 { order:7;	}
	.Content3 { order:8;	}
	.Content4 { order:9;	}
	.Content5 { order:10;	}
	

	
}
@media (max-width: 768px)
{
	.builder-item--logo .site-logo {
		width: 220px;
	}

	
}

@media (max-width: 575px)
{
	.hidden-phone { display: none; }
	.builder-item--logo .site-logo {
		padding-top:20px !important;
		width:150px;
	}
	
	
	.single-post-container #comments, #wpdcom {
    max-width: 1500px !important;
   
}
	
	
.mobile-right {
		text-align: right;
		min-height: 120px;
		padding-top: 80px;
		background: url('/wp-content/uploads/2021/04/disabled-living-logo.jpg') no-repeat;
		background-position: right 10px top 20px;
		background-size: 170px auto;
	}
	
}
