/* ----- UPDATE 2017 ----- */
body.tjc {font-family: "Lato", Helvetica, Verdana, Tahoma, sans-serif; !important; }
body.is-event-registration-page { 
	background-image: url('/cms/images/layout/bg.png'); 
	background-repeat: repeat;
}

.svg-legend {
    height: 0;
    position: absolute;
    top: -999em;
    width: 0;
}

a.inherit-color {color: inherit;}

.button-wrap.button--ghost a:hover,
.button-wrap.button--ghost a:focus,
.button-wrap.button--ghost input:hover,
.button-wrap.button--ghost input:focus {
	color: #fff;
	background-color: #1b3ea6;
}	

/* Buttons */
/*
.btn,
a.btn {
    display: inline-block;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 15px 20px;
    min-width: 140px;
    text-align: center;
    font-family: "Monserrat", sans-serif;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	
	background-color: #1F326B;
    color: #FFFFFF;
	box-shadow: none;
}

.btn:hover,
a.btn:hover,
.btn:focus,
a.btn:focus
{
	background-color: #1F326B;
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.8), inset 0 0 20px rgba(0,0,0,.6);
}
.btn:after { display: none; }
*/

/* General containers issue */
@media (max-width: 767px) {
	[class*="grid"], 
	.row [class*="grid"] {    max-width: 100%; }
}

/*** HEADER ***/
/* fixing overlap issue on Checkout page */
#header {
    z-index: 100000;
	background: #fff;
	zoom:1;
}
#header:before, 
#header:after {
    content: " ";
    display: table;
}
#header:after {
    clear: both;
}

.utility { display: block;  width: 100%;  background: none; }
.header { width: 100%; box-shadow: none;  z-index: 100000; }

#header .cart-link {font-size:18px; }
#header .icon-cart {fill:#36a9f5; width:35px; height:32px; display: inline-block; vertical-align: middle; margin-right: 10px; }

.search-box .component-content .search-box-button {
    vertical-align: middle;
    flex: 1 1 auto;
}
.search-box .search-box-button {
	display: inline-block;
    position: relative;
    float: none;
    margin: 0;
    border-radius: 0 5px 5px 0;
    width: 50px;
    height: 50px;
    border: 0;
    color: #fff;
    background: #1b3ea6;
    text-shadow: none;
    text-indent: -999em;
}
#header .search-box .search-box-button:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.2em 0 0 -.2em;
    width: 1em;
    height: 1em;
    border: .15em solid currentColor;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#header .search-box .search-box-button:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: .4em 0 0 .4em;
    border-radius: .2em;
    width: .6em;
    height: .15em;
    background: currentColor;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

#header .twitter-typeahead {
	position: relative;
    display: inline-block;
    direction: ltr;
	max-width: 100%;
    width: 100%;
}
#header .search-box-input {
	width: 100%; position: absolute; top: 0px; left: 0px; border-color: transparent; opacity: 1; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);
	padding: 0 20px;
    margin: 0;
    max-width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    border: 1px solid #ccc;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.tjc .breadcrumbWrpr {background:none; box-shadow: none;}

@media (min-width:1140px) {
	.cart-toggle-wrap {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important;
	}
	.cart-toggle-wrap > .component-content {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		-webkit-flex-direction: row-reverse; 
		flex-direction: row-reverse;
	}
	.cart-toggle-wrap > .component-content > a {
		display: block;
		align-self: center;
	}
}
#header .cart-link,
.member__content { display: inline-block; vertical-align: middle; }
.member__content { padding-left: 10px; padding-right: 0px;  }

.member__content [data-toggle="dropdown"] {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	text-decoration: none;
}
.member__content [data-toggle="dropdown"] > span {
	display: block;
}
.member__content [data-toggle="dropdown"]:after {
	display:none;
}
.member__content [data-toggle="dropdown"] .member__greeting strong:after {
    content: " ";
    display: inline-block;
    position: relative;
    bottom: 0.25em;
    left: .5em;
    border: 2px solid #333;
    border-top: 0;
    border-left: 0;
    width: .45em;
    height: .45em;
    -webkit-transform: rotate(45deg) scale(.9);
    -ms-transform: rotate(45deg) scale(.9);
    transform: rotate(45deg) scale(.9);
}
.member__greeting { font-size: 15px; line-height: 1.2em; }
.member__greeting strong {font-weight: normal;}
.member__greeting > span {display: block; color: #222;}
.member-icon-hold { width: 56px; }
.member-icon-hold > span {display: block; width: 44px; height: 44px; border-radius: 50%; overflow:hidden; text-align: center; }

.member__widget .dropdown-menu {
    margin-top: 1.5em;
}

/* ------ Make bold upper top right links for all sites ------ */
#header .link-list + .link-list {
	font-weight: bold;
}

