/*	----- 	START OF EMPLOYER/VETERANS - SHARED - BOXES FOR LVER & STORIES	------	 */
.learnmore, .viewmore, .shareyourstory {
	background-color:#FF8000;
	color:#000000 !important;
	border-radius:0.1em;
	cursor:pointer;
	border-style:none;
	padding:0.5% 2% 1% 2%;
	font-size:inherit;
	font-weight:normal;
	z-index:99999;
	margin-top:2%;
}
.learnmore:hover, .viewmore:hover, .shareyourstory:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	color: #ffffff !important;
}
.learnmore:active, .viewmore:active, .shareyourstory:active {
	transform: translateY(2px);
}
.learnmore, .viewmore {
	margin-left:2%;
}
.shareyourstory {
	margin-right:2%;
	float:right;
}
.lverWindow, .storiesWindow {
	float:left;
	min-height:300px;
	color:white;
	padding:1%;
	margin:1%;
	position:relative;
}
.lverWindow {
	width:44%;
	background-color:#00457c;
}
.storiesWindow {
	width:48%;
	background-color:#F7F5EB;
}

.storiestext {
	color:#000000;
}

p.storiestext {
	font-size:12pt;
}

.onlineBox{
	background:#F7F5EB; 
	display:inline-block; 
	padding:0px 1% 10px 1%; 
	width:95%; 
	margin: 0 1.25%;
}

#successstoryshort {
	display:none;
}

.blueinfoboxcontainer {
	padding:2px;
	width:100%;
}

.blueinfobox {
	background-color:#00457c;
	color:white;
	padding:1%;
	margin:1%;
	width:29%;
	min-height:160px;
	float:left;
}

.rightbluebox {
	Clear:right;
}

h3.blueboxheading {
	color:white !important;
	font-size:12pt !important;
}

p.smallfont {
	font-size:10pt !important;
}

.primaryheader {
	color:#000000;
	font-size:20pt;
}

h2 {
	padding-top:0px !important;
	padding-bottom:0px !important;
}

h2.headingvets {
	font-size:20pt !important;
	clear:left !important;
	color:#000000 !important;
}

h3.headingvets {
	font-size:1.15em !important;
	clear:left;
	color:#000000;
}

h2.adjustmargins {
	position:relative;
	top:25px;
	padding-bottom:25px !important;
}

img.rightlogo {
	float:right;
	margin-right:1%;
}

img.logoraise {
	margin-top:-20px;
}

h3.columntopheading {
	color:#000000 !important;
	font-size:20pt !important;
}

div.resourcescolumn {
	max-width:48%;
	min-width:48%;
	float:left;
}

.goright {
	float:right;
}

.boxtext {
	color:white;
}

.lverboxtext {
	max-width:60%;
	font-size:12pt;
}

img#wisconsinmap {
	float:right;
	margin:3px;
	max-height:142px;
}

.indentblock{
	width:95%;
	padding:0px 1%;
	margin: 0 1.25%;
}

#wrapper {
    background: no-repeat center center fixed #cccccc;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    float: left;
    min-height: 100%;
    position: relative;
    width: 100%;
}

    #wrapper #left_connect_icons {
        position: fixed;
        background: #003663;
        padding: 5px;
        top: 200px;
        width: 40px;
        -moz-border-radius: 0 10px 10px 0;
        -webkit-border-radius: 0 10px 10px 0;
        border-radius: 0 10px 10px 0; /* future proofing */
    }

    #wrapper #left_connect_icons a {
        position: relative;
        float: left;
        margin: 2px 0;
        height: 40px;
    }


@media (max-width:1135px) {
	img#wisconsinmap {
		display:none;
	}
}

@media (max-width:1060px) {
	.infowindow {
		min-height: 300px;
	}
}

@media (max-width:980px) {
	.infowindow {
		min-height:375px;
	}
	img#wisconsinmap {
		display:none;
	}
	.boxtext {
		max-width:100% !important;
	}
}

@media (max-width:800px) {
	.twoboxcontainer {
		margin-right:0px;
	}
	.infowindow {
		width:90%;
		min-height:200px;
	}
	#successstory {
		display:none;
	}
	#successstoryshort {
		display:inline;
	}
	.boxtext {
		max-width:60% !important:
	}
/*	img#wisconsinmap {
		display:block;
	}*/
	div.resourcescolumn {
		max-width:100% !important;
		min-width:100% !important;
	}
}

@media (max-width:680px) {
	.blueinfobox {
		width:95%;
		min-height:100px;
	}
	.lverWindow, .storiesWindow {
		width:95%;
	}
	.twoboxcontainer {
		margin-right:40px;
	}
	.infowindow {
		width:93%;
		clear:left;
		min-height:250px;
	}
	#successstory {
		display:inline;
	}
	#successstoryshort {
		display:none;
	}
	.learnmore, .shareyourstory, .viewmore {
		display:block;
		float:left;
		clear:left;
		width:92%;
		margin-left:2%;
		margin-right:0%;
	}
}

@media (max-width:675px) {
	#maincolumn{
		width:98%;
	}
}

@media (max-width:350px) {
	img#wisconsinmap {
		display:none;
	}
	.boxtext {
		max-width:100% !important;
	}
}
@media (max-width:320px) {
	.shareyourstory {
		float:none;
		display:block;
		clear:left;
		margin:5px;
	}
	.viewmore {
		margin-bottom:10px;
	}
}