.resource_header {
	font-weight: 400;
	letter-spacing: 6px;
	font-family: montserrat, sans-serif;
	color: #5f5f5f;
	text-transform: uppercase;
	margin-top: 12rem;
}


/* Media Resource Tabs */
#resource_tabs.nav-tabs {
	display: inline-block;
	text-align: center;
	border: unset;
	padding: 0px;
	text-decoration: none;
}
#resource_tabs .nav-item { display: inline-block;}


#resource_tabs .nav-link {
	border: none;
	text-align: center;
	padding-top: 5rem;
	background-color: unset;
	background-repeat: no-repeat;
	background-position: top center;
	color: unset;
	width: 140px;
}
#resource_tabs .nav-link:hover {
	color: unset;
}
#resource_tab_content .tab-pane {
	background: -webkit-gradient(linear, center top, center 380px, from(#E7E7E7),color-stop(100%, #FFFFFF));
	background: -webkit-linear-gradient(top,#E7E7E7 ,#FFFFFF 380px);
	background: linear-gradient(to bottom,#E7E7E7 ,#FFFFFF 380px);
	text-align: center;
}
#resource_tab_content .tab-pane .section_content {
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgba(255,255,255,1) 100%);
}

.active .arrow_indicator {
	border-left: 1.5rem solid transparent;
	border-right: 1.5rem solid transparent;
	border-top: 1.5rem solid #ffffff;
	width: 0;
	height: 0;
	position: relative;
	bottom: -23px;
	margin-left: auto;
	margin-right: auto;
}



#logos_tab { background-image: url("/images/icons/logo.png"); }
#logos_tab.active,
#logos_tab:hover { background-image: url("/images/icons/logo-ro.png"); }

#photography_tab { background-image: url("/images/icons/camera.png"); }
#photography_tab.active,
#photography_tab:hover { background-image: url("/images/icons/camera-ro.png"); }

#literature_tab { background-image: url("/images/icons/literature.png"); }
#literature_tab.active,
#literature_tab:hover { background-image: url("/images/icons/literature-ro.png"); }


/* Media Resource Content */
.content_item {
	display: inline-block;
	width: 150px;
}
.content_item a,
.content_item a:hover {
	text-decoration: none;
	color: unset;
}
.content_item .resource_img {
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
}
.content_item .logo_img { height: 70px; }

.content_item .photo_img { height: 175px; }
.content_item .phot_text {
	position: relative;
	top: -20px;
}

#junipersystems_logo_icon { background-image: url("/images/logos/juniper2.png"); }
#junipersystems_logo_icon:hover { background-image: url("/images/logos/juniper-ro.png"); }

#harvestmaster_logo_icon { background-image: url("/images/logos/hm.png"); }
#harvestmaster_logo_icon:hover { background-image: url("/images/logos/hm-ro.png"); }

#cedartree_logo_icon { background-image: url("/images/logos/cedar2.png"); }
#cedartree_logo_icon:hover { background-image: url("/images/logos/cedar-ro.png"); }

#archer3_logo_icon { background-image: url("/images/logos/Archer 3 Logo Gray.png"); }
#archer3_logo_icon:hover { background-image: url("/images/logos/Archer 3 Black.png"); }

#archer2_logo_icon { background-image: url("/images/logos/archer-2.png"); }
#archer2_logo_icon:hover { background-image: url("/images/logos/archer-2-ro.png"); }

#allegro3_logo_icon { background-image: url("/images/logos/Allegro 3 Logo Gray.png"); }
#allegro3_logo_icon:hover { background-image: url("/images/logos/Allegro 3 Black.png"); }

#allegro2_logo_icon { background-image: url("/images/logos/allegro-2.png"); }
#allegro2_logo_icon:hover { background-image: url("/images/logos/allegro-2-ro.png"); }

/*#mesa_logo_icon { background-image: url("/images/logos/mesa-logo.png"); }
#mesa_logo_icon:hover { background-image: url("/images/logos/mesa-logo.png"); }*/

#mesa_logo_icon { background-image: url("/images/logos/mesa.png"); }
#mesa_logo_icon:hover { background-image: url("/images/logos/mesa-ro.png"); }

#mesa2_logo_icon { background-image: url("/images/logos/mesa-2.png"); }
#mesa2_logo_icon:hover { background-image: url("/images/logos/mesa-2-ro.png"); }

#mesa3_logo_icon {
	background-image: url("/images/logos/mesa-3-logo.png");
	background-size: 85%;
	background-position: center;
	opacity: .5;
}
#mesa3_logo_icon:hover { opacity: 1; }

#geode_logo_icon { background-image: url("/images/logos/geode2.png"); }
#geode_logo_icon:hover { background-image: url("/images/logos/geode-ro.png"); }

#ct8_logo_icon { background-image: url("/images/logos/CT8 Gray.png"); }
#ct8_logo_icon:hover { background-image: url("/images/logos/CT8 Black.png"); }

#ct7g_logo_icon { background-image: url("/images/logos/ct7g2.png"); }
#ct7g_logo_icon:hover { background-image: url("/images/logos/ct7g-ro.png"); }

#cp3_logo_icon { background-image: url("/images/logos/CP3 Gray.png"); }
#cp3_logo_icon:hover { background-image: url("/images/logos/CP3 Black.png"); }

