/*===================================================================================*/
/*  Bridger -- Shopping Cart Default Styles.
/*  Copyright 2018. All Rights Reserved, Our City Group Corporation.
/*
/* Default Colors           #CB4335
/* Default Colors (hover)   #B03A2E
/*===================================================================================*/

.ThemeLink-Holder {
	display:block;
	text-align:right;
}
a.ThemeLink:link, a.ThemeLink:active, a.ThemeLink:visited {
	color:rgb(118, 70, 255) !important;
}
a.ThemeLink:hover, a.ThemeLink:focus {
	color:#B03A2E !important;
}
.SpecialPagePadding {
	padding-top:60px;
}
.DefaultColor {
    color:#CB4335 !important;
}
.DefaultColor:hover {
    color:#B03A2E !important;
}
.DefaultColor-Link {
    color:#CB4335 !important;
}
.DefaultColor-Link:hover {
    color:#B03A2E !important;
}
.BlackBtn {
	border-color:#000000 !important;
	color:#000000 !important;
}
.BlackBtn:hover {
	border-color:#000000 !important;
	color:#FFFFFF !important;
	background-color:#000000 !important;
}
.AcctDropdown {
	display:block;
	padding-top:13px;
}
.Transition, 
.Transition:hover {
	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.GreenCheck {
	color:#D5F5E3 !important;
}


a.BreadCrumbLink:link, a.BreadCrumbLink:active, a.BreadCrumbLink:visited {
	font-size:16px;
}
a.BreadCrumbLink:hover, a.BreadCrumbLink:focus {
	color:#B03A2E !important;
}

.GrayLink, 
.GreyLink {
  color:#797979 !important;
}




.SpecialCardPhone {
	width:auto !important;
}

.radio-toolbar input[type="radio"] {
  display: none;
}

.radio-toolbar label {
  display: inline-block;
  background-color: #ddd;
  padding: 4px 11px;
  font-family: Arial;
  font-size: 16px;
  cursor: pointer;
}

.radio-toolbar input[type="radio"]:checked+label {
  background-color: #bbb;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .page-item.active .page-link {
  background: #CB4335;
  border-color: #CB4335;
}


@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

@media (min-width: 420px) {
  .show-only-phone {
    display:none;
  }
  .show-only-desktop {
    display:block;
  }
}
@media (max-width: 420px) {
  	.hide-phone {
    	display: none !important;
  	}
    .show-only-phone {
      display:block;
    }
    .show-only-desktop {
      display:none;
    }
  	.Cart-Position-Holder {
    	display:block;
  	}
  	.AcctDropdown {
	    position:absolute;
	    top:10px;
	    right:10px;
  	}
  	.Card__Card-Number, 
  	.Card__Card-Details {
	  	display:block;
	  	border:1px solid red;
	    font-size:14px !important;
  	}
  	.col-xs-9 {
  		border:1px solid yellow;
  	}
  	.SpecialCardPhone {
  		width:50% !important;
  	}
    .MobileNav {
      margin-top:-75px;
    }
}