/* vim: set ts=1 sw=1 sts=1 et: */
/*
+----------------------------------------------------------------------+
| Stylesheet for WordPress Derived Pages                               |
+----------------------------------------------------------------------+
| Manuel Mangrobang - 2018/05/04                                       |
+----------------------------------------------------------------------+
*/


/*--------------------------- Globals --------------------------------*/

.paper-bg {
	padding-top: 1.5em;
	background: #ffffff;
}
.h3_wp, .team-h3, .event-title h3 {
	font-family: 'Crimson Text', serif;
	font-style: italic;
	color: #114f9a;
}
.wp_color {
	color: #114f9a;
}
/*--------------------------- Standard Page --------------------------------*/

.text-bg {
	background: #ffffff;
}
.text-area {
	background: #ffffff;
	border-right: 1px solid #366296;
	border-left: 1px solid #366296;
	padding: 5em 2em;
}
.h2underline {
	padding-left: 10px;
	border-bottom: 1px solid #366296;
	line-height: 56px;
	margin-bottom: 10px;
	padding-top: 0.375rem;
}
.product-lines-padding {
	padding: 2em 0;
	width: 960px;
}
span.edit-link {
	position: absolute;
	left: 0;
}
.clear {
	clear: both;
}
/*--------------------------- Tables --------------------------------*/

#showInfo {
	margin: auto;
	text-align: left;
	border-collapse: collapse;
	width: 100%;
}
#showInfo th {
	font-weight: bold;
	font-size: 1.3em;
	padding: 5px 6px;
	background: #355f90; /* heading bg */
	border-bottom: 1px solid #ffffff;
	color: #ffffff; /* heading font color */
	text-align: center;
	line-height: 1.5rem;
}
#showInfo td {
	font-size: 1em;
	padding: 5px;
	border-bottom: 1px solid #355f90;
	color: #355f90; /* table font color, non-link */
	border-top: 1px solid;
}
#showInfo A {
	font-size: 1em;
	font-weight: bold;
	color: #355f90; /* link font color */
	text-decoration: underline;
}
#showInfo A:hover {
	color: #829ebf; /* link font color, hover */
}
#repInfo {
	margin: auto;
	text-align: left;
	border-collapse: collapse;
	width: 100%;
}
#repInfo th {
	font-weight: bold;
	font-size: 1.2em;
	padding: 8px 6px;
	background: #355f90; /* heading bg */
	color: #ffffff; /* heading font color *//* text-align: center; */
}
#repInfo td {
	font-size: 1rem;
	padding: 5px;
	border-bottom: 1px solid #355f90;
	color: #355f90; /* table font color, non-link */
	border-top: 1px solid;
	line-height: unset;
}
#repInfo A {
	font-size: 1em;
	font-weight: bold;
	color: #355f90; /* link font color */
	text-decoration: underline;
}
#repInfo A:hover {
	color: #829ebf; /* link font color, hover */
}
.reps {
	font-weight: bold;
}
td.show_cell {
	vertical-align: middle;
}

/*--------------------------- Mobile Versions of the Tables ---------------------------*/

@media only screen and (max-width: 768px) {
/*--- Shows List ---*/
/* Force table to not be like tables anymore */

#showInfo, thead, tbody, th, td, tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */

#showInfo thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#showInfo tr {
	border-bottom: 1px solid #ccc;
	width: 100%;
}
#showInfo td {
	/* Behave  like a "row" */
	border: none;
	padding-left: 35%
}
#showInfo tr:nth-of-type(odd) {
	background: #eee;
}
#showInfo td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	/* top: 6px; */
	left: 30px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}
/*
Label the data
*/

#showInfo td:nth-of-type(1):before {
	content: "Show";
}
#showInfo td:nth-of-type(2):before {
	content: "Date";
}
#showInfo td:nth-of-type(3):before {
	content: "Location";
}
#showInfo td:nth-of-type(4):before {
	content: "Representative";
}
#showInfo td:nth-of-type(5):before {
	content: "Showroom";
}
/*--- Rep List ---*/
/* Force table to not be like tables anymore */

#repInfo, thead, tbody, th, td, tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */

#repInfo thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#repInfo tr {
	border-bottom: 1px solid #ccc;
	width: 100%;
}
#repInfo td {
	/* Behave  like a "row" */
	border: none;
}
#repInfo tr:nth-of-type(odd) {
	background: #eee;
}
#repInfo A {
	line-height: 1.5em;
}
}

