/*ADOBE FONT IMPORT*/
/* latin */
@font-face {
	font-family: 'Source Serif Pro';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/sourceserifpro/v11/neIQzD-0qpwxpaWvjeD0X88SAOeauXQ-oA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
	font-family: 'Amatic SC';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/amaticsc/v16/TUZyzwprpvBS1izr_vOECuSf.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-size: 100%;
	font-family: urw-din, sans-serif;
	background-image: url("/images/background.jpg");
	background-repeat: no-repeat;
	background-color: #288dd1;
}

p {
}

a {
	text-decoration: none;
	color: unset;
}

li {
	list-style: none;
	z-index: 1;
}

#mobileNav {
	display: none;
}

/*Headings and blue stripes under headings*/

h1 {
	font-family: urw-din, sans-serif;
	font-size: 50px;
}

h2 {
	font-family: urw-din, sans-serif;
}

.line {
	margin-top: 25px;
	margin-bottom: 30px;
	display: block;
	max-width: 380px;
	width: 100%;
}

#teamSliderInterior {
	width: 100%;
}


.mainContainer {
	width: 90%;
	margin: auto;
}

.topHomeGallery {
	width: 100%;
	float: left;
	margin-top: 30px;
}

.topHomeGallery img {
	display: block;
	margin: 0 auto;
}

img.submitButton {
	margin-top: 30px;
	margin-bottom: 30px;
}

.flipHtmlContainer {
	width: 100%;
	float: left;
	background-image: url(../images/background-image.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.magazineCover {
	width: 100%;
	float: left;
}

.magazineCover img {
	display: block;
	margin: 0 auto;
}
/*Footer copy*/

#footercopy {
	padding-top: 15px;
	background-color: #000000;
	color: #ffff;
	width: 100%;
}

#footercopy p {
	color: #ffff;
	margin: auto;
	text-align: center;
	padding-bottom: 20px;
	font-size: 15px;
}

#footercopy a {
	color: #fff;
}

.copyRight {
	position: absolute;
	left: 10px;
}

/*header stuff*/

.logoContainer {
	display: flex;
	align-items: center;
	margin: auto;
	width: fit-content;
	width: -moz-fit-content;
	margin-top: -50px;
	z-index: 0;
	padding-left: 160px;
}

.logoContainer a {
	z-index: 9999;
}

	.logoContainer h1 {
		font-size: 20px;
		font-style: italic;
		font-family: urw-din, sans-serif;
		font-weight: 400;
		margin-top: 67px;
		margin-left: 10px;
		margin-right: 10px;
	}

.logoContainer img {
	width: 250px;
}

header {
	background-color: #dadada;
	display: flex;
	flex-direction: column;
}

.row {
	display: flex;
	width: fit-content;
	width: -moz-fit-content;
	margin: auto;
}

header .row {
	display: flex;
	padding: 10px 80px 10px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #e00512;
	align-items: baseline;
	z-index: 100;
	height: 50px;
}

.paymentOptions .row {
	flex-direction: row;
}

a h1 {
	text-decoration: none;
}


.contactHeader {
	display: flex;
	margin-left: auto;
	padding: 15px;
}

.contactHeader img {
	width: 25px;
}

.email, .phoneNo {
	font-weight: 700;
	color: black;
}

    #tapestry {
        width: 200px !important;
        padding-right:30px;
    }

/*topnav stuff*/

.topnav {
	font-family: 'Open Sans', sans-serif;
	background-color: #163c7b;
	overflow: hidden;
	display: flex;
	justify-content: space-around;
}

.topnav a {
	/* float: left; */
	/* display: block; */
	color: white;
	/* text-align: center; */
	padding: 24px 50px;
	text-decoration: none;
	font-size: 1em;
	text-transform: uppercase;
}

.topnav a:hover {
	/* background-color: #2d6fdc; */
}

.topnav .navArrow {
	color: #ffd269;
	margin-left: 3px;
}

.topnav .icon {
	display: none;
}

.topnav #search {
	float: right;
}

.topnav #search #searchIcon {
	float: right;
	padding: 0px 10px;
}

#sliderDiv {
	height: 800px;
	width: 100%;
}

#welcomeRow {
	background-color: #163c7b;
	display: grid;
	grid-template-columns: 5% 10% 12% auto 12% 10% 5%;
	padding: 20px;
}