/* FOOTER */
.footer-top { border-bottom: 1px solid #cbd0d3; }
.footer-top .link-list ul {margin:0;}
.footer-top .link-list ul li { display: block; margin:0 0 15px 0;}
.footer-top .link-list ul li:last-child { margin: 0;}
@media (min-width:768px) {
	.footer-top .link-list ul { display: table; width: 100%;}
	.footer-top .link-list ul li { display: table-cell; vertical-align: middle; text-align: center; padding:0 5px; }
	.footer-top .link-list ul li:first-child { text-align: left; padding-left:0; }
	.footer-top .link-list ul li:last-child { text-align: right; padding-right:0;}
}
@media (min-width:1200px) {
	.footer-top .link-list ul { table-layout: fixed;}
	.footer-top .link-list ul li {  padding:0 10px; }
	.footer-top .link-list ul li:first-child { padding-left:0; }
	.footer-top .link-list ul li:last-child { padding-right:0;}
}

.footer-nav__title {text-transform: uppercase; font-size:18px; font-weight: bold; margin-bottom: 5px;}
.footer-nav { margin-bottom: 5px; }
.footer-nav strong { font-weight: bold; }
.footer-nav__content p {margin-bottom:10px;}
.footer-nav__content p.signup-button {margin-bottom:20px;}

.footer-bottom a,
.footer-bottom .rich-text,
.footer-bottom .rich-text a { color:#fff; }

.footer-social li { float: left; margin-right: 20px; }
.footer-social a { border-radius: 50%; width: 40px; height: 40px; display: block; text-align: center; }
.footer-social a:hover,
.footer-social a:focus { opacity: .7; }
.footer-social a.fb-icon-link { background:#39579b; }
.footer-social a.yt-icon-link { background:#cf3427; }
.footer-social a.tw-icon-link { background:#588dc9; }
.footer-social a.rss-icon-link { background:#f26522; }
.footer-social a.li-icon-link { background:#0077b5; }
.footer-social .svg--icon { fill:#fff; width: 24px; height: 24px; margin-top: 7px; }


#footer .footer-top > div, 
#footer .footer-middle > div, 
#footer .footer-bottom > div {
    float: none;
}


/* LEFT NAVIGATION */
.grid_3 ul.navList {padding: 0;}
.navList {background:none; border: 1px solid #cbced3; padding:0; box-shadow: none; }
.navList > li {border-top: 1px solid #c9ccd1;}
.navList > li:first-child {border-top: 0;}
.navList > li > a { font-size: 20px; font-weight: bold; color: #053fac; background: #fff; display: block; padding: 15px 30px 15px 20px; position: relative; }
.navList > li:first-child > a {padding: 15px 30px 15px 20px;}
.navList > li > a:hover,
.navList > li > a:focus,
.navList > li > a.on { color: #fff; background: #242d67; }
.navList > li > div { 
    font-size: 20px !important;
    font-weight: bold;
    color: #053fac;
    background: #fff;
    display: block;
    padding: 15px 30px 15px 20px !important;
    position: relative;
}

.grid_3 .navList ul { padding: 10px 0 25px;}
.navList ul {border: 0; }
.navList ul li + li {border: 0;}
.navList ul a { font-size:18px; padding: 5px 20px; }
.navList ul a:first-child { padding: 5px 20px; }

.navList a:after {display: none;}

/* TABS */
.tabs { margin-bottom: 2em;}
.tabNav a,
a.tabHeader {      
    border-top: 1px solid currentColor;
    padding: 24px 2.55%;
    text-decoration: none;
    font-weight: 700;
	font-size:18px;
    line-height: 1.2;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	
	box-shadow:none;
	background:#fff;
}
@media (min-width: 1200px) {
	a.tabHeader {      
		font-size:20px;
	}
}
.tabSection:last-child a.tabHeader { border-bottom: 1px solid currentColor; }
.tabNav a {
	display: block; 
	border-radius: 5px 5px 0 0;
    margin-right: 1.6%;
	border: 1px solid currentColor;
}
.tabNav a.active,
a.tabHeader.active,
a.tabHeader:hover,
a.tabHeader:focus {
	color: #333;
	border-color: #edb200;
	background-color: #edb200;
}
.tabHeader:before {
    position: absolute;
    right: 5px;
    font-size: 1.2em;
}
.tabContent {background: #f1f3f9; font-size: 24px; font-size: 1.5rem; }

.container.storeItem.mainContent .tabContent ul, .container.storeItem.mainContent .tabContent ol{
    color:#000;
}

.tabSection {background: none; border:0; box-shadow:none; margin:0; }

@media (min-width: 960px) {
	.tabContent {
		box-shadow: inset 0 0 0 1px #b8b8b8;
	}
}

/* Product Detail page - Related products */
.itemScroll li {width: 12%; }
.itemScroll .title {  font-style: normal; }

.itemScroll-prev,
.itemScroll-next {background:none; width: 28px; height: 40px;}
.itemScroll-prev:before, 
.itemScroll-prev:after, 
.itemScroll-next:before, 
.itemScroll-next:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid #555555;
    width: 28px;
    height: 28px;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.itemScroll-next:before, 
.itemScroll-next:after {
    margin-left: -7px;
    border-top: 0;
    border-left: 0;
}
.itemScroll-prev:before, 
.itemScroll-prev:after {
    margin-left: 7px;
    border-right: 0;
    border-bottom: 0;
}

.storePurchaseBox {box-shadow: none; border-radius:0;}

/* MY ACCOUNT pages */
@media (min-width: 27em) {
	dl.forms dt, .forms-account .account-label { width: 170px; }
}
dl.forms dt, .forms-account .account-label {font-size:18px; color: #222;}
dl.forms dd, .forms-account span.account-field {font-size:17px;}
dl.forms input[type="checkbox"],
dl.forms input[type="radio"] { width: auto; }
.account-bottons {margin: 10px 0;}
.account-bottons .btn,
.accountBlocks .btn,
.btnProceedCheckout .btn {margin: 1em 0 5px 0;}
.my-products-title {font-size: 20px; font-weight: bold; color: #053fac; padding: 15px 30px 0px 20px; }
@media (max-width: 26.875em) {
	dl.forms dt.req-sign, .forms-account .account-label.req-sign { float: left; }
	dl.forms dd {
		width: 100%;
	}
}
.ui-datepicker {
    z-index: 2001 !important;
}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {
    float: left;
}
.datepicker-control.hasDatepicker {float: left; }

@media (min-width: 67.1em) {
	.my-account-size-alt dl dt,
	.my-account-size-alt dl dd {
		font-size: 14px;
	}
}
.tableWrapper { overflow:auto; }
table.dataTbl {
	widtH:100%;
	display: table;
	border-collapse:collapse;
}
.create-user { margin-bottom: 30px; }
.create-user dl.forms {float: none;}
@media (max-width: 63.99em) {
	.registerLeft {margin-bottom:20px;}
}
.create-user .registerLeft .btnWrapper { margin-left: 7px; }
.create-user .registerLeft .btn { width: auto; margin-left: 47%; }
@media  (min-width: 64em) {
	.create-user .registerLeft .btn { margin-left: 38%; }
}
.register-user dl.forms dt {
    padding: 12px 12px 0px 0;
}
.tjc table.dataTbl th {
    background: rgb(39, 46, 106);
    border: 1px solid #1A40AE;
    border-bottom: 4px solid #1A40AE;
}

/* Events pages adjustment */
.registration-counter-hold a {
    color: #fff !important;
}

/* Member Login dropdown adjustment */
.dropdown {
    position: relative !important;
    z-index: 100000;
}

/* Event Registration Forms adjustment */
.license .form input:not([type="submit"]) {width: auto; height: auto;}
.license .form select, .login select { background: url(/cms/images/wffm-dropdow-arrow.jpg) 98% 50% no-repeat; }

.contentExtra.itemQty input[type="text"] {margin: -5px 0; height: auto; line-height: 1em; }

/*================================================================
                 JC INTERNATIONAL ONLY STYLES
================================================================*/

.templateJCI.tjc {background:#fff;}
.templateJCI.tjc #header .container > .component-content > .account-header .button-wrap {
    margin-right:0;
}

@media (max-width: 500px) {
	.templateJCI .goog-te-gadget-simple {
		width: 25px;
		overflow: hidden;
	}
}

@media (min-width: 48em) {
	.siteWrap.event-registration {
		width: 100%;
	}
	body.is-event-registration-page	.siteWrap.event-registration {
		width: auto;
		max-width: 1500px;
	}
}