/*--- This is for smartphones ---*/
@media only screen and (max-width: 64rem) {
/*--- Shows List ---*/
/* Force table to not be like tables anymore */

#showInfo, thead, tbody, th, td, tr {
	display: block;
	font-size: 2em;
}
#showInfo {
	display: none;
}
/* Hide table headers (but not display: none;, for accessibility) */

#showInfo thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#showInfo tr {
	border-bottom: 1px solid #ccc;
	width: 100%;
}
#showInfo td {
	/* Behave  like a "row" */
	border: none;
	padding-left: 35%
}
#showInfo tr:nth-of-type(odd) {
	background: #eee;
}
#showInfo td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	/* top: 6px; */
	left: 30px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-size: 1.5em;
}
/*
Label the data
*/

#showInfo td:nth-of-type(1):before {
	content: "Show";
}
#showInfo td:nth-of-type(2):before {
	content: "Date";
}
#showInfo td:nth-of-type(3):before {
	content: "Location";
}
#showInfo td:nth-of-type(4):before {
	content: "Representative";
}
#showInfo td:nth-of-type(5):before {
	content: "Showroom";
}
/*--- Rep List ---*/
/* Force table to not be like tables anymore */

#repInfo, thead, tbody, th, td, tr {
	display: inline-grid;
	font-size: 2em;
}
/* Hide table headers (but not display: none;, for accessibility) */

#repInfo thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#repInfo tr {
	border-bottom: 1px solid #ccc;
	width: 100%;
}
#repInfo td {
	/* Behave  like a "row" */
	border: none;
}
#repInfo tr:nth-of-type(odd) {
	background: #eee;
}
}

/* For smaller smartphones */
@media only screen and (max-width: 359px) {
#repInfo td {
	font-size: 1.6em;
}
#showInfo td {
	font-size: 1.5em;
}
#showInfo td:before {
	font-size: 1em;
}
}
/*--------------------------- Store Locator ---------------------------*/





input[type="submit"].slp_ui_button {
	background-color: #008cba;
	border: none;
	color: #ffffff;
	-webkit-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-radius: 3px;
}
input[type="submit"].slp_ui_button:hover {
	background-color: #007095;
}
.storelocatorlink {
	color: #365f8d;
}
#addressInput {
	margin: 0 0 1.45rem 0;
}
#addy_in_address {
	vertical-align: middle;
}
#addy_in_radius {
	vertical-align: middle;
}
#searchForm {
	text-align: center;
}
#radiusSelect {
	width: 100px;
	/*margin-left: 20px;*/
	/*margin-right: 20px;*/
	margin: 0 20px 1.4rem;
}
#map {
	margin-bottom: 10px; /* originally 30px */
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
/* controls the size text box in the bubble */
#sl_info_bubble {
	width: 230px;
	height: 97px;
}
#address_search {
}

@media only screen and (max-width: 480px) {
#map {
	display: none;
}
/* This only works if the css in put into the plugin's own custom CSS stylesheet. */

.results_wrapper {
}
#sl_info_bubble {
	font-size: 2em;
	width: 460px;
	height: 194px;
}
#address_search {
	font-size: 2em;
}
#addy_in_address {
	font-size: 1.5em;
	vertical-align: bottom;
}
#addressInput {
	height: 50px;
	font-size: 0.5em;
	/*padding: 10px;*/
	width: 300px;
	margin: 1rem 0 1rem 0;
}
#radiusSelect {
	height: 30px;
	font-size: 1em;
	width: 200px;
	display: none;
}
.online-stores {
	font-size: .8em;
}
}
/* links to online stores */

.online-stores {
	text-align: center;
	background-color: #366296;
	width: 95%;
	height: 44px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.store-heading, .store-link {
	float: left;
	width: 50%;
}
.store-heading {
	color: #ffffff;
	font-weight: bold;
}
a.store-link {
	font-size: 1em;
	font-weight: bold;
	color: #deecfd; /* link font color */
	text-decoration: underline;
}
a.store-link:hover {
	color: #91bdef; /* link font color, hover */
}
span#slp_bubble_phone .location_detail_label {
	margin-right: 10px;
}

@media only screen and (max-width: 480px) {
/* Search */
#searchForm input[type="submit"] {
	font-size: initial;
}
#searchForm LABEL {
	display: none;
}
/* Results */
div.results_entry {
	font-size: unset;
}
#map_sidebar .results_wrapper span.slp_result_directions {
	display: none;
}
}
#map_sidebar .results_wrapper span {
	display: block;
}
#map_sidebar .results_wrapper span.location_name {
	font-weight: bold;
}

