/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.4.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

.navbar-default .navbar-nav > .active > a{
	color: #809398 !important;
}

.background-img-7 {
  background: url("../images/grey_bar/Home Page trans-bar background image.jpg") 50% 0px no-repeat;
}

.background-img-12 {
  background: url("../images/architecture/Header-connorgroup.jpg") 50% 70% no-repeat;
}

.background-img-1 {
  background: url("../images/architecture/Features-Benefits background pic.jpg") 50% 0px no-repeat;
}

.background-img-1001 {
  background: url("../images/company_profile/trans-bckgd. image PRODUCTS.jpg") 50% 0px no-repeat;
}

.background-img-1002 {
  background: url("../images/contact_us/ContactUs-newsletter-bckgd. image.jpg") 50% 0px no-repeat;
}

.background-img-1003 {
  background: url("../images/construction/Construction-header.jpg") 50% 20% no-repeat;
}

.background-img-1004 {
  background: url("../images/gatorply/gatorply - header.jpg") 50% 20% no-repeat;
}

.custom_icon {
    left: auto;
    right: 0px;
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 0px;
    display: inline-block;
    text-align: center;
    background-color: inherit;
    color: #000000;
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 58px;
    border-radius: 5px;
    border: 1px solid transparent;
}

.feature-box-2.right .custom_icon {
  left: auto;
  right: 0px;
}

.feature-box-2 .custom_icon {
	position: absolute;
	top: 0px;
	left: 0px;
}
.large_white {
	font-family: Raleway, sans-serif;
	box-sizing: border-box;
	font-weight: 500;
  	line-height: 1.1;
  	margin-top: 20px;
	font-size: 40px;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 1px solid white;
}
.large_white_subtext {
	font-family: Univers, sans-serif;
	box-sizing: border-box;
	font-weight: normal;
  	line-height: 1.1;
  	margin-bottom: 10px;
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 25px !important;
	padding-bottom: 10px;
	color:white;
}

.mb-25 {
	margin-bottom: 25px !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}

.right_float {
	float: right;
}

.greenicon {
	color:green;
}

.redicon {
	color:red;
}
/* ******************************************************* */
/* GDPR footer	*/
/* ******************************************************* */
#cookie_bar {
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	flex-direction: row;
	position: fixed;
	overflow: hidden;
	box-sizing: border-box;
	font-family: Helvetica,Calibri,Arial,sans-serif;
	line-height: 1.5em;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	z-index: 9999;
	opacity: 1;
	transition: opacity 1s ease;
	font-size: 11.9px;
	color: white;
	background-color: #fff8f4;
	border-color: #3c323b;
	padding-top: 20px; /* 1.0em; */
	width: 100%;
}
#cookie_bar a {
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#cookie_bar a:hover, #cookie_bar a:focus {
	color: white;
	text-decoration: none;
	background: none !important;
}
/* Landscape phones and down */
@media (max-width: 480px) {
	#cookie_bar .col-sm-2, #cookie_bar .col-sm-3 {
		float: left !important;
		width: 100%;
		text-align: center;
		margin-bottom: 1em !important;
	}
	#cookie_bar div.ccm-multilingual-switch-language-flags a, #cookie_bar div.ccm-multilingual-switch-language-flags-label {
		float: none;
	}
	.nav-tabs.style-4 > li.active > a {
		border-top-left-radius: 13px !important;
	    border-top-right-radius: 13px !important;
	}
	.dropdown-backdrop {
		z-index:1 !important;
	}
	.show_on_desktop {
		display: none !important;
	}
	.show_on_mobile {
		display: inherit !important;
	}
	.dropdown_for_mobile_social {
		margin-top: -20px !important;
	}
}
.show_on_mobile {
	display: none;
}
.show_on_desktop {
	display: inherit;
}


	
/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) {
	#cookie_bar .col-sm-2, #cookie_bar .col-sm-3 {
		float: left !important;
		width: 50% !important;
		text-align: center;
		margin-bottom: 1em !important;
	}
}



.btn.btn-primary.btn-sm.gd_prod_color_match {
		padding-top: 5px;
		padding-bottom: 5px;
	}

.btn.btn-primary.btn-sm.gd_prod_color_match:hover {
	background-color: #92bbde;
}	
	
	.dropdown.gd_drop > a:before {
		font-family: 'FontAwesome';
		content: "\f107";
		position: absolute;
		top: 9px;
		left: auto;
		right: 4px;
		line-height: 1;
		color: #d1d1d1;
		font-size: 14px;
	}

// ADDED BU JOSH 2/21/20 for GD CART CHECKOUT
#status_bar {
	width: 100%;
	position: fixed;
	top: -45px;
	z-index: 60;
}
#status_bar_status {
	width: 1170px;
	max-width: 100%;
	background-color: #5e9398;
	height: 27px;
	text-align: center;
	margin: 0 auto 0 auto;
	color: white;
	font-weight: normal;
	cursor: pointer;
}
#status_bar_checkout {
	padding: 0px;
	width: 1170px;
	max-width: 100%;
	background-color: #0A2286;
	height: 27px;
	text-align: center;
	margin: 0 auto 0 auto;
	color: black;
	font-weight: bold;
	cursor: pointer;
	border: 2px solid black;
	border-top: 0px none;
}
@media (max-width: 1200px) {
	#status_bar_checkout {
		display: none;
		width: 940px;
		font-size: 12px;
		color: black;
		font-weight: normal;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 979px) {
	#status_bar_checkout {
		font-size: 12px;
		color: black;
		font-weight: normal;
	}

}
@media (max-width: 767px) {
	#status_bar_checkout {
		margin-left: -20px;
		margin-right: -20px;
	}
}


