/* ==========================================================================
   Author's custom styles
   ========================================================================== */




/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  color:#222222;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: #f5f5f5;
}



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 12px;
    padding-left: 12px;
}















/*	--------------------------------------------------
	:: Web Fonts
	-------------------------------------------------- */
/* 
5/7/2012 - Generated from fonts.com
5/8/2012 - Updated to use the Fontspring @font-face syntax: http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax
*/
@font-face {
	font-family: 'HelveticaNeueW01-45Ligh';
	src:	url('../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff') format('woff'), 
			url('../fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf') format('truetype');
}
@font-face {
	font-family: 'HelveticaNeueW01-55Roma';
	src:	url('../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff') format('woff'), 
			url('../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf') format('truetype');
}
@font-face {
	font-family: 'HelveticaNeueW01-75Bold';
	src:	url('../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix') format('embedded-opentype'), 
			url('../fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff') format('woff'), 
			url('../fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf') format('truetype');
}



.label-as-badge {
    border-radius: .5em;
    float:right;
}




body {
font-family: Arial, HelveticaNeueW01-55Roma, Helvetica, sans-serif;
}


section {
    padding-top: 90px;
    margin-top: -90px;
    
    margin-bottom:50px;
}




.list-group {
-webkit-box-shadow: none;
box-shadow: none;
}

a.list-group-item {
    color: #0e8dfc;
    font-size:16px;
    background:transparent;
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover, a.list-group-item:focus {
    color: #15202d;
}


.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
	border-bottom:1px solid #E0EAF6;
}

.sidenav-heading {
	padding-bottom:8px;
	margin-top:20px;
	margin-left:15px;
	color:#000;
	font-size:16px;
}