#welcomeRow.col-1 {
	height: 100%;
}

.welcomeDiv {
	padding: 10px;
}

.welcomeDiv h1 {
	color: #ffffff;
	font-family: 'Amatic SC', cursive;
	font-size: 5em;
	margin: 20px 0px;
}

.welcomeDiv p {
	color: #ffffff;
	font-family: 'Source Sans Pro ', sans-serif;
	line-height: 25px;
}

/*SEARCH BAR*/
.searchBar {
	background-color: #FFFFFF;
	align-self: center;
	display: none;
}

.searchBar form {
	width: 300px;
	margin: auto;
}

	.searchBar form #search {
		border: 0px;
		padding-bottom: 15px;
		padding-left: 15px;
		/* background-image: url(/images/search-icon.png); */
		font-family: Raleway, sans-serif;
		font-size: 17px;
		margin: auto;
		vertical-align: sub;
		width: 240px;
	}

#searchSubmit {
	width: 25px;
	margin-top: 10px;
	vertical-align: middle;
}

.searchBar form input::placeholder {
	color: red;
}

.searchBar form input:focus {
	border: none;
	outline: none;
}

.searchBar form input:focus::placeholder {
	color: transparent;
}

/*HOME PAGE CONTENT*/
.homePageText {
	margin-bottom: 20px;
	text-align: justify;
	padding: 10px;
}

.homePageText h2 {
	text-align: center;
}

.homePageText p {
	margin-bottom: 10px;
}

/*PRODUCT CATEGORIES*/

.productCategories {
	display: grid;
	grid-template-columns: repeat(4, 20%);
	justify-content: center;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	padding-top: 40px;
	padding-bottom: 220px;
}

#productGrid {
	grid-template-columns: repeat(3, 25%);
}

.productCategories img {
	width: 100%;
}

#jpmLogo {
	align-items: center;
	justify-content: center;
}

#jpmLogo p {
	color: black;
	font-weight: 700;
	font-style: italic;
}

	#jpmLogo .viewLink {
		color: #FFFFFF;
		font-weight: 700;
		font-style: normal;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		text-align: center;
	}

.categoryLink {
	position: relative;
	flex-direction: column;
	display: flex;
	width: 100%;
	transition: 0.4s;
	overflow: hidden;
	max-height: 420px;
}

	.categoryLink:hover {
		filter: drop-shadow(0 0 0.75rem black);
	}

.categoryTopBar {
	background-color: white;
	padding: 10px 20px;
	border-radius: 15px 15px 0px 0px;
	display: flex;
	min-height: 85px;
}

	.categoryTopBar h2 {
		color: black;
		text-transform: uppercase;
		font-size: 25px;
	}

#detailTopBar {
	background-color: #ffffff;
}

#detailTopBar h2 {
	color: black;
}

.productTopBar {
	background-color: white;
	flex-direction: column;
	min-height: 100px;
}

	.productTopBar h2 {
		color: black;
		text-transform: uppercase;
	}

	.productTopBar .viewLink {
		color: red;
	}

.price {
	color: red;
	font-weight: 700;
}

.viewLink {
	margin-left: auto;
	align-self: flex-end;
	width: 25%;
	font-weight: 700;
	white-space: nowrap;
}

#green {
	background-color: #87bd66;
	overflow: hidden;
	background-image: url("/images/wantedheader.jpg");
	background-position: center;
}


/*	.productCategories img:hover {
		border: 1px solid #BEBEBE;
		border-radius: 10px;
	}*/

#boy:hover {
	border: none;
}

.spacer {
	display: block;
	width: 200px;
}

.homePageImage img {
	width: 100%;
	z-index: -1;
}

#boy {
	width: 300px;
	position: absolute;
}

.categoryHeading {
	text-align: center;
	margin-top: 20px;
	font-size: 30px;
}

.categoryHeading img {
	padding-top: 5px;
}

#backArrow h2 {
	margin-left: 30px;
	font-size: 25px;
	color: red;
}

.stockGrid {
	display: grid;
	max-width: 1500px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	grid-template-columns: repeat(3,400px);
	justify-content: center;
	grid-column-gap: 100px;
	grid-row-gap: 30px;
	font-family: Raleway, sans-serif;
}