div.checkout_step {
	display: inline-block;
	background-color: #eee;
	height: 19px;
	min-height: 27px !important;
	background-image: url('/images/checkout-step-bg0.png');
	background-position: left top;
	background-repeat: no-repeat;
	float: left !important;
	color: #ccc;
	cursor: auto;
}
div.checkout_step.enabled {
	color: black;
	cursor: pointer;
}
div.checkout_step.complete  {
	background-color: #5e9398;
	cursor: pointer;
	float: left !important;
}
div.checkout_step.complete + div.checkout_step:not(.complete) {
	background-image: url('/images/checkout-step-bg1.png');
	cursor: pointer;
	float: left !important;
}
div.checkout_step.complete + div.checkout_step.complete {
	background-color: #5e9398;
	background-image: url('/images/checkout-step-bg2.png');
	cursor: pointer;
	float: left !important;
}
div.checkout_step.leftmost {
	background-image: none;
}
.no-space [class*="span"]{
  margin-left: 0 !important;
  width: 25% !important; // This is for 4 elements ONLY in the row
}
button.next, input.sample_submit {
	float: right;
	padding: 1em;
	font-weight: bold;
}
button.prev {
	float: left; 
	padding: 1em;
	font-weight: bold;
}

@media (max-width: 500px) {
	.checkout_nav_buttons_inner {
		text-align: center;
	}
	button.next, input.sample_submit {
		margin: 0 auto;
		float: none;
	}
	button.prev {
		margin: 0 auto;
		float: none;
		margin-bottom: 1em; 
	}
}
@media (max-width: 767px) {
	.shipping_label_confirmation {
		padding-right: 0;
		text-align: left;
		float: none;
		font-weight: bold;
	}
	.shipping_label_confirmation + span {
		float: none;
	}
}
.checkout_nav_buttons {
	border: 1px solid #0A2286;
	background-color: #0A2286; 
	clear: both;
	width: 99%;
	display: inline-block;
	position: relative;
}
.checkout_nav_buttons_inner {
	padding: 2em;
	min-height: 40px;
}
.shipping_label_confirmation {
	width: 100%;
	padding-right: 1em;
	text-align: right;
	float: left;
}
.shipping_label_confirmation + div span {
	float: left;
}


.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
    background: #337ab7 !important;
}
.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
    background: #74AAD8 !important;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
    background: #337ab7 !important;
}

.btn:focus {
	color: white;
	outline: 0;
}

.header-top-dropdown .dropdown-menu:not(.noshrink), .dropdown-menu:not(.noshrink) {
	min-width: 0 !important;
}
header.header {
	min-height: 80px;
}
header.header.animated {
	min-height: 48px;
}


/* checkboxes on distributor search */
.checkbox-other input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
	color: black;
}
.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {
	outline: 0 !important;
}
.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
	color: white;
}


@media (max-width: 991px) {
	@media (min-width: 768px) {
		.navbar-default .navbar-nav > li > a {
			padding-top: 5px;
			padding-bottom: 3px;
		}
		.dropdown > a:before {
			top: 9px;
		}
	}
}

@media (min-width: 991px) {
	.main-navigation .navbar-nav > li {
		margin-left: 0;
	}
}

.dropdown-menu.cart {
	width: 300px;
}
@media (max-width: 600px) {
	.dropdown-menu.cart {
		z-index: 1000;
		left: 10px;
		top: 22px;
		width: 280px;
	}
}

.hero_overlap {
	margin-top: -2.5em;
	padding-top: 2.5em;
	padding-bottom: 1.5rem;
	background-color: white;
	margin-bottom: 3rem;
	filter: drop-shadow(10px 10px 20px #6e6e6e);
}

.box-title {
	background-color: #d6d1ca;
    margin-top: -.95em;
    margin-left: -1em;
    display: table;
    padding: .2em 1em;
    font-size: 1.5em;
}

@media (max-width: 420px) {
	.sample_finish_box {
		width: 100%;
	}
}

.checkbox_area div.row div {
	padding-bottom: 1em;
	padding-left: 1.2em;
}

span.fa.fa-check {
	margin-left: -1.2em;
}

.special-color-check {
	color: #5b7e95;
}

.btn-white-transparent {
  color: white;
  background-color: transparent;
  border-color: white;
}
.btn-white-transparent:hover,
.btn-white-transparent:focus,
.btn-white-transparent:active {
  color: #F7A400;
  background-color: white;
  border-color: #F7A400;
}

.lighten-up-that-dark1:after {
	background-color: rgba(0, 0, 0, 0.1) !important;
}
.lighten-up-that-dark2:after {
	background-color: rgba(0, 0, 0, 0.3) !important;
}

.dark-translucent-bg.lighten-up-that-dark1 .separator:after {
    background: rgba(255, 255, 255, 1) !important;
}
.center-wings {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 65px;
	width: 65px;
	top: -33px;
	position: relative;
}

.orange-bg {
	background-color: #eba921;
	h1, h2, h3, h4, h5, h6 {
		color: white;
	}
	a.btn {
		background-color: #373737;
		border-color: #373737;
	}
}