/* ------------------------------------------------------------------- */
/* Cherry #8D091D
---------------------------------------------------------------------- */
#current,
.icon-box.rounded i:after,
a.button.gray.app-link.opened,
ul.float-right li a:hover,
.menu ul li.sfHover a.sf-with-ul,
.menu ul li a:hover,
a.menu-trigger:hover,
#jPanelMenu-menu li a:hover,
.search-container button,
.upload-btn,
button,
input[type="button"],
input[type="submit"],
a.button,
.upload-btn:hover,
#titlebar.photo-bg a.button.white:hover,
a.button.dark:hover,
#backtotop a:hover,
.mfp-close:hover,
.tabs-nav li.active a,
.ui-accordion .ui-accordion-header-active:hover,
.ui-accordion .ui-accordion-header-active,
.highlight.color,
 .plan.color-2 .plan-price,
.plan.color-2 a.button,
.tp-leftarrow:hover,
.tp-rightarrow:hover,
.pagination ul li a.current-page,
.pagination .current,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover,
.infobox,
.hover-icon,
.comment-by a.reply:hover,
.chosen-container .chosen-results li.highlighted,
.chosen-container-multi .chosen-choices li.search-choice,
.list-search button,
.checkboxes input[type=checkbox]:checked + label:before 
{ background-color: #8D091D; }



a,
table td.title a:hover,
.icon-box.rounded i,
table.manage-table td.action a:hover,
#breadcrumbs ul li a:hover,
#titlebar span.icons a:hover,
.counter-box i,
.counter,
#popular-categories li a i,
.list-1 li:before,
.dropcap,
.resume-titlebar span a:hover i,
.resumes-list-content h4,
.job-overview ul li i,
.company-info span a:hover,
.infobox a:hover,
.meta-tags span a:hover,
.widget-text h5 a:hover,
.app-content .info span ,
.app-content .info ul li a:hover
{ color: #8D091D; }

.icon-box.rounded i {
	border-color: #8D091D;
}

ul.job-list{ list-style: none}
.resumes-list li a:before,
.job-list li a:before,
table.manage-table tr:before {
	-webkit-box-shadow: 0px 1px 0px 0px rgba(145, 25, 56,0.7);
	-moz-box-shadow: 0px 1px 0px 0px rgba(145, 25, 56,0.7);
	box-shadow: 0px 1px 0px 0px rgba(145, 25, 56,0.7);
}

#popular-categories li a:before {
	-webkit-box-shadow: 0px 0px 0px 1px rgba(145, 25, 56,0.7);
	-moz-box-shadow: 0px 0px 0px 1px rgba(145, 25, 56,0.7);
	box-shadow: 0px 0px 0px 1px rgba(145, 25, 56,0.7);
}

table.manage-table tr:hover td,
.resumes-list li:hover,
.job-list li:hover { border-color: rgba(145, 25, 56,0.7); }

table.manage-table tr:hover td,
.resumes-list li:hover,
.job-list li:hover,
/*#popular-categories li a:hover { background-color: rgba(70, 74, 79,0.7); }*/


.resumes-list li:hover,
.job-list li:hover { border-color: #8D091D !important; }

.resumes-list li.highlighted a:after,
.resumes-list li a:after,
.job-list li.highlighted a:after,
.job-list li a:after { background-color: #8D091D !important }
.grid { 
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-gap: 21px;
  align-items: stretch;
  }
.grid img {
  border: 1px solid #ccc;
   -webkit-filter: grayscale(0);
  filter: none;
 /* box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3); */
  max-width: 100%;
}
.grid img:hover {
  border: 1px solid #8D091D;
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  
 /* box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3); */
  max-width: 100%;
}
.content h1 { font-size:20px; color:#900; line-height:36px}

/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.section img {
  border: 1px solid #ccc;
   -webkit-filter: grayscale(0);
  filter: none;
 /* box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3); */
  max-width: 100%;
}
.section img:hover {
  border: 1px solid #8D091D;
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  
 /* box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3); */
  max-width: 100%;
}
/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}
/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
}