.stockItem {
	position: relative;
	height: 400px;
	width: 400px;
	border-radius: 10px;
}

.stockItem:hover {
	border: 2px solid black;
	filter: drop-shadow(0px 0px 6px grey);
}

.stockImage {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.stockGrid a img{
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.stockOverlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
}

.stockText {
	position: absolute;
	left: 50%;
	top: 90%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	font-family: "Raleway", sans-serif;
	font-weight: 600;
}

/*PRODUCT DETAIL*/


#productDetailContainer {
	display: flex;
	flex-direction: column;
	width: 80%;
	margin: 30px auto;
}

#container {
	display: flex;
}

#ProductDetailTextContainer {
	width: 34%;
	background-color: white;
	padding: 25px;
}

#ProductDetailText {
	display: flex;
	flex-direction: column;
}

.productDetailHeading {
	color: #87bd66;
	font-weight: 700;
}

#ProductDetailText h3 {
	margin-top: 10px;
}

#detailPrice {
	position: absolute;
	align-self: flex-end;
	margin: 0px;
}


.subscript {
	color: black;
	font-size: 10px;
}

.formContainer {
	width: 100%;
	display: flex;
	margin: auto;
	background-color: #dadada;
	justify-content: center;
	align-items: center;
	padding: 30px;
	margin-top: 300px;
}

#contactForm {
	width: 50%;
	display: flex;
	flex-direction: column;
}

	#contactForm input[type=text] {
		width: 100%;
		padding: 9px 1px;
		margin: 8px 0;
		box-sizing: border-box;
		border: none;
		border-bottom: 1px solid black;
		background: none;
	}

		#contactForm input[type=text]::placeholder {
			color: black;
			font-family: urw-din, sans-serif;
		}

#footerFormButton {
	border: 1px solid black;
	border-radius: 25px;
	padding: 9px 32px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
	width: 130px;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 20px;
	transition-duration: 0.4s;
}

#footerFormButton:hover {
	background-color: grey;
}

#contactFormMessage {
	color: red;
}

.modal {
	display: none; 
	position: fixed; 
	z-index: 200; 
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; 
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4); 
}

.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

	.close:hover,
	.close:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}

#productImageContainer {
	width: 100%;
	background-color: white;
	padding: 20px;
}

#detailViewLink {
	width: unset;
	color: black;
}

#linkedProductContainer {
	display: flex;
	flex-flow: column;
	border-top: 1px solid black;
	clear: both;
}

#linkedProductContainer .row {
	display: flex;
}

#linkedProductContainer h2 {
	font-family: Raleway, sans-serif;
	font-size: 15px;
}

.linkedProduct {
	width: 25%;
	margin: 10px;
}

.linkedProduct:first-of-type {
	margin-left: 0px;
}

.linkedProduct:last-of-type {
	margin-right: 0px;
}

.linkedProduct img {
	width: 100%;
}

.linkedProductText p{
	display: none;
	text-align: center;
	transform: translate(0, -130%);
	left: 0;
	right: 0;
	top: 50%;
	max-width: 350px;
	width: 100%;
	margin: 0 auto;
	color: white
}

.img-zoom-container {
	position: relative;
	display: flex;
}

.img-zoom-lens {
	position: absolute;
	border: 1px solid #d4d4d4;
	/*set the size of the lens:*/
	width: 75px;
	height: 75px;
}

.img-zoom-result {
	position: absolute;
	/*set the size of the result div:*/
	width: 350px;
	height: 350px;
}

.imgZoomLens img {
	width: 100%;
}

#productImageContainer .row {
	display: flex;
	padding-left: 25px;
	padding-right: 25px;
}

.column {
	padding: 10px;
}

.column:first-of-type {
	padding-left: 0px;
}

.column:last-of-type {
	padding-right: 0px;
}

.column img {
	width: 100%;
	cursor: pointer;
}

.backButton {
	color: red;
	margin-left: 75px;
	font-weight: bold;
	font-size: 22px;
	display: block;
}

#vatNoticeTop {
	margin-right: 75px;
	padding-bottom: 20px;
	position: absolute;
	right: 75px;
}

/*imglinks gallery*/

#imgLinks div {
	padding: 0px;
}

div.gallery:hover {
	filter: sepia(100%) saturate(60%) brightness(70%) hue-rotate(180deg);
}