#ct5_logo_icon { background-image: url("/images/logos/ct52.png"); }
#ct5_logo_icon:hover { background-image: url("/images/logos/ct5-ro.png"); }

#snowgage_logo_icon { background-image: url("/images/logos/snowgage2.png"); }
#snowgage_logo_icon:hover { background-image: url("/images/logos/snowgage-ro.png"); }

#emberequine_logo_icon { background-image: url("/images/logos/Ember Gray.png"); }
#emberequine_logo_icon:hover { background-image: url("/images/logos/Ember Black.png"); }

#juniperaspect_logo_icon { background-image: url("/images/logos/juniperaspect2.png"); }
#juniperaspect_logo_icon:hover { background-image: url("/images/logos/juniperaspect-ro.png"); }



#allegro_3_photography_icon { background-image: url("/images/icons/products/Icons_Support_104x178_Allegro3_Gray.png"); }
#allegro_3_photography_icon:hover { background-image: url("/images/icons/products/Icons_Support_104x178_Allegro3.png"); }

#allegro_2_photography_icon { background-image: url("/images/icons/products/Icons_Support_104x178_Allegro2_Gray.png"); }
#allegro_2_photography_icon:hover { background-image: url("/images/icons/products/Icons_Support_104x178_Allegro2.png"); }

#mesa_3_photography_icon { background-image: url("/images/icons/products/Icons_Support_104x178_Mesa3_Gray.png"); }
#mesa_3_photography_icon:hover { background-image: url("/images/icons/products/Icons_Support_104x178_Mesa3.png"); }

#mesa_2_photography_icon { background-image: url("/images/icons/products/Icons_Support_104x178_Mesa2_Gray.png"); }
#mesa_2_photography_icon:hover { background-image: url("/images/icons/products/Icons_Support_104x178_Mesa2.png"); }

#archer_3_photography_icon { background-image: url("/images/icons/products/Icons_Support_104x178_Archer3_Gray.png"); }
#archer_3_photography_icon:hover { background-image: url("/images/icons/products/Icons_Support_104x178_Archer3.png"); }

#archer_2_photography_icon { background-image: url("/images/icons/products/Icons_Support_104x178_Archer2_gray.png"); }
#archer_2_photography_icon:hover { background-image: url("/images/icons/products/Icons_Support_104x178_Archer2.png"); }

#mesa_photography_icon { background-image: url("/images/logos/mesa2.png"); }
#mesa_photography_icon:hover { background-image: url("/images/logos/mesa-ro2.png"); }

#geode_photography_icon { background-image: url("/images/icons/products/Icons_Support_104x178_Geode_Gray.png"); }
#geode_photography_icon:hover { background-image: url("/images/icons/products/Icons_Support_104x178_Geode.png"); }

#cp3_photography_icon { background-image: url("/images/icons/products/Icons_Support_104x178_CP3_gray.png"); }
#cp3_photography_icon:hover { background-image: url("/images/icons/products/Icons_Support_104x178_CP3.png"); }

#ct5_photography_icon { background-image: url("/images/logos/ct53.png"); }
#ct5_photography_icon:hover { background-image: url("/images/logos/ct5-ro2.png"); }

#ct7g_photography_icon { background-image: url("/images/logos/ct7g3.png"); }
#ct7g_photography_icon:hover { background-image: url("/images/logos/ct7g-ro2.png"); }

#ct8_photography_icon { background-image: url("/images/icons/products/Icons_Support_104x178_CT8_gray.png"); }
#ct8_photography_icon:hover { background-image: url("/images/icons/products/Icons_Support_104x178_CT8.png"); }

#juniper_aspect_photography_icon { background-image: url("/images/logos/juniper-aspect.png"); }
#juniper_aspect_photography_icon:hover { background-image: url("/images/logos/juniper-aspect-ro.png"); }





/*------------------------------------------------------------------------------------------------*\
| xs breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (max-width: 575px) {
	.resource_header {
		line-height: 44px;
		font-size: 36px;
	}

	#resource_tabs .nav-link {
		font-size: 10px;
		line-height: 12px;
		width: 80px;
		padding: 4rem 0px .5rem;
		background-size: 55px;
	}

	#photography_content .content_item { width: 125px; }
	#literature_content .download_icons { margin-bottom: 1rem; }
}




/*------------------------------------------------------------------------------------------------*\
| sm breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 576px) and (max-width: 767px) {
	.resource_header {
		line-height: 44px;
		font-size: 37px;
	}
}



/*------------------------------------------------------------------------------------------------*\
| md breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
	.resource_header {
		line-height: 58px;
		font-size: 48px;
	}

	#resource_tabs .nav-link { margin: 0 1.5rem;	}

	.content_item {	margin: 0 1rem;	}
}



/*------------------------------------------------------------------------------------------------*\
| lg breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
	.resource_header {
		line-height: 62px;
		font-size: 52px;
}

	#resource_tabs .nav-link { margin: 0 3rem;	}

	.content_item {	margin: 0 2rem;	}
}



/*------------------------------------------------------------------------------------------------*\
| xl breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
	.resource_header {
		line-height: 62px;
		font-size: 52px;
	}

	#resource_tabs .nav-link { margin: 0 3rem;	}

	.content_item {	margin: 0 2rem;	}
}