/*
	Theme Name: Retail Reload
	Theme URI: http://azoom.rockthemes.net
	Author: Jeremy Taylor
	Author URI: https://rawkinetics.com
	Description: The azoom derivative
	Version: 1.3
	Template: azoom
*/


/* =Azoom Child Theme Customization Starts Here

You can copy/paste all of the Azoom Styles you wanted to override here.
-------------------------------------------------------------- */

/* ======================
COLORS
=========================

orange: #ef5c00
grey: #a2a2a2
teal: #31d1cb
navy: #152940;

*/

/* ======================
GLOBAL
=======================*/
#nav ul.rtm-menu > li.azoom-ajax-search-menu-item a {
	display: none;
}

/* ======================
TYPE
=======================*/

.unique-grid-light-fonts h1 {
	color: #fff !important;
}
.unique-grid-light-fonts .azoom-heading-details {
	color: #bdc1c3;
}
h1.azoom-heading {
	font-size: 58px !important;
}
h2.azoom-heading {
	font-size: 48px !important;
}
.azoom-heading span {
	font-weight: 400 !important;
}
.azoom-heading-details {
	font-size: 22px !important;
}


/* ======================
HOME
=======================*/
#home-hero h1.azoom-heading {
	font-size: 68px !important;
}

#home-hero .azoom-heading-details {
	font-size: 24px !important;
}

#home-four .row > .large-3:nth-child(3) .p1  {
	letter-spacing: -.02rem;
}

#home-four .fa-calculator {
	font-size: 24px;
}

#home-four .boxed-layout i {
	color: #ef5c00;
	font-size: 2.4rem;
}
#home-recharge .azoom-heading span {
	display: block;
	color: #fff !important;
}

#home-news-stripe {
	background: rgba(86,204,200,.34) !important;
	border-top: 1px solid #fff;
	border-bottom: 1px solid rgba(86, 204, 200, 0.58);
}

#home-news-stripe .news-button.button.small {
	margin: 0 !important;
	margin-left: 1rem !important;
	padding: 4px 1rem !important;
	color: #152940 !important;
}

#home-news-stripe p {
	color: #152940 !important;
}

#home-global-partner {
	border-bottom: 1px solid #e0e0e0;
}

#home-global-partner .bg-image-overlay {
	min-height: auto !important;
}

#home-global-partner .flickthat img.gallery-cell-image {
	max-height: 180px;
	width: auto;
/*	max-width: 350px;*/
	background: rgba(255,255,255,.4);
	border-radius: 2px;
	margin: .2rem 1rem;
}
#home-global-partner .flickity-viewport {
	margin: 0 2rem;
}



/*home tabs*/
#rock-tabs-1 li span {
	font-size: 19px;
}
.rock-tabs-container.tab-left .rock-tabs-header-container {
	padding: 0;
	background: #f9f9f9;
}
.rock-tabs-container.tab-left .rock-tabs-content-container {
	background: #fff;
}
.rock-tabs-container.tab-left .rock-tabs-header-container .rock-tab-header {
	text-align: center;
}
.rock-tabs-container .rock-tab-header-icon {
	display: block;
	margin-bottom: .4rem;
	text-align: center;
	width: 100%;
	line-height: 20px;
}

#home-rfid-benefits strong {
	color: #56ccc8;
	font-size: 26px !important;
	line-height: 1 !important;
}
#home-rfid-benefits .pur strong {
	color: #838ab7 !important;
}
#home-rfid-benefits .lav strong {
	color: #b2a4c1 !important;
}
#home-rfid-benefits .blu strong {
	color: #99bbca !important;
}
#home-rfid-benefits .reap-statement strong {
	line-height: 1;
}

#home-customers img {
	max-height: 200px !important;
	width: auto;
	padding: 0 2rem;
}
#home-customers .flickity-viewport {
	margin: 0 2rem;
}

/* ======================
SOLUTIONS
=======================*/
.solution-bit {
	color: #fff !important;
	font-size: 3.6rem;
}
/*.solution-bit.final {
	color: #ef5c00 !important;
}*/