div.gallery img {
	width: 100%;
	height: auto;
}

div.desc {
	padding: 15px;
	text-align: center;
}

.responsive {
	float: left;
	width: 24.99999%;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

#imgLinks {
	overflow: auto;
}

/*meetTheTeam stuff*/

#meetTheTeamDiv {
	width: 70%;
	margin: 0 auto;
	padding-bottom: 80px;
}

#meetTheTeamDiv p {
	font-family: 'Source Sans Pro ', sans-serif;
	color: #7f7f7f;
	line-height: 25px;
}

.row.staff {
	background-color: #e7ebf2;
	height: 560px;
	display: grid;
	grid-template-columns: 14% 72% 14%;
	padding: 50px;
	width: 100%;
}

.staffSlider {
	background-color: #e7ebf2;
	padding: 20px 0px;
}

.teamHolder {
	/* width: 320px; */
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	color: #767676;
}

.teamHolder img {
	display: block;
	margin: auto;
	width: 200px;
	height: 300px;
	object-fit: cover;
}



.teamHolder h5 {
	font-size: 1.3em;
}

.teamHolder h6 {
	font-size: 1em;
}

.teamHolder p {
	font-size: .9em;
}

.owl-prev {
	position: absolute;
	font-size: 3em !important;
	height: min-content;
	width: min-content;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

.owl-prev:hover {
	background-color: transparent !important;
}

.owl-next:hover {
	background-color: transparent !important;
}

.owl-next {
	position: absolute;
	font-size: 3em !important;
	height: min-content;
	width: min-content;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.whatParentsCenter {
	margin: 0 auto;
	padding-right: 480px;
	position: relative;
	padding-bottom: 140px;
	padding-top: 60px;
	min-height: 580px;
	overflow: hidden;
	margin-left: 12.5%;
}

.whatParentsCenter .kidpicture img {
	position: absolute;
	bottom: 0;
	right: -160px;
	max-width: 700px;
}

.whatParents p {
	font-family: 'Source Sans Pro ', sans-serif;
	color: #7f7f7f;
}

.vatNotice {
	width: 100%;
	text-align: center;
	padding: 10px;
	background-color: #e00512;
	display: none;
}

.footer {
	background-color: #dadada;
	color: black;
	width: 100%;
	display: flex;
}

.footerBottomContent {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 20px 245px;
}

#footerLogo {
	width: 200px;
	height: fit-content;
	height: -moz-fit-content;
}

.contactFooter {
	width: 33%;
}

#footerMap {
	filter: drop-shadow(6px 6px 4px grey);
}

.addressFacebook {
	display: flex;
}

	.addressFacebook a {
		align-self: flex-end;
		margin-left: 40px;
	}

.addressForm {
	display: flex;
	flex-direction: column;
	padding-right: 20px;
}

#footerNavContainer {
	width: 100%;
	justify-content: center;
}

	#footerNavContainer ul {
		display: flex;
		width: fit-content;
		width: -moz-fit-content;
		margin: auto;
		padding: 10px;
		justify-content: space-between;
		text-transform: uppercase;
	}

		#footerNavContainer ul li {
			margin-left: 10px;
		}

		.socialButtons {
			margin-top: 10px;
		}

.socialButtons a {
	background-color: #163c7b;
	color: white;
	text-decoration: none;
}

.socialButtons p {
	display: inline;
	font-family: 'Source Sans Pro ', sans-serif;
	padding-left: 4px;
	padding-right: 8px;
}

.emailBoxWrapper {
	display: inline-block;
	background-color: white;
	border-radius: 10px;
	width: 325px;
	height: 70px;
	margin: 30px 0px;
}

.emailBoxWrapper input {
	padding: 19px;
}

button {
	height: 100%;
	width: 20%;
	background-color: #8caed4;
	border: 0;
	float: right;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	cursor: pointer;
}

/*general responsive stuff*/

/*Updated styles for <p> + <h1> + <h2> + <h3>*/

.interiorCenter h1 {
	color: black;
	font-size: 3.0em;
	margin-top: 20px;
	margin-bottom: 32px;
	width: 100%;
	font-family: 'open sans';
	filter: none;
}

.interiorCenter h3 {
	font-family: Raleway, sans-serif;
	margin: 20px 0px;
}

