/*
Theme Name: BPS TwentySeventeen
Theme URI: 
Author: RTD Caribbean
Author URI: https://rtdcaribbean.com/
Description: Customised theme for the Barbados Postal Service.
Version: 1.0
License: 
License URI: 
Text Domain: bps_twentyseventeen
Tags: 
*/

html, body{
	margin:0px;
	padding:0px;
	background-color:white;
	height:100%;
}

#page{
	font-family:Arial, Verdana;
}

#page.front-page{
	background:rgb(240,240,240);
}

#masthead{
	background-color:rgb(220,220,220);
}

.pageWidth{
	width:1000px;
}

#firstTierLinkBar{
	padding:10px 0px 0px 0px;
	font-size:0px;
	/*width:800px;*/
	margin:0px auto;
}

.firstTierLink{
	display:inline-block;
	margin-right:20px;
	color:white;
	font-size:0.9rem;
}

.firstTierLink ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

.firstTierLink a{
	padding:5px;
}

.firstTierLink > ul > li{ /*Personal, Business, General Client, Financial, About Us*/
	position:relative;
	background:#7D7D7D;
	transition:all 300ms;
}

#ftl1442.firstTierLink > ul > li{ /*Personal, Business, General Client, Financial, About Us*/
	position:relative;
	background:yellow;
	transition:all 300ms;
	color:#7D7D7D;
	font-weight:bold;
}

.firstTierLink > ul > li:hover{
	display:block;
	background-color:rgb(240,240,240);
	color:#7D7D7D;
}

.firstTierLink > ul > li > a{
	display:block;
	padding:0px 10px;
	height:26px;
	line-height:27px;
	text-decoration:none;
	color:inherit;
}

.firstTierLink > ul > li > .firstTierLinkChild{
	display:none;
	list-style:none;
	position:absolute;
	top:10px;
	left:0px;
	z-index:10;
	transition:all 300ms;
}

.firstTierLink > ul > li >.firstTierLinkChild > li > a{
	height:0px;
	line-height:0px;
	transition:all 300ms;
}

.firstTierLink > ul > li:hover > .firstTierLinkChild{
	display:block;
	top:26px;
	background-color:rgb(240,240,240);
}

.firstTierLink > ul > li:hover > .firstTierLinkChild > li > a{
	color:#7D7D7D;
	text-decoration:none;
	display:block;
	height:26px;
	line-height:26px;
	width:190px;
	padding:5px 0px 5px 10px;
	transition:all 300ms;
}

.firstTierLink > ul > li:hover > .firstTierLinkChild > li:hover > a {
	color:white;
	background-color:red;
}

.firstTierLinkChild > li:hover{
	position:relative;
}

.firstTierLinkGrand{
	display:none;
}

li:hover > .firstTierLinkGrand{
	display:block;
	position:absolute;
	left:200px;
	top:0px;
}

li:hover > .firstTierLinkGrand > li > a{
	display:block;
	text-decoration:none;
	background-color:red;
	color:white;
	width:190px;
	padding:5px 0px 5px 10px;
}

.firstTierLinkGreatGrand{
	display:none;
	position:absolute;
	left:200px;
	top:0px;
	background-color:red;
	color:white;
	width:190px;
	padding:5px 0px 5px 10px;
}

.firstTierLinkGrand > li{
	position:relative;
}

.firstTierLinkGreatGrand > li > a{
	display:block;
	text-decoration:none;
	color:inherit;
	padding:5px;
}

li:hover > .firstTierLinkGrand > li:hover > .firstTierLinkGreatGrand{
	display:block;
}

#ftl1442.firstTierLink{
	background:yellow;
	color:white;
}

#searchLink{
	display:inline-block;
	margin-left:185px;
	font-size:1rem;
}

#searchLink > a{
	color:white;
	text-decoration:none;
}

#logoBar{
	height:95px;
	background:white;
	-moz-box-shadow:0 0 3px #808080;
	-webkit-box-shadow:0 0 3px #808080;
	box-shadow:0 0 3px #808080;
}

#logoBar_content{
	/*width:800px;*/
	margin:0px auto;
	padding:7px 30px 0px 30px;
	position:relative;
}

#logo{
	display:block;
	width:165px;
	height:77.25px;
	background-image:url("images/BPS_Logo.PNG");
	background-size:cover;
}

#AccountLoginBar{
	position:absolute;
	top:20px;
	right:30px;
}

#AccountLoginBar > a{
	text-decoration:none;
	color:red;
}

#PostOfficeFinderLink{
	padding-left:10px;
	margin-left:10px;
	border-left:1px solid grey;
}

#banner{
	/*height:400px;*/
	background:white;
	-webkit-box-shadow:0px 0px 13px 0px rgba(136,136,136,0.71);
	-moz-box-shadow:0px 0px 13px 0px rgba(136,136,136,0.71);
	box-shadow:0px 0px 13px 0px rgba(136,136,136,0.71);
	/*border-bottom:2px solid #7D7D7D;*/
	margin-bottom:20px;
}