/* This is for screens larger than mobile devices */
/* If the other way, code becomes cumbersome */
@media only screen and (min-width: 481px) {
#map_sidebar .results_wrapper .results_row_right_column {
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
}
}

@media only screen and (max-width: 480px) {
#map_sidebar .results_wrapper {
}
#map_sidebar .results_wrapper div.results_row_right_column {
	float: unset;
	position: unset;
	text-align: unset;
	right: unset;
	top: unset;
}
}
/*--------------------------- Meet the Team page ---------------------------*/

.team-left {
	float: left;
	width: 27%;
}
.team-right {
	float: right;
	width: 73%;
	height: 220px;
}

@media only screen and (max-width: 64rem) {
/*-- elements in the main team page --*/

.triple {
	max-width: 500px; /* controls the ultimate width of the images */
	font-size: 2em;
	margin-left: auto;
	margin-right: auto;
}
/*-- elements in the individual team member page --*/


/* image */

.team-left {
	margin-left: auto;
	margin-right: auto;
	float: none;
	margin-top: 1em;
	width: inherit;
}
.team-img {
	width: 15em;/*	max-width:none; */
}
/*-- individual team member page --*/

.team-img2 {
	width: 12.5em;/*	max-width:none; */
}
/* text */

.team-right {
	margin-left: auto;
	margin-right: auto;
	float: none;
	width: inherit;
	height: inherit;
	margin-top: 1em;
	font-size: 2em;
}
.team-return {
	font-size: 1.25em;
}
.mobile-space {
	display: none;
}
}
/*-- elements in the main team page --*/
.container {
	position: relative; /*width: 960px;*/
	margin: 0 auto;
	padding: 0;
}
.container .one-third.column {
	width: 33%;
}
.container .column {
	float: left;
	display: inline;/*margin-left: 10px;*//*margin-right: 10px;*/
}

@media only screen and (max-width: 40rem) {
.container {
	width: inherit;
}
.container .one-third.column {
	margin-left: auto;
	margin-right: auto;
	float: none;
	display: inherit;
	width: inherit;
}
.container .one-third.column-mobile {
	margin-left: auto;
	margin-right: auto;
	float: none;
	display: inherit;
	width: inherit;
}
.container .one-third.column.desktop {
	display: none;
}
.container .columns {
	float: none;
}
}

@media only screen and (min-width:481px) {
.container .one-third.column-mobile {
	display: none;
}
}
.triple a {
	display: block;
}
.triple {
	text-align: center;
	opacity: .85;
	/*max-width: 280px;*/
	margin-bottom: 2rem;
}
.triple p {
	color: #666;
	font-weight: 300;
}
.triple:hover {
	opacity: 10;
}

@media only screen and (max-width: 960px) {
.triple {
	/*padding: 2em 0;*/
	margin-left: auto;
	margin-right: auto;
}
}
.triple-home a {
	display: block;
}
.triple-home {
	text-align: center;
	opacity: .85;
	max-width: 280px;
	margin-bottom: 50px;
}
.triple-home p {
	color: #666;
	font-weight: 300;
}
.triple-home:hover {
	opacity: 10;
}

@media only screen and (max-width: 960px) {
.triple-home {
	padding: 2em 0;
}
}

@media only screen and (max-width: 480px) {
.triple-home {
	max-width: 500px; /* controls the ultimate width of the images */
	font-size: 2em;
}
.product_img {
	width: 300px;
}
.logo_img {
	width: 500px;
}
}
/*--------------------------- Show Specials ---------------------------*/

.special_header {
	color: #114f9a;
	font-size: 2em;
	font-family: 'Crimson Text', serif;
	font-style: italic;
}
/* Originally for the show specials page */
.img-left {
	float: left;
	width: 24%;
}
.txt-right {
	float: right;
	width: 76%;
}
.superscript {
	vertical-align: super;
	font-size: 0.7em;
}
.specials {
	font-size: 1.2em;
}

/*--------------------------- App Link ---------------------------*/

/* Will only show in mobile devices */
@media only screen and (min-width: 1025px) {
.app-links {
	display: none;
}
}

/* For Tablets */

/* @media only screen and (max-width: 768px) { */ /* This only works for portrait mode */
@media only screen and (max-width: 1024px) { /* This includes landscape mode */
.app-links {
	position: absolute;
	right: 15px;
	top: 17px;
}
.app-logo {
	width: 280px;
}
}