h5.title-downloads {margin-top:20px; color:#666666; text-transform: uppercase; font-size:16px; font-family: Arial, HelveticaNeueW01-45Ligh, Helvetica, sans-serif; }

.well-downloads {
	background:#fcfcfc;
	border-radius:0;
	margin-bottom:15px;
}


.well-downloads a {
	border-left:0;
	border-right:0;
	border-top:1px solid #E0EAF6;
}

.well-downloads a:first-child {
	border-radius:0;
	border-top:0;
	border-left:0;
	border-right:0;
}

.well-downloads a:last-child {
	border-radius:0;
	border-bottom:0;
	border-left:0;
	border-right:0;
}


.well-downloads .list-group {
margin-bottom:0;
}


.well-downloads .list-group-item {
padding:5px 15px;
font-size:14px;
}

.badge.badge-download {
    display: inline-block;
    min-width: 10px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #777;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #eeeeee;
    border-radius: 0px
}





h2 { font-size:1.3em; margin-top:40px; padding-bottom:4px; border-bottom:1px solid #E0EAF6;}

h2:first-of-type {margin-top:20px}


a {
    color: #0e8dfc;
    text-decoration: none
}

a:hover, a:focus {
    color: #15202d;
    text-decoration: none
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}








.navbar-aepfooter {
	border-top: 10px solid #fff; border-bottom: 0.625rem solid #fff;
	border-bottom: 0;
	margin-bottom: 0;
	padding: 10px 0;
	color:#ffffff;
	background:#000000;
	font-size:11px;
}






.navbar-aepstyle {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,240,254,1) 65%, rgba(184,217,252,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(65%,rgba(229,240,254,1)), color-stop(100%,rgba(184,217,252,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,240,254,1) 65%,rgba(184,217,252,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,240,254,1) 65%,rgba(184,217,252,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,240,254,1) 65%,rgba(184,217,252,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,240,254,1) 65%,rgba(184,217,252,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b8d9fc',GradientType=0 );
	padding: 0.9365em 0.9365em 0 0.9365em;
	border-bottom: 10px solid #fff; border-bottom: 0.625rem solid #fff;
}



.icon-bar {
background:#0e8dfc;
}




 .logo { margin-top:0px; margin-bottom:9px; background-repeat: no-repeat; height: 58px; width: 110px;}
 .logo.aepohio { background-image: url('/img/global/AEPOhio_Logo_2xB.png'); }

@media (-webkit-min-device-pixel-ratio: 1), (min-resolution: 1dpi) {
	 .logo { background-size: auto 100%; }
	 .logo.aepohio { background-image: url('/img/global/AEPOhio_Logo_2xB.png'); }
} 




.logo .clickable {
    background-color: transparent;
    cursor: pointer;
    display: block;
    height: 53px;
    position: absolute;
    width: 100px;
    z-index: 2;
}



#loginholder {
display:inline-block;
border-top:1px solid #0e8dfc;
border-right:1px solid #0e8dfc;
border-bottom:1px solid #0e8dfc;
border-left:1px solid #0e8dfc;
padding:4px 8px;
margin:1px -5px 0 0;
}
#loginholder .form-control {height:24px; font-size:12px; padding-top:8px;}



#searchholder {
display:inline-block;
margin:1px 0 0 0;
}






/* BUTTONS */
.btn {border-radius:0!important;}

.btn-aep {
background-color: #0e8dfc;
color: #fff;
}

.btn-aep:hover, .btn-aep:focus {
background-color: #15202d; 
color: #fff;
}

.btn-aep:active, .btn-aep.active {
    background-color: #15202d;
	color: #fff;
}

.btn-aep:disabled, .btn-aep[disabled] {
    background-color: #666666;
	color: #fff;
}


	.loginregisterbutton {margin-right:20px;}




.btn-aepalt {
background-color: #ccddf3;
color: #333;
}

.btn-aepalt:hover, .btn-aep:focus {
background-color: #ccddf3; 
color: #96a3b3;
}

.btn-aepalt:active, .btn-aep.active {
    background-color: #ccddf3;
	color: #96a3b3;
}

.btn-aepalt:disabled, .btn-aep[disabled] {
    background-color: #666666;
	color: #333;
}




.btn-aepplain {
background-color: #ffffff;
color: #999;
}

.btn-aepplain:hover, .btn-aepplain:focus {
background-color: #ffffff; 
color: #333;
}

.btn-aepplain:active, .btn-aepplain.active {
    background-color: #ffffff;
	color: #333;
}

.btn-aepplain:disabled, .btn-aepplain[disabled] {
    background-color: #ffffff;
	color: #999;
}






/* FORMS */

.form-control {border-radius:0!important;}




/* LAYOUT */

.breadcrumbholder{
position:fixed;
width:100%;
height:45px;
top:81px;
border-bottom: 0.3125em solid #E0EAF6;
z-index:50;
background:#ffffff;
}


.breadcrumb {
    padding: 9px 0;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

.topcontainer {margin-top:75px; margin-bottom:60px;}
.bottommargin {margin-bottom:5px;}


.bluebox {
	height:175px!important;
	overflow-y: hidden;
	background-color: #0e8dfc;
	color: #fff;
	text-align:center;
	margin-bottom:17px;
}



.row.boxyrow {
margin-top:20px;
}



.boxyrow a
{
	color: #fff;
	text-decoration: none;
}


.boxyrow a:hover 
{
	color: #fff;
	text-decoration: none;
}


.bluebox:hover 
{
	background-color: #0c7ddf;
}


.bluebox h1 {
text-transform: uppercase;

	font-size:18px;
	color: #fff;
	padding:0px 15px 0px 15px;
	text-align:left;
	margin-top:15px;
}


h2 {
text-transform: uppercase;

	font-size:16px;
	color: #000;
	padding:0 0 5px 0;
	text-align:left;
	margin-top:15px;
	margin-bottom:20px;
}





.homeicons {height:100px;}
.homeicons2 {height:200px; width:auto; margin-top:30px;}



.bluebox span.glyphicon {
	display:block;
	margin:20px auto 0 auto;
	font-size:75px;
}



	.blueboxholder.listview, .blueboxcolumns.listview {
		display:block;
		width:100%;
	}

	.bluebox.listview, .bluebox.blueboxbig.listview {
		height:40px!important;
		overflow-y: hidden;
		color: #fff;
		text-align:center;
		margin-bottom:5px;
	}


	.bluebox.listview h1 {
		float:left;
		margin-right:40px;
		font-size:22px;
		padding:8px;
		text-align:left;
		margin-top:0;
	}
	
	.bluebox.listview span.glyphicon, .bluebox.blueboxbig.listview span.glyphicon {
		width:35px;
		float:right;
		display:block;
		font-size:24px;
		margin-top:5px;
	}

	.bluebox.listview img.homeicons {
		float:right;
		display:block;
		height:30px;
		margin-top:5px;
		margin-right:13px;
	}

	.bluebox.listview img.homeicons2 {
		float:right;
		display:block;
		height:30px;
		margin-top:5px;
 		padding-top:0px;
 	}



.row.subpageholder {
padding-bottom:120px;
border-bottom: 0.3125em solid #E0EAF6;
}


.row.subpageholder .row{
padding-bottom:25px;
}

#subnav {
width:100%;
text-transform:uppercase;
margin-left:10px;

}


#sidenavsubnav {
position:fixed;
width:269px;
top:120px;
z-index:90;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-top:19px;
}


#sidenav {
position:fixed;
width:269px;
top:160px;
z-index:50;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-top:19px;
}