#banner_content{
	/*width:800px;*/
	margin:0px auto;
}
/*
a.flex-prev, a.flex-next{
	opacity:1 !important;
}
*/
a.flex-prev{
	left:0px !important;
}

a.flex-next{
	right:0px !important;
}

/*
 * Slider Buttons
 */
span.sliderButton{
	color:white;
	background:rgb(234, 27, 35);
	font-weight:bold;
	padding:10px 35px;
	font-size:1.5rem;
	cursor:pointer;
}

#secondTierLinkBar{
	font-size:0px;
	margin:0px;
	background:#EA1B23;
}

#secondTierLinkBar_content{
	/*width:800px;*/
	margin:0px auto;
}

.secondTierLink{
	display:inline-block;
	position:relative;
	font-size:0.9rem;
	padding:3px 5px;
	transition:all 300ms;
}

.secondTierLink > a{
	display:block;
	height:40px;
	line-height:40px;
	padding:0px 10px;
	color:white;
	text-decoration:none;
	transition:all 300ms;
}

.secondTierLink:hover{
	background:rgb(240,240,240);
}

.secondTierLink:hover > a{
	color:#515151;
}

.secondTierLinkChild{
	display:none;
	position:absolute;
	top:46px;
	left:0px;
	list-style:none;
	padding:10px;
	margin:0px;
	background:rgb(240,240,240);
}

.secondTierLinkChild > li > a{
	display:block;
	padding:0px 15px;
	height:26px;
	width:365px;
	line-height:27px;
	text-decoration:none;
	color:#515151;
}

.secondTierLinkChild > li > a:hover{
	color:red;
}

.secondTierLink:hover > .secondTierLinkChild{
	display:block;
	z-index:1;
}

.linkCaret{
	margin-left:10px;
}

.site-content-contain{
	position:relative;
	padding:0px;
	overflow:auto;
}

#weatherWidget{
	position:absolute;
	top:100px;
	right:0px;
	height:232px;
	width:255px;
}

#content{
	width:100vw;
	/*border:1px solid #D2D2D2;*/
}

#page.front-page content{
	background:rgb(240,240,240);
}

header > h1{
	font-size:2.3rem;
	display:block;
	line-height:120%;
	color:initial;
	background:linear-gradient(to right, #2B0092 5%, #FF0000 20%, #89B2E5 45%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.titleIcon{
	color:red;
	margin-right:10px;
}

/*
header > h1{
	color:red;
}
*/

header > h1.entry-title.home{
	display:none;
}

#sideBar{
	overflow:auto;
}

.sideBarLink{
	display:block;
	width:100vw;
	/*float:left;
	width:22%;
	padding:0px 4% 32px 4%;
	margin:0px 17px 20px 13px;
	background:white;
	color:white;
	border:1px solid transparent;
	transition:all 300ms;*/
}

.sideBarLink:hover{
	border:1px solid red;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sideBarLink > a{
	text-decoration:none;
}

.sideBarLink > a > span{
	display:block;
}

.sideBarLink > a > span.sideBarLinkTitle{
	border-bottom:1px solid red;
	color:rgb(120,120,150);
	font-weight:bold;
	text-align:center;
	padding:10px 0px;
}

.sideBarLink > a > span.sideBarLinkImg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 210px;
	height:168px;
	line-height:150px;
	font-size:100px;
	text-align:center;
	color:red;
}

#post-shop .sideBarLinkImg{
    background-image: url("images/postshop.jpg");
}

#post-pay .sideBarLinkImg{
    background-image: url("/wp-content/uploads/2019/04/Screen-Shot-2019-04-08-at-01.47.56.png");
}

#solution-for-online-sellers .sideBarLinkImg{
    background-image: url("/wp-content/uploads/2018/01/E-COMMERCE-FOR-BUSINESS.jpeg");
}

#same-day-delivery .sideBarLinkImg{
	/*background-image: url("images/POST-OFFICE-ICONS-3-full02.jpg");*/
	background-image:url("/wp-content/uploads/2019/04/Screen-Shot-2019-04-14-at-22.40.58.png");
}

#find-a-mail-box .sideBarLinkImg{
    background-image: url("images/POST-OFFICE-ICONS-3-full08.jpg");
}

#mail-box-rental .sideBarLinkImg{
    background-image: url("images/POST-OFFICE-ICONS-3-full03.jpg");
}

#direct-mail .sideBarLinkImg{
    background-image: url("images/POST-OFFICE-ICONS-3-full04.jpg");
}

#agency-services .sideBarLinkImg{
    background-image: url("images/AGENCY-SERVICES.jpeg");
}

#online-assistance .sideBarLinkImg{
    background-image: url("images/POST-OFFICE-ICONS-3-full07.jpg");
}