/* For Phones */
@media only screen and (max-width: 480px) {
.app-links {
	position: absolute;
	right: 280px;
	top: 45px;
}
.app-logo {
	width: 350px;
}
}
/*--------------------------- Showroom Images ---------------------------*/

.showroom_images {
	width: 300px;
	height: auto;
}
/* Override */
.slb_content {
	width: 700px !important;
	height: auto !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
	display: none;
}
/*--------------------------- Normal Stuff ---------------------------*/

a.links {
	color: #114f9a;
	text-decoration: underline;
	font-weight: bold;
	outline: none;
}
a.links:hover {
	color: #022f65;
}
a.links:active, a.links:focus {
	color: #829ebf;
}
/*--------------------------- File Uploader ---------------------------*/

.formpadding {
	color: #185296;
}
div#filelist_1.file_filelist {
	width: 400px;
}
div#wordpress_file_upload_block_1 div.file_div_clean {
	margin-bottom: 5px;
}
div#userdata_1_0.file_userdata_container, div#userdata_1_1.file_userdata_container, div#userdata_1_2.file_userdata_container, div#userdata_1_3.file_userdata_container, div#userdata_1_4.file_userdata_container {
/* margin-bottom: 30px; */
}
div#userdata_1_3.file_userdata_container {
}
label#userdata_1_label_0.file_userdata_label, label#userdata_1_label_1.file_userdata_label, label#userdata_1_label_2.file_userdata_label, label#userdata_1_label_3.file_userdata_label, label#userdata_1_label_4.file_userdata_label {
	width: 50%;
	color: #185296;
}
label#userdata_1_label_0.file_userdata_label:after, label#userdata_1_label_1.file_userdata_label:after, label#userdata_1_label_2.file_userdata_label:after, label#userdata_1_label_3.file_userdata_label:after {
	color: #ff0000;
	font-weight: bold;
	font-size: 1.3em;
}
input#userdata_1_field_0, input#userdata_1_field_1, input#userdata_1_field_2, input#userdata_1_field_3, input#userdata_1_field_4 {
	height: 60%;
	width: 97%;
}
.uploadtkerning {
	letter-spacing: -7px;
}
.file_div_clean span.file_title_clean {
	font-weight: bold;
	font-size: 1.1em;
	color: #185296;
}
.accepted_files {
	margin-top: 18px;
}
div#filelist_1_totalprogress.file_filelist_totalprogress_div {
	border-bottom: 1px solid #366296 !important;
	display: none;
}
div#filelist_1_list_div.file_filelist_list_div {
	border-top: 1px solid #366296;
}
div.file_filelist_file_div_with_remove .file_filelist_file_table {
	margin-top: 3px;
}
label.file_userdata_label {
	height: 3rem;
}
.file_userdata_container div.file_userdata_fieldwrapper, .file_userdata_container div.file_userdata_fieldwrapper_required, .file_userdata_container div.file_userdata_fieldwrapper_required_empty {
	height: 3rem;
}

/*--------------------------- Printing ---------------------------*/

@media print {
.container .one-third.column-mobile, .app-links {
	display: none;
}
}
/*--------------------------- Calendar ---------------------------*/

/* Event List CSS - START */
/* Changing Order - START */
.event-title h3 {
	font-size: 1.4rem;
}
.startdate, .enddate {
	display: flex;
	flex-flow: column;
}
.event-weekday {
	order: 1;
}
.event-day {
	order: 3;
}
.event-month {
	order: 2;
}
.event-year {
	order: 4;
}
div.startdate .event-month, div.enddate .event-month {
	padding: unset;
}
div.startdate .event-day, div.enddate .event-day {
	font-size: 1.6em;
	padding: 0.2em 0;
	margin-bottom: unset;
}
/* Changing order - END */

