/*publish check */
/*h1 {
	color:#333333 !important;
	font-size:36px;
	line-height:36px !important;
}*/

h1 + h2 {
	margin-top:0px;
}
/**************** Search ****************/
#looking-for {top:5px;}

.indent {
	margin-left:8%; 
}
/***********  Page Header/Hero **********/
#header-content {height:125px !important; display:flex; align-items:center;}
#header-content-2 {height: auto !important;}
.header {min-height: 125px !important;height :auto !important; width: 450px; max-width:100% !important;}

.header h1 {
    margin:0px !important;
    line-height:1 !important; 
  /*  padding-left:80px; you can use this if they want a second line indent. I'd convert the fontawesome icons to image for ease of implementation.
    text-indent:-90px; 
  */  
    }
    
blockquote {
	font-size:18px;
}    
    
#plan-year-container {
	width:100%;
	height:36px;
	display:flex;
	justify-content: left;
	align-items:center;
    }
    
.plan-year {
	display:none;
	align-items: center;
	color: #fff;
	text-align:left;
	height:36px;
}

.bg-green {	
    background: rgb(145,169,59);
	background: linear-gradient(90deg, rgba(145,169,59,1) 0%, rgba(145,169,59,0.42) 87%);
	box-shadow: 0px 5px 4px #969696;
}

.col_plan-year-vert-container {
    width: 6.6666666666667% !important;
    padding-top:40px;
}

#print-all .col_plan-year-vert-container {
	display:none;
}

.plan-year-vert-container {
	position: relative;
}

.plan-year-vert {
	writing-mode: vertical-rl; 
	font-size:1.5em; 
	color:#91A93C; 
	font-weight:bold;
	position: sticky; 
	white-space:nowrap;
	transform:rotate(180deg);
	line-height: 1;
	top: 4rem;
}

.col_page-content {width:90% !important;}

@media only screen and (max-width:980px) {
	.plan-year-vert {
		writing-mode: unset;
		transform: none;
		top: 0;
	}
}

/******** norton id theft ***************/
#id-theft-protection a {
	overflow-wrap: break-word;
}
p.norton-bull {color:#FFBF00;}
td.norton-bull {background-color:#FFBF00;}


p.olp-bull {color:#2256A7;}
td.olp-bull {background-color:#2256A7;}
td.olp-bull p{color:#fff !important;}
.bullchar {	font-size:30px; margin:0; padding:0;line-height:24px; }

.table-id-theft td p, .table-id-theft td span {
	margin:0 !important;
	padding:0 !important;
}

.welcome a, .welcome a:hover, .welcome a:visited {
	font-weight:normal;
}

#home h2, #print-all h2 {
	color:#91A93B !important;
	font-size:3rem;
	line-height:normal !important;
	margin-top: 0px;
}


#home h3 {
	color:#000 !important;
	margin-bottom:8px;
	margin-top: 50px;
	font-size: 2rem;
}


#home h4 {
	color: #00578d!important;
	font-family: 'Open Sans';
	font-size: 1.3rem;
	margin-bottom: .75rem;
}	

#home h4:not(:first-of-type){
	border-top: 1px solid #00578d;
	padding-top: 1rem;
}

#home .previous-year h4 {
	color: black!important;
	font-size: 1.2rem;
}

#home .previous-year p {
	margin-left: 2rem;
}

#home .previous-year a {
	font-style: italic!important;
}

#home .col_page-content {
	width:100% !important;
}

#home div.welcome:first-of-type {
	 border-width: 3px;  
	 border-style: solid;
	 border-image: linear-gradient(to bottom, #FFF, #e2e2e2) 1 100%;
	 border-left:none;
	 padding-right: 1rem;
}

#home div.welcome:nth-of-type(2) {
	padding-left: 1rem;
}

#home .welcome a {
	/* display: block; */
	margin-bottom: 10px;
}