.interiorContainer {
	width: 100%;
	float: left;
}

.interiorCenter {
	width: 950px;
	margin: 0 auto;
}

.interiorContent {
	width: 100%;
	float: left;
	margin-bottom: 35px;
}

.interiorContent p {
	line-height: 25px;
	margin: 5px 0;
}

.interiorContent ul li {
	list-style: disc;
}

.interiorContent li {

	color: black;
	display: list-item;
	padding: inherit;
	line-height: 25px;
}

.interiorImage {
	margin: 15px 15px;
	float: right;
}

@media only screen and (max-width:375px) {
	.interiorContent {
		width: 260px;
	}
	.interiorCenter h1 {
		line-height: 55px;
	}
}

#FooterCopyright {
	clear: both;
	float: right;
	padding-top: 20px;
}

#FooterCopyright a {
	color: white;
}

/*Start of new nav*/

#myslidemenu {
	z-index: 99;
}

#myslidemenu ul {
	float: left;
	margin-top: 0;
	width: 1020px;
}

#myslidemenu ul#shop {
	background-color: #004c66;
	float: right;
	/*width: 135px;*/
}

#myslidemenu li {
	display: inline-block;
	height: px;
	list-style-type: none;
	margin: 1px;
	padding: 0px;
	position: relative;
	text-align: left;
}

.jqueryslidemenu {
	color: #FFFFFF;
	float: left;
	height: 11px;
	position: relative;
	text-align: justify;
	width: 100%;
}

.jqueryslidemenu ul {
	height: 53px;
	margin: 0;
	padding: 0;
	position: relative;
}

.jqueryslidemenu li {
	height: 26px;
	list-style-type: none;
	position: relative;
}

.jqueryslidemenu li a {
	background: #8670b0 none repeat scroll 0 0;
	color: #fff;
	margin-right: 2px;
	padding: 5px 24px !important;
	position: relative;
	text-decoration: none;
	z-index: 999;
}

.selectedNav {
	background-color: #2d6fdc;
}

.jqueryslidemenu li a:hover {
	text-decoration: none;
	color: #fff !important;
	height: 21px;
	padding: 5px 23px !important;
	/*background-color: #8AAD6F !important;*/
}

#NavImg {
	float: right;
}

#NavImg img {
	position: absolute;
	right: 0;
	top: -5px;
}

/*1st sub level menu*/

.jqueryslidemenu ul li ul {
	background: #8670b0 none repeat scroll 0 0;
	display: block;
	height: auto;
	left: 0;
	position: absolute;
	visibility: hidden;
	width: 250px !important;
	z-index: 9;
	padding-bottom: 17px;
}

/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li {
	background: #8670b0 none repeat scroll 0 0;
	display: list-item;
	float: none;
	height: 31px !important;
	margin-left: -4px;
	z-index: 9;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */

.jqueryslidemenu ul li ul li a {
	background: #8670b0 none repeat scroll 0 0;
	color: #FFF !important;
	height: 9px !important;
	margin: 0;
	padding: 0 33.1px !important;
	top: 11px;
	z-index: 999;
}

.jqueryslidemenu ul li ul li a:hover {
	/*sub menus hover style*/
	background: #8670b0;
	color: #fff !important;
	height: auto !important;
	padding: 0px 33.1px !important
}

.downarrowclass {
	/*padding-left:8px;*/
	display: none;
}

/* End Navigation styles*/


.navArrow {
	color: #ffd269;
	margin-left: 3px;
}

.navContainer {
	background-color: #5e2f7e;
}

.navContainer nav {
	margin: 0 auto;
}

nav {

	margin: auto;
}

nav ul {
	list-style-type: none;
}

nav > ul {
	/* background: #5e2f7e; */
	display: flex;
	margin: 0 auto;
}

nav li {
	/* color: #fff; */
	/* background: #5e2f7e; */
	/* text-decoration: none; */
	/* padding: 10px 25px; */
	/* font-size: 20px; */
}

	nav li:nth-last-child(3) {
		padding-right: 230px;
	}

	nav li a {
		color: #fff;
		/* font-family: 'Open Sans', sans-serif; */
		/* text-decoration: none; */
		/* font-size: 20px; */
		text-transform: uppercase;
		padding-right: 35px;
		font-weight: 700;
		transition: 0.4s;
	}

nav li a:hover, nav li a:focus-within {
	/*background: #ff5900;*/
	cursor: pointer;
	z-index: 99999999;
	color: grey !important;
}

nav li:focus-within a {
	outline: none;
}

nav ul li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	transition: all 0.5s ease;
	display: none;
	margin-top: 10px;
	margin-left: -25px;
}