#solution-stat #rockthemes-achievement-0.rock-achievement .achievement-number:after {
	content:'%';
}
#solution-stat #rockthemes-achievement-1.rock-achievement .achievement-number:after {
	content:'x';
}
#solution-stat #rockthemes-achievement-2.rock-achievement .achievement-number:after {
	content:':';
}
#solution-stat h3 {
	font-size: 2rem !important;
}

#solution-api h2 {
	font-size: 48px !important;
}
/*#solution-api .solution-diagram-wrap:before {
	content:'Scroll It!';
	position: absolute;
	color: #aaa;
	top: -1.6rem;
	left: 1.4rem;
}*/
#solution-api .solution-diagram-wrap .instrux {
	display: inline-block;
	position: absolute;
	top: -28px;
	left: 15px;
	margin-bottom: 0;
	padding: 1px 1rem 0px;
	background: #bababa;
/*	z-index: -3;*/
	color: #fff;
	border-radius: 3px 3px 0 0;
}
#solution-api .solution-diagram-wrap {
	overflow-x: scroll;
	max-width: 100%;
	border: 1px solid #ccc;
	padding: 1rem;
	border-radius: 4px;
}
#solution-api .solution-diagram-wrap img {
	max-width: none;
	height: 480px;
}

#solution-store hr {
	margin: 18px 0 !important;
}
#solution-store h4 {
	margin-bottom: .3rem !important;
	margin-top: 2.4rem !important;
}
#solution-unified .boxed-layout {
	border-bottom: 2px solid #31d1cb !important;
}
#solution-unified .boxed-layout img {
	height: 80px;
	width: auto;
	opacity: .68;
}
#solution-unified .rock-iconictext-header-title h3 {
	font-size: 2.4rem !important;
	color: #ef5b01 !important;
}
#solution-unified .rock-iconictext-content b {
	color: #c74a00 !important;
}
#solution-unified .rock-iconictext-content p:first-child {
	text-align: center !important;
}
#solution-roi .rock-iconictext-container {
	margin-bottom: 1rem;
}
#solution-roi img {
	max-width: 100px;
}
#solution-roi .row:last-child > .large-4 {
	/*border-left: 1px solid #fff;*/
}


/*jennyfer / undiz / etam / lunette*/


/* ======================
OFFER
=======================*/
#offer-hero p.offer-bit { font-size: 4rem;
}
#offer-hero p.offer-bit.final {
	color: #ef5c00 !important;
	font-style: italic;
	font-weight: 600;
}

#offer-saas .grande {
	text-align: center;
	font-size: 2.8rem;
	background: rgba(244,119,33,.6);
	color: #fff;
	padding: 0 1rem;
	display: inline-block;
}

#offer-saas .instrux {
	font-size: .9rem;
	color: #787878;
}

#offer-pilot .diagram-wrap:before {
	/*content:'Scroll It!';*/
	position: absolute;
	color: #999;
	top: 2.6rem;
	left: 1.4rem;
}
#offer-pilot .diagram-wrap {
	overflow-x: scroll;
	max-width: 100%;
	border: 1px solid #ccc;
	padding: 1rem;
	border-radius: 4px;
	background: #f8f8f8;
}
#offer-pilot .diagram-wrap .diagram-instrux {
	display: inline-block;
	position: absolute;
	top: -28px;
	left: 15px;
	margin-bottom: 0;
	padding: 1px 1rem 6px;
	background: #bababa;
	z-index: -3;
	color: #fff;
	border-radius: 3px 3px 0 0;
}
#offer-pilot .diagram-wrap img {
	max-width: none;
	height: 580px;
}

#rfid-journey .row:not(:first-child) .azoom-heading-wrapper {
	margin-bottom: 20px;
	margin-top: 38px;
}
#rfid-journey .row:nth-child(2) h3 {
	color: #56ccc8 !important;
	border: 1px solid #676;
	text-align: center;
	display: block;
	padding: 1rem 2rem;
	line-height: 1.4;
	background: #152940;
	font-size: 1.6rem !important;
}

#rfid-journey .row:nth-child(2) h3:hover {
	background: #f00;
}

#rfid-journey .row:nth-child(2) .azoom-heading-inline {
	width: 100%;
}

#rfid-journey .row:nth-child(3) > .columns {
	position: relative;
}