.subcatNavTile{
	float:left;
	width:22%;
	padding:0px 4% 32px 4%;
	margin:0px 17px 20px 13px;
	background:white;
	/*color:white;*/
	border:1px solid transparent;
	transition:all 300ms;
	height:200px;
}

#thirdTierLinkBar{
	display:none;
	float:right;
	background:rgb(220,220,220);
	width:25%;
	max-width:200px;
}

.thirdTierLink > a{
	display:block;
	height:30px;
	line-height:30px;
	padding:0px 10px;
	margin-bottom:5px;
	text-decoration:none;
	font-weight:bold;
	color:rgb(209, 56, 40);
	transition:all 300ms;
}

.thirdTierLink > a:hover{
	background:rgb(209, 56, 40);
	text-decoration:none;
	color:white;
}

.redButton{
	display:inline-block;
	background:red;
	padding:5px 8px;
	color:white;
	text-decoration:none;
	border-radius:3px;
}

@keyframes slide {
  from { left: 100%;}
  to { left: -100%;}
}
@-webkit-keyframes slide {
  from { left: 100%;}
  to { left: -100%;}
}

#noticeBar { 
  background:#EA1B23; 
  color:#f0f0f0;
  width:100%;
  height:40px;
  line-height:40px;
  overflow:hidden;
  position:fixed;
  bottom:0px;
}

#notices {
  position:absolute;
  top:0;
  left:0;
  min-width:100%;
  height:120px;
  font-size:30px;
  white-space:nowrap;
  overflow:visible;
  animation-name: slide;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: slide;
  -webkit-animation-duration: 30s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count: infinite;
}

footer{
	margin-top:20px;
	padding:20px 0px;
	background:rgb(114,121,119);
}

footer > .wrap{
	/*width:800px;*/
	padding:20px 0px;
	margin:0px auto;
}

#footerLinkBarRow{
	overflow:auto;
}

.footerLinkBar{
	float:left;
	margin-right:4%;
	width:22%;
}

#externalLinksLinkBar{
	margin-right:0px;
}

.footerLinkBarTitle{
	display:block;
	padding:0px 5px 10px 0px;
	color:white;
	font-size:20px;
	border-bottom:1px solid red;
	margin-bottom:5px;
}

.footerLink{
	display:block;
	height:20px;
	line-height:20px;
	color:rgb(220,220,220);
	font-size:0.8em;
	text-decoration:none;
	padding:0px 5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#footerBottomRow{
	clear:both;
	overflow:auto;
	margin-top:30px;
}

#socialBar{
	float:left;
	height:50px;
	line-height:50px;
}

.socialIcon{
	float:right;
	margin-left:15px;
	font-size:24px;
	color:rgb(220,220,220);
	cursor:pointer;
}

.socialIcon:last-child{
	margin-left:0px;
}

.socialIcon > a{
	color:inherit;
}

/*
.socialIcon.facebook:hover{
	color:#3a579a;
}

.socialIcon.twitter:hover{
	color:#00abf0;
}

.socialIcon.linkedin:hover{
	color:#0077B5;
}

.socialIcon.pinterest:hover{
	color:#CD2129;
} 
*/

#subscribeBar{
	float:right;
	font-size:0.75em;
	text-align:center;
}

#subscribeLabel{
	color:rgb(220,220,220);
}

#subscribeBox{
	width:250px;
	padding:3px 5px;
}

#subscribeButton{
	border:none;
	padding:5px 8px;
	color:white;
	background:red;
}

#copyrightBar{
	display:block;
	text-align:center;
	color:rgb(220,220,220);
	font-size:14px;
	height:50px;
	line-height: 50px;
}

div.poLocation{
	float:left;
	margin-right:20px;
	padding:10px;
}

div.entry-content img{
	margin-right:30px;
	margin-bottom:30px;
}

.breadcrumbRight{
	color:rgb(254, 0, 0);
}

div.breadcrumbs a{
	text-decoration:none;
}

@media only screen and (min-width:600px){
#content{
	width:960px;
	margin:0px auto;
	min-height:400px;
	padding:20px 20px;
	/*border:1px solid #D2D2D2;*/
}
	
.sideBarLink{
	float:left;
	width:22%;
	padding:0px 4% 32px 4%;
	margin:0px 17px 20px 13px;
	background:white;
	color:white;
	border:1px solid transparent;
	transition:all 300ms;
}

.sideBarLink:hover{
	border:1px solid red;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sideBarLink > a{
	text-decoration:none;
}

.sideBarLink > a > span{
	display:block;
}

.sideBarLink > a > span.sideBarLinkTitle{
	border-bottom:1px solid red;
	color:rgb(120,120,150);
	font-weight:bold;
	text-align:center;
	padding:10px 0px;
}

.sideBarLink > a > span.sideBarLinkImg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 210px;
	height:168px;
	line-height:150px;
	font-size:100px;
	text-align:center;
	color:red;
}
}