nav ul li:hover>ul, nav ul li:focus-within>ul, nav ul li ul:hover, nav ul li ul:focus {
	visibility: visible;
	opacity: 1;
	display: block;
}

nav ul li ul li {
	clear: both;
	min-width: 200px;
	background: #5e2f7e;
}

nav .dropdown ul li a {
	width: 100%;
	list-style-type: none;
}

/*End of Navigation styles*/

.readMoreButton {
	float: right;
}


.magazineContainer {
	width: 100%;
	float: left;
	background-color: #fff;
}

.magazineContainerCenter {
	width: 1200px;
	margin: 0 auto;
}

.magazineContainerCenter h1 {
	margin-bottom: 20px;
}

.magazineContainerContent {
	width: 100%;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
}

.magazineContainerContent h1 {
	text-align: center;
}

.oldIssues {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.issueContainer {
	text-align: center;
	width: 33%;
	margin-bottom: 15px;
}

	.issueContainer img {
		width: 50%;
	}

.issueContainer p {
	margin-top: 5px;
}



.contactForm {
	width: 100%;
	float: left;
	margin-top: 35px;
}

.contactTitle {
	margin-bottom: 5px;
	color: #666 !important;
}

.contactElement {
	padding-bottom: 14px;
}

.contactElement input, .contactElement textarea{
	background-color: #eee;
	border: none;
	width: 100% ;
	border-radius: 0 ;
	font-size: 14px;
	color: #999 ;
	padding: 16px ;
}

.ContactVerification input {
	background-color: #eee;
	border: none;
	width: 100% ;
	border-radius: 0 ;
	font-size: 14px;
	color: #999 ;
	padding: 16px ;
}

.contactSubmit input[id=button]{
	color: #fff;
	margin: 8px auto 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	border-radius: 3px;
	padding: 6px 20px;
	line-height: 1.7em;
	background: transparent;
	border: 2px solid;
	transition: all 0.2s;
	width: 150px;
	background-color: #5e2f7e;
}

.contactSubmit input[id=button]:hover {
	background-color: #ff5900;
	border-color:#ff5900;
	padding: 6px 20px;
}

.orangeCTAContainer {
	width: 100%;
	float: left;
	margin-top: 15px;
}

.orangeCTAContent {
	width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.orangeCta {
	background-color: white;
	border: 2px solid #ff5900;
	display: block;
	padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
	color: #ff5900;
  border-radius: 16px;
}

iframe.magazineIframe {
	width: 100%;
	height: 700px;
	margin: 0 auto;
  display: block;
}

.intBanking {
	width: 100%;
}

.intBanking tbody td {
	padding: 5px;	
}

.termsAndConditions {
	width: 100%;
}

.termsAndConditions td {
	padding: 5px;
}

#buttonContainer {
	width: 130px;
	margin: auto;
	margin-bottom: 10px;
}

#bankButton {
	display: block;
	background-color: red;
	border: 0;
	padding: 5px;
	cursor: pointer;
	width: 100%;
	text-align: center;
	color: white;
	font-family: raleway, sans-serif;
	border: none;
	font-weight: 700;
}

.slicknav_menu {
	background: none !important;
}

.tooltipContainer {
	position: relative;
	display: inline-block;
}


.tooltiptext {
	display: none;
	width: 120px;
	background-color: #E10A20;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 3;
}

.tooltiptext:hover {
	cursor: pointer;
}

.tooltipContainer .tooltiptext {
	top: 50%;
	left: 20%;
}

.tooltipContainer:hover .tooltiptext{
	display: block;
}

.buttonOutline {
	border: 2px solid white;
	height: 35px;
	width: 180px;
	position: absolute;
	top: 79%;
	left: 6%;
	border-radius: 10px;
}

	.buttonOutline:hover {
		box-shadow: 1px 1px inset grey;
	}

.categoryContent {
	padding: 20px 40px;
}