#sidenav a {
	border-left:0;
	border-right:0;
	border-top:1px solid #E0EAF6;
}

#sidenav a:first-child {
	border-radius:0;
	border-top:0;
	border-left:0;
	border-right:0;
}


p {font-size:14px; line-height:18px; padding-bottom:10px; }
p.downloaddesc {margin-left:15px; font-size:12px; line-height:15px; padding-bottom:0px; margin-bottom:0px; padding-top:5px; color:#999999;}
.subpageholder section p {margin-left:5px;}



.subpageheader {
height:208px;
margin-bottom:25px;
}

.subpageheader h1 {text-transform: uppercase; width:430px; margin-top:0; padding-top:15px; font-family: Arial, HelveticaNeueW01-45Ligh, Helvetica, sans-serif;}
.subpageheader p {width:430px; font-size:16px; line-height:20px; font-family: Arial, HelveticaNeueW01-45Ligh, Helvetica, sans-serif;}


.subpageheader.subpagecolor {
background:#ffffff url('../img/hdrs/color_hdr.jpg') top left no-repeat;
}
.subpageheader.subpagelogo {
background:#ffffff url('../img/hdrs/logo_hdr.jpg') top left no-repeat;
}
.subpageheader.subpagetype{
background:#ffffff url('../img/hdrs/type_hdr.jpg') top left no-repeat;
}
.subpageheader.subpagedigital{
background:#ffffff url('../img/hdrs/digital_hdr.jpg') top left no-repeat;
}
.subpageheader.subpageart{
background:#ffffff url('../img/hdrs/art_hdr.jpg') top left no-repeat;
}
.subpageheader.subpagewear{
background:#ffffff url('../img/hdrs/wear_hdr.jpg') top left no-repeat;
}
.subpageheader.subpagegallery {
background:#ffffff url('../img/hdrs/gallery_hdr.jpg') top left no-repeat;
}



.swatch {display:block; padding-top:90px; vertical-align: text-bottom; position:relative; overflow:hidden; margin-bottom:5px;}
.swatch2 {display:block; padding-top:45px; vertical-align: text-bottom; position:relative; overflow:hidden; margin-bottom:5px;}
.color_spec {margin-bottom:20px; font-size:13px; line-height:20px;}



/* AEP SOCIAL MEDIA STYLES */
/* AEP SOCIAL MEDIA STYLES */
.share-links h4 {
    font-family: Arial;
    font-weight: normal;
    display: block;
    color: #0086ff;
    font-size: 16px;
    text-align: center;
}
.icon-container {
    display: block;
    /*width: 140px;*/
    vertical-align: middle;
    text-align: center;
}
.fb-icon, .tw-icon, .yt-icon, .email-icon, .aep-icon, .search-icon, .share-icon {
    display:inline-block;
    width:37px;
    height:37px;
    background-image:url('/images/skin/icons/twitter_logo_1x.png');
    background-size:36px 37px;
    background-repeat:no-repeat;    
}
.tw-icon {background-image:url('../img/icons/twitter_logo_1x.png');}
.fb-icon {background-image:url('../img/icons/facebook_logo_1x.png');}
.yt-icon {background-image:url('../img/icons/youtube_logo_1x.png');}
.email-icon {background-image:url('../img/icons/mailcircle_logo_1x.png');}
.aep-icon {background-image:url('../img/icons/aepcircle_logo_1x.png');}

 .icon-container .fb-icon,  .icon-container .tw-icon,  .icon-container .yt-icon,  .icon-container .email-icon, .icon-container .aep-icon {
    background-position: top center;
    padding-top:40px;
    color:#bbb;
    width:auto;
    min-width:38px;
    height: auto;
    font-size:10px;
    text-align: center;
    margin:0 3px 3px 3px;
 }

/* AEP SOCIAL MEDIA STYLES */
/* AEP SOCIAL MEDIA STYLES */


/* CREATIVE GALLERY */
/* CREATIVE GALLERY */
.videocontent {

margin:10px auto!important;

}
.printcontent {

margin:10px auto!important;

}
.audiocontent {

margin:20px auto!important;

}


section#tvspots p, section#radiospots p, section#printspots p, section#digitalspots p {
font-size:16px;
font-weight:bold;
color:666666;
}