div.event-list .multi-date {
	background: url(http://www.angelstar.com/wp-content/uploads/2017/03/date-separator.png) center no-repeat;
	color: #114f9a;
	font-weight: bold;
}
div.event-list .enddate {
	margin-left: 4.2em;
}
.event-content {
	float: right;
	width: 68%;
}
.event-content a {
	font-size: 1em;
	font-weight: bold;
	color: #355f90; /* link font color */
	text-decoration: underline;
}
.event-content a:hover {
	font-size: 1em;
	font-weight: bold;
	color: #829ebf; /* link font color, hover */
	text-decoration: underline;
}
.multi-day .event-content {
	font-size: 1em;
}
ul.event-list-view li.event {
	margin-bottom: 2em;
}
.event-title {
	float: left;
	width: 28%;
	text-align: left;
	font-size: 0.8em;
	margin-left: 20px;
}
.showInfo {
	text-align: left;
	width: 100%;
	margin-left: 20px;
}
.showLocation {
	float: left;
	width: 50%;
}
.showRoom {
	float: right;
	width: 50%;
	padding-left: 2rem;
}
ul.event-list-view li.event {
	height: 100px;
	margin: unset;
	border-top: 1px solid #355f90;
	padding-top: 10px;
}
div.event-list ul.event-list-view, ul.single-event-view {
	margin: unset;
	border-bottom: 1px solid #355f90;
	/* height: 670px; This is for make the margins for the Atlanta show if it is the last one on the list. COMMENTED OUT BY JAMES MARTIN 6/3/2019*/
}
p + p {
	margin: 1em 0;
}

/*--------------------------- Mobile Versions of the Tables ---------------------------*/

/*--- Tablets ---*/
@media only screen and (max-width: 64rem) {
.event-content, .event-title, .showLocation, .showRoom {
	float: unset;
}
ul.event-list-view li.event {
	height: unset;
	padding-bottom: 10px;
}
.event-list-view li:nth-of-type(even) {
	background: #eee;
}
.event-title, .event-content, .showLocation, .showRoom {
	width: 85%;
}
.showRoom {
	padding-left: unset;
}
li.event p {
	line-height: unset;
}
.event-list .event-list-view li:nth-of-type(even) .startdate, .event-list .event-list-view li:nth-of-type(even) .enddate {
	background-color: #ffffff;
}
}
/* Event List CSS - END */


/*--------------------------- Interactive Rep Map ---------------------------*/

.rep_state {
	font-weight: bold;
	font-size: 1.75rem;
}
.rep_top_border {
	border-top: #355f90 2px solid;
}
.rep_border {
	border-top: #355f90 2px solid;
	margin-top: 1.25rem;
}
.rep_title {
	font-weight: bold;
	font-size: 1.5rem;
}
.rep_name {
	font-weight: bold;
	font-size: 1.3rem;
}
.rep_contact {
	font-weight: bold;
}
a.rep_link {
	font-weight: bold;
	color: #355f90; /* link font color */
	text-decoration: underline;
}
a.rep_link:hover {
	font-weight: bold;
	color: #829ebf; /* link font color, hover */
	text-decoration: underline;
}
.popup_padding {
	padding: 1rem;
	color: #355f90;
}
.popup_territory {
	font-size: 1.1rem;
	font-weight: bold;
}
.popup_address {
	font-size: 1.1rem;
	font-weight: bold;
}
/*
#usa-html5-map-map-container_0 div.fm-tooltip-name{
	margin: -30px -35px 30px -35px;
}
*/

/*--------------------------- Posts ---------------------------*/

h2.entry-title, h2.page-title {
	font-size: 2.5em;
	font-family: 'Crimson Text', serif;
	font-style: italic;
	color: #114f9a;
	text-shadow: 1px 1px 0 #ffffff;
}
.post-padding {
	margin: 20px;
}
.entry-content, .entry-content abbr[title] {
	color: #185296;
}
.entry-meta {
	padding: 20px 20px 40px;
	font-size: .7rem;
	color: #185296;
	display: inline-block;
}
.h2post {
	padding-left: 10px;
	line-height: 56px;
	padding-top: 20px
}
.navigation {
	padding-left: 10px;
	border-bottom: 1px solid #366296;
}
.navigation a, .entry-meta a {
	color: #114f9a;
	outline: none;
}
.navigation a:hover, .entry-meta a:hover {
	color: #829ebf;
}
.navigation a:active, .navigation a:focus, .entry-meta a:active, .entry-meta a:focus {
	color: #022f65;
}
.nav-previous {
	margin-right: 5px;
}
.nav-next {
	margin-left: 5px;
}
.author a, .cat-links a {
	pointer-events: none;
}

@media only screen and (max-width: 40rem) {
h2.entry-title, h2.page-title {
	font-size: 2rem;
}
}
/*Post*/
#primary.primary.as_post {
	float: left;
	width: 70%;
}
/*Sidebar*/
#secondary.secondary.as_sidebar {
	float: right;
	padding-top: 2rem;
	width: 25%;
}
.widget-title {
	color: #185296;
}