#rfid-journey .row:nth-child(3) > .columns > .arrow-right {
  border-left: 36px solid #263c52;
	right: -20px !important;
	top: 136px !important;
	position: absolute;
  width: 0; 
  height: 0; 
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
	z-index: 9;
}

#rfid-journey .azoom-text-details p:last-child {
	color: #56ccc8;
}

#rfid-journey .boxed-layout {
	border: 1px solid #394450;
	background: none;
	border-bottom: none !important;
	height: 100px !important;
}

#rfid-journey .boxed-layout h3 {
	font-size: 1.2rem;
	text-align: center;
	color: #bac7d4 !important;
}
#rfid-journey .journey {
	text-align: center;
	text-transform: uppercase;
}
#rfid-journey .row:nth-child(2) {
}
#rfid-journey .rock-toggles-container .rock-toggle-header {
	text-align: center;
	font-size: 1.68rem;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
	color: #152940;
	background: #6b7988;
}
#rfid-journey .rock-toggles-container .active .rock-toggle-header {
	font-weight: bold;
	color: #fff !important;
	background: #56ccc8;
}
#rfid-journey .rock-toggles-container .rock-toggle-header .main-toggle-icon {
	font-size: 1.48rem;
}
#rfid-journey .rock-toggle-content p {
	color: #aaa;
}
#rfid-journey .offer-figure {
	opacity: .6;
	max-width: 64%;
}
#rfid-journey .journey p:first-child {
	text-transform: none;
	font-size: 3.2rem;
	line-height: 1;
	margin-bottom: .25rem;
	margin-top: 1.4rem;
	color: #ef5c00;
}
#rfid-journey .jactive h3 {
	background: #374e67 !important;
}
#offer-partners .azoom-heading-wrapper {
	margin-bottom: 40px !important;
}
#offer-partners .azoom-single-image {
	background: #fff;
	padding: 1rem 1rem;
	text-align: center;
	margin-bottom: 1rem;
	height: 123px;
	border-radius: 4px;
}
#offer-partners .azoom-single-image img {
	max-height: 100%;
	margin: 0 auto;
	max-width: 90%;
}

/* ======================
ABOUT US
=======================*/
#about-team .team-member-article .main-color {
  color: #152940 !important;
}
#about-team .team-member-article .padding .member-b {
  color: #31d1cb !important;
}
#about-team .team-member-article .img {
	max-width: 88% !important;
}


/* ======================
CUSTOMERS
=======================*/
#customers-delivering > .row .large-3 {
	text-align: center;
}
#customers-delivering > .row .large-3 p {
	/*line-height: 2;*/
}
#customers-delivering .azoom-single-image {
	height: 160px;
}
#customers-delivering .azoom-single-image:after {
	display: block;
	clear: both;
	content: ' ';
}
#customers-delivering .azoom-single-image img {
	height: 200px;
	max-width: 90%;
}
#customers-delivering .azoom-text-details p {
	color: #ef5c00 !important;
}
#customers-videos h3 {
	color: #fff !important;
	margin-bottom: 1rem !important;
	padding-top: 1rem !important;
}

/* ======================
CONTACT
=======================*/
#contact-form .rockthemes-form-builder .rockthemes_fb_element_container label {
	font-size: 15px !important;
}
#contact-form #rfb_radio_button-0 {
	padding: 1rem;
	background: #fff;
  color: #b9c1ca;
}
#contact-form .rockthemes-form-builder strong.rockthemes-fb-field-header-title {
  font-size: 18px !important;
  font-weight: normal;
}

#contact-form li {
	width: 100%;
	padding: .8rem;
}
#eur-form {
	/*border: 1px solid #f00;*/
}
#usa-form {
	/*border: 1px solid #0f0;*/
}
.region-button {
	display: block;
	padding: 1rem;
	border: 1px solid #ccc
}
.region-button.active {
	background: #ddd;
	border: 1px solid #bbb
}


/* ======================
UTIL
=======================*/
/*.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 36px solid #263c52;
	position: absolute;
	right: -51px;
	color: #152a40 !important;
	bottom: -34px;
	z-index: 9;
}
*/
.grey-box {
	background: #ccc;
	border: 1px solid #aaa;
	height: 300px;
	text-align: center;
	color: #888;
	padding: 6rem;
}
.larger {
	font-size: 1.4rem;
}
.big-body {
	font-size: 20px !important;
}