/* CREATIVE GALLERY */
/* CREATIVE GALLERY */


/* IMAGES & ICONS */
/* IMAGES & ICONS */
.icontitle {
	font-weight:bold;
	font-size:14px;
	margin-top:5px;
}
/* IMAGES & ICONS */
/* IMAGES & ICONS */




.tooltip-inner {
  	min-width: 300px;
    white-space:pre-line;
    text-align:left;
}
/* .tooltip-inner strong {font-size:13px; color:#bbbbbb; display:block; margin-top:10px;} */


.eventtypetitle {font-weight:bold; font-style:italic; text-decoration:underline; font-size:14px;}
.eventtypesubtitle {font-size:13px; color:#bbbbbb; display:block; margin-top:10px; font-weight:bold;}






.event i {margin-right:5px;}
.event-item {font-size:12px; }
.event-item strong {font-size:13px; color:#bbbbbb;}
#cal-slide-content a.event-item {line-height:16px;}


/* DESKTOP STYLES */

@media (max-width:1199px) {

#sidenav {
width:219px;
}

#sidenavsubnav {
width:219px;
}


}




@media (min-width:993px) {
	.blueboxbig {
		height:367px!important;
	}
	
	.bluebox.blueboxbig span.glyphicon {
		display:block;
		margin:70px auto 0 auto;
		font-size:140px;
	}
}



/* TABLET STYLES */
@media (max-width:992px) {
#subnav {
margin-bottom:25px;

}


#sidenav {
position:static;
top:auto;
z-index:auto;

}

#sidenavsubnav {
position:static;
top:auto;
z-index:auto;
}

}





@media (max-width:992px) and (min-width:768px) {



    #loginholder {
        display: none !important;
    }

	.homeicons2 {height:90px; margin-top:10px;}



}



/* MOBILE STYLES */

@media (max-width:767px) {






.subpageheader {
height:auto;
padding-bottom:30px;
border-bottom: 0.3125em solid #E0EAF6;

}

.subpageheader h1 {width:100%; padding-right:20px;}
.subpageheader p {width:100%; padding-right:20px;}


.subpageheader.subpagecolor {
background:none;
}
.subpageheader.subpagelogo {
background:none;
}
.subpageheader.subpagetype{
background:none;
}
.subpageheader.subpagedigital{
background:none;
}
.subpageheader.subpageart{
background:none;
}
.subpageheader.subpagewear{
background:none;
}
.subpageheader.subpagegallery{
background:none;
}



	#searchholder {display:block;}
	#loginholder {display:block; margin-right:0px; padding:10px;}
	#loginholder .form-control {padding-top:0;}
	.navbar-form button {display:block; margin:0;}

	.loginregisterbutton {margin-right:0px;}
	.loginregisterbutton button {margin-bottom:10px; width:100%; display:block; float:none; text-align:center;}
	.loginloginbutton { width:100%; display:block; float:none; text-align:center; margin:0;}


	#homegridbutton, #homelistbutton {
		display:none;
	}



	.bluebox {
		height:40px!important;
		overflow-y: hidden;
		color: #fff;
		text-align:center;
		margin-bottom:5px;
	}


	.bluebox h1 {
		float:left;
		margin-right:40px;
		font-size:22px;
		padding:8px;
		text-align:left;
		margin-top:0;
	}
	
	.bluebox span.glyphicon {
		width:35px;
		float:right;
		display:block;
		font-size:24px;
		margin-top:5px;
	}


	.bluebox img.homeicons {
		float:right;
		display:block;
		height:30px;
		margin-top:5px;
		margin-right:13px;
	}


	.bluebox img.homeicons2 {
		float:right;
		display:block;
		height:30px;
		margin-top:5px;
		margin-right:20px;
 		padding-top:0px;
 	}




}