@media only screen and (max-width: 40rem) {
#primary.primary.as_post, #secondary.secondary.as_sidebar {
	float: unset;
	width: 100%;
}
#secondary.secondary.as_sidebar {
	padding-top: 0;
}
}
.post-image {
	max-width: 600px;
}
/*--------------------------- Shipping Maps ---------------------------*/

.shipping_map {
	margin-top: 0.25rem;
}
.shipping_toggle {
	text-align: center;
	padding-top: 1rem;
	font-size: 1.2rem;
	font-weight: bold;
}
.shipping_link-on {
	color: #ffffff;
	background-color: #366296;
	padding: 1rem 6rem;
}
.shipping_link-off {
	color: #366296;
	background-color: #ffffff;
	border: 1px solid #366296;
	padding: 0.9375rem 6rem;
	pointer-events: none;
}
.shipping_link-off a, .shipping_link-on a {
}
.shipping_link-off, .shipping_link-off:visited {
	color: #366296; /* link font color */
}
.shipping_link-on:link, .shipping_link-on:visited {
	color: #ffffff; /* link font color */
	text-decoration: underline;
}
.shipping_link-on:hover {
	color: #e1effd; /* link font color, hover */
	text-decoration: underline;
}
.shipping_link-on:active {
	color: #6496cf; /* link font color, active */
	text-decoration: underline;
}
.shipping_title {
	font-weight: bold;
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 0.3rem;
}
.shipping_legend {
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem;
	color: #185296;
}
.shipping_legend .shipping_scale ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
.shipping_legend .shipping_scale ul li {
	display: block;
	float: left;
	width: 5rem;
	margin-bottom: 6px;
	text-align: center;
	font-size: 80%;
	list-style: none;
}
.shipping_legend ul.shipping_days li span {
	display: block;
	float: left;
	height: 1rem;
	width: 1rem;
}
.transit_padding {
	padding: 5px;
	color: #355f90;
}
.transit_title {
	font-weight: bold;
	font-size: 1.25rem;
}

@media only screen and (min-width: 40.0625rem) {
.legend_mobile, .wp_break {
	display: none;
}
}

@media only screen and (max-width: 40rem) {
.shipping_link-off, .shipping_link-on {
	display: inline-block;
	width: 50%;
	padding: 1rem;
}
.legend_desktop {
	display: none;
}
.shipping_legend {
	margin-top: unset;
}
.shipping_toggle {
	margin: 4rem 0 2rem;
}
}
/*--------------------------- Display Ideas ---------------------------*/

.display_ideas {
	text-align: center;
	padding-bottom: 2rem;
}
.display_ideas td {
	padding: 1rem;
}
.di_r1 img {
	max-height: 15rem;
}
.di_r2 img {
	max-height: 18rem;
}
div#cboxCurrent {
	display: none !important;
}
#fancybox-right{    right: -30px;}
/*--------------------------- Colorbox ---------------------------*/


#colorbox {
	outline: none;
}
#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
button#cboxPrevious {
	display: none !important;
}
button#cboxNext {
	display: none !important;
}
div#cboxTitle {
	bottom: -3px;
}
/*------------------- Who We Are Page -------------------*/

.whowe-left {
	float: left;
	width: 35%;
}
.whowe-right {
	float: right;
	width: 65%;
}
.whowepadding {
	padding: 20px;
}

@media only screen and (max-width: 40rem) {
.whowe-left, .whowe-right {
	float: unset;
	width: 100%;
}
}

@media only screen and (max-width: 40rem) {
.whowe-left {
	display: none;
}
.whowe-right {
	width: 100%;
	font-size: 2em;
}
.mobile-retail {
	font-size: 2em;
}
}

/*--------------------- Story page ---------------------*/

@media only screen and (max-width: 480px) {
.story-img {
	width: 25%
}
.angelstar-story {
	font-size: 2em;
}
}
/*----------------------- Others -----------------------*/

.contactkerning {
	letter-spacing: -5px;
}
.aboutuskerning {
	letter-spacing: -7px;
}
.entry-title .wekerning {
	letter-spacing: -8px;
}
.angelstar-line-height {
	font-size: 1.06em;
}
.sub-heading {
	font-weight: bold;
	font-size: 15px;
}
.sub-heading-border {
	border-top: 1px solid;
}

/* Hiding line breaks in mobile */
@media only screen and (max-width: 480px) {
.hidden-br {
	display: none;
}
}