@media (max-width: 480px), (max-height: 600px){
	.col_plan-year-vert-container {
	padding-top: 0px;
}
	.plan-year-vert {
	writing-mode:lr;
	background:#FFF; 
	position:relative; 
	transform:rotate(0deg) !important;
	margin-bottom: 1rem;
	}
	
	.col_page-content {clear:both; }
}
    

#ctl00_PlaceHolderMain_ctl00__ControlWrapper_RichHtmlField br {display:none;}


/********** choose year page callout ***************/
/* ********** Callout Styles **********************************************/
.callout-container {
  min-height: 50px;
  width: 80%;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 30px 0px 50px 5px;
}


.callout-red {
  background-color: #0033A0;
  transform: skew(0deg);
  width: 14px;
  min-height: 100%;
}

.callout-white {
  background-color: #FFF;
  ;
  transform: skew(0deg);
  width: 5px;
  min-height: 100%;
}

.callout-grey {
  background-color: #b1b1b1;
  transform: skew(0deg);
  width: 7px;
  min-height: 100%;
}

.callout-text-container {
  background-color: #f2f2f2;
  transform: skew(0deg);
  width: 85%;
  margin-left: 7px;
}

.callout-text {
  	transform: skew(0deg);
	padding: 8px 15px 7px 23px;
}


.gold-box-top, .orange-box-top, .red-box-top {
	background-image: url('/wp-content/uploads/gold-box-right-bg-green.svg');
}
/***************** end of choose year callout ************/

/***************** Header Backgrounds ******/
#header-content {
	background: rgb(0,87,141);
	background: linear-gradient(90deg, rgba(0,87,141,1) 0%, rgba(125,182,209,1) 86%);}
	
    


/******************** Main Content ****************************/
.page-content {margin-top:0px !important;margin-bottom:20px !important;}
.page-content h1 { /*hide for screen show in print, H1 is in the page header section */
	display:none;
}

h5 {color:#333333 !important;font-size: 16px !important;margin-top:20px !important; margin-bottom:0px;}

.ms-reusableTextView br:last-of-type {display:none;}


/**************** Tables ********************/
table + ol {
	font-size: 14px;
}

.rtborder {border-right: 1px solid #e2e2e2 !important;}

/******* Wide Table - Shrink text so it fits */
table.table-wide p  {font-size:12px}


/*********** Page Layout Hacks ***************/


/*
#welcome #header-content {height:390px !important;}
#welcome #header-content-2 {height: 300px !important;}	
#welcome .header{
    width: 450px !important;
    display: table-cell !important;
    vertical-align: middle !important;
    height: 300px !important;
}
*/

@media only print {
	.page-content h1 { /*hide for screen show in print, H1 is in the page header section */
		display:block !important;
		color:#333333 !important;
	}
	
	a, strong  {
	font-family:Arial;
	font-weight: bold;
	}

	h2:first-child p, h3:first-child p, h4:first-child p, h5:first-child p {
	page-break-before:avoid
	}
}



@media only screen and (max-width: 800px){
	
	#header-content {
	    height: 200px !important;
	    min-height: 200px !important; 
	    position: relative !important;
	    background-size: cover !important;
	    background-position:center !important;
	    top: 0;
	}
	
	#header-content-2{	
		position: relative !important;
		min-height:200px !important;
		display: flex;
	    align-items: center;
    }
	
	#main-content {	margin-top: 0px;}
	.col_9 .page-content {padding: 0px 5px 0px 14px !important;	}	
	th, td {padding:3px !important;}
	/*for wide tables th p, td p {font-size:10px !important;}*/
	
}

@media (min-width: 480px) and (max-width: 768px){
	.col_page-content {margin-left:8% !important;}
}

/************************** IE 11 *****************/
@media all and (-ms-high-contrast:none)
{
    
	#boxes-1 {background:none;}
	.plan-year-vert {
		transform:rotate(90deg); 
		position:relative;
		margin:25px 0px 0px 0px;
		}


}