.orange {
	color: #ef5c00 !important;
}

.mbtwo {
	margin-bottom: 2rem;
}

/* ======================
FOOTER
=======================*/
.footer-bottom {
	border-top: 1px solid #9c4d09;
}
.footer-bottom > .row {
	border-top: none;
}
.footer-large .widget .social-list {
	list-style: none;
}
.footer-large .widget .social-list li {
	display: inline-block;
	padding: 1rem;
}
.footer-large .widget .social-list i {
	font-size: 1.6rem;
}

.footer-large .widget .country {
	max-width: 48px;
	float: right;
	position: relative;
	top: -8px;
	opacity: .333;
}

.footer-large .widget > h3, .footer-large .widget > .widget-title {
	float: left;
	display: inline-block;
}
.footer-large .widget > h3:after, .footer-large .widget > h3.widget-title {
	height: 60px;
	width: 60px;
	/*float: right;*/
	background: #f00;
	display: inline-block;
}
.footer-large h3.widget-title:after {
	height: 60px;
	width: 60px;
	float: right;
	background: #f00;
	display: block;
}


/*.footer-large .widget .social-list a:not(.escapea):not(.button) i {
	color: #f00;
}*/



/*=================================
 * COMPONENTS
 * ==============================*/
.flickity-prev-next-button.next {
	right: -20px;
}
.flickity-prev-next-button.previous {
	left: -20px;
}
.flickthat img.gallery-cell-image {
	/*max-width: 200px !important;*/
}
.flickthat .button:not(.escape_button_style), button:not(.escape_button_style) {
	padding: 32px 18px;
	/* background: #56ccc8 !important;*/
	background: none !important;
	/*color: #fff !important;*/
}
.flickthat img.gallery-cell-image {
	padding: 2rem;
}

/* global-contact */
.global-contact {
	position: fixed;
	bottom: 30px;
	left: 30px;
	background: #000;
}
.global-contact i {
	padding: .4rem;
}

/* team member whats in it homepage */
.team-member-article {
	text-align: center;
}

.team-member-article .padding .member-b {
	color: #fff !important;
}

#home-whats-in-it .padding {
	background: #152940;
}
#home-whats-in-it #team-members-1 img {
	max-width: 110px;
	opacity: .26;
}


/*======================================
MEDIA QUERIES
======================================*/
@media screen and (max-width: 40em) {
	#home-recharge #rock-tabs-1 {
		max-width: 95%;
		margin: 0 auto;
	}
	#home-recharge .rock-tabs-container.tab-left .rock-tabs-header-container {
		padding-right: 0;
	}
	.rock-tabs-container.tab-left .rock-tabs-content-container {
		background: rgba(255,255,255,.68);
	}

	#home-hero .static-bg-mask-class {
		background-position: 44% 50% !important;
	}
	#home-global-partner .static-bg-mask-class {
		background-position: 51% 50% !important;
	}
	#solution-hero .static-bg-mask-class {
		background-position: 50% 50% !important;
	}
	#offer-hero .static-bg-mask-class {
		background-position: 80% 50% !important;
	}
	#about-hero .static-bg-mask-class {
		background-position: 60% 50% !important;
	}
	#customer-hero .static-bg-mask-class {
		background-position: 70% 50% !important;
	}

}

/*medium up
 * ---------------------*/
@media screen and (min-width: 40em) {

	h1.azoom-heading {
		font-size: 74px !important;
	}

	h2.azoom-heading {
		font-size: 58px !important;
	}

	.rock-tabs-container .rock-tab-header-icon {
		display: block;
		margin-bottom: .48rem;
		text-align: center;
		width: 100%;
		line-height: 30px;
		font-size: 1.6rem;
	}

	 /*contact form(s)*/ 
	#contact-form li {
		width: 50%;
		float: left;
	}

	.region-button {
	}
}
	/* end medium */



/*large up
 * ---------------------*/
@media screen and (min-width: 64em) {


}
/* end large-up */
