@charset "UTF-8";
/* CSS Document */

/*
[mv_include id='261']
[form form-1]
[portfolio_slideshow id=xxx]
/%postname%
*/

/*------ddddd-----vvvv----------------------------Navigation For responsive used on Nahm-----------http://www.hongkiat.com/blog/responsive-web-nav/------ */

.subdomained-logo{display:none!important;}

.centertext{text-align:center;}

.s10{float:left;width:100%;height:10px;}
.s20{float:left;width:100%;height:20px;}
.s30{float:left;width:100%;height:30px;}
.s40{float:left;width:100%;height:40px;}
.s50{float:left;width:100%;height:50px;}
.s60{float:left;width:100%;height:60px;}
.s70{float:left;width:100%;height:70px;}
.s80{float:left;width:100%;height:80px;}
.s90{float:left;width:100%;height:90px;}
.s100{float:left;width:100%;height:100px;}
.s120{float:left;width:100%;height:120px;}
.s150{float:left;width:100%;height:150px;}
.s200{float:left;width:100%;height:200px;}

.mb10{margin-bottom:10px;}
.mt10{margin-top:10px;}
.mb20{margin-bottom:20px;}
.mt20{margin-top:20px;}
.mb30{margin-bottom:30px;}
.mt30{margin-top:30px;}
.mb40{margin-bottom:40px;}
.mt40{margin-top:40px;}
.mb50{margin-bottom:50px;}
.mt50{margin-top:50px;}
.mb60{margin-bottom:60px;}
.mt60{margin-top:60px;}
.mb70{margin-bottom:70px;}
.mt70{margin-top:70px;}
.mb80{margin-bottom:80px;}
.mt80{margin-top:80px;}
.mb90{margin-bottom:90px;}
.mt90{margin-top:90px;}
.mb100{margin-bottom:100px;}
.mt100{margin-top:100px;}
.mb120{margin-bottom:120px;}
.mt120{margin-top:120px;}
.mb150{margin-bottom:150px;}
.mt150{margin-top:150px;}
.mb200{margin-bottom:200px;}
.mt200{margin-top:200px;}

.pb10{padding-bottom:10px;}
.pt10{padding-top:10px;}
.pb20{padding-bottom:20px;}
.pt20{padding-top:20px;}
.pb30{padding-bottom:30px;}
.pt30{padding-top:30px;}
.pb40{padding-bottom:40px;}
.pt40{padding-top:40px;}
.pb50{padding-bottom:50px;}
.pt50{padding-top:50px;}
.pb60{padding-bottom:60px;}
.pt60{padding-top:60px;}
.pb70{padding-bottom:70px;}
.pt70{padding-top:70px;}
.pb80{padding-bottom:80px;}
.pt80{padding-top:80px;}
.pb90{padding-bottom:90px;}
.pt90{padding-top:90px;}
.pb100{padding-bottom:100px;}
.pt100{padding-top:100px;}
.pb120{padding-bottom:120px;}
.pt120{padding-top:120px;}
.pb150{padding-bottom:150px;}
.pt150{padding-top:150px;}
.pb200{padding-bottom:200px;}
.pt200{padding-top:200px;}

.clear {clear:both;}
		
.panel{
	float:left;
	width:100%;
	}
	
.panelinside{
	margin:0 auto;
	width:80%;
	max-width:1300px;
	}

.panelinsidemailing{
	float:left;
	width:500px;
	}

a:link {color:   #00ADEF;text-decoration: none;}
a:visited {color:   #00ADEF;text-decoration: none;}
a:hover {color:  red;text-decoration: none;}
a:active {color:   #00ADEF;text-decoration: none;}

a.but:link {color: #ffffff;text-decoration: none;}
a.but:visited {text-decoration: none; color: #ffffff!important;}
a.but:hover {text-decoration: none;color: #ffffff!important;}
a.but:active {text-decoration: none;color: #ffffff;}

a.buy:link {color: #666666;text-decoration: none;}
a.buy:visited {text-decoration: none; color: #666666!important;}
a.buy:hover {text-decoration: none;color: #ffffff!important;}
a.buy:active {text-decoration: none;color: #666666;}


a.nav:link {color: #ffffff;text-decoration: none;}
a.nav:visited {text-decoration: none; color: #ffffff!important;}
a.nav:hover {text-decoration: none;color: #ffffff!important;}
a.nav:active {text-decoration: none;color: #ffffff;}

a.text:link {color: #00ADEF;text-decoration: none;}
a.text:visited {text-decoration: none; color: #00ADEF!important;}
a.text:hover {text-decoration: none;color: #00ADEF!important;}
a.text:active {text-decoration: none;color: #00ADEF;}

a.tm:link {color: #999999;text-decoration: none;}
a.tm:visited {text-decoration: none; color: #999999!important;}
a.tm:hover {text-decoration: none;color: #f3f3f3!important;}
a.tm:active {text-decoration: none;color: #999999;}

/* centers div in a div. make sure parent div has position:relative; assigned then add .centerdiv to the div you want centered.*/

.centerdiv {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} 


.cruise{
	float:left;
	width:100%;
	}
	
.cruise img{width:100%;}

.homeleft{
	float:left;
	width:48%;
	margin-right:4%;
	}
	
.homeright{
	float:left;
	width:48%;
	}

.cruisepanel{
	float:left;
	width:100%;
	}
	
.poster{float:right;}
.poster img{width:295px;margin-left:20px;}

.poster1{float:right;}
.poster1 img{width:295px;margin-left:20px;}

.homeleft1{
	float:left;
	width:48%;
	margin-right:4%;
	}
	
.homeright1{
	float:left;
	width:48%;
	}

.homeright1 img{width:100%;}

	
.insidehomeleft{
	float:left;
	width:48%;
	margin-right:4%;
	}
	
.insidehomeright{
	float:left;
	width:48%;
	}
		
.newhomebutton{
	float:right;
	display:inline-block
	cursor:pointer;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	font-size:22px;
	background-color:#00ADEF;
	color:#ffffff;
	text-align:center;
	font-weight:600;
	line-height:100%;
	margin-left:10px;
	margin-bottom:5px;
	}

.newhomebutton:hover {
	background-color:#FF2600;
	color:#ffffff;
	}
	
.newhomebutton1{
	float:left;
	display:inline-block;
	cursor:pointer;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	font-size:22px;
	background-color:#00ADEF;
	color:#ffffff;
	text-align:center;
	font-weight:600;
	line-height:100%;
	margin-left:0px;
	margin-bottom:0px;
	}

.newhomebutton1:hover {
	background-color:#FF2600;
	color:#ffffff;
	}

.newredpanel{
	position:absolute;
	z-index:100;
	float:left;
	margin-top:-184px;
	width:100%;
	background-image:url("https://www.thepeacocknc.org/wp-content/uploads/g-red.png");
	}
	
.newredhead{
	float:left;
	display:block;
	font-size:30px;
	line-height:37px;
	color:white;
	font-weight:700;
	padding-top:30px;
	padding-bottom:30px;
	}

.newfont {font-size:14px;line-height:160%;}

.newfont1 {font-size:16px;line-height:160%;}

.smallphoto{
	float:left;
	width:30%;
	}
	
.smallphoto img{width:100%;}


.singleline{
	float:left;
	width:100%;
	height:1px;
	background-color:#cccccc;
	display:block;
	}


.newsubheadline{
	float:left;
	width:100%;
	font-size:18px;
	line-height:130%;
	font-weight:700;
	}

.newsubheadline1{
	font-size:18px;
	line-height:130%;
	font-weight:700;
	}
	

.newbuybutton{
	float:left;
	cursor:pointer;
	padding-top:7px;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:8px;
	background-color:#cccccc;
	font-size:10px;
	line-height:100%;
	margin-top:5px;
	}

.newbuybutton a{
	color:white;
	}
	
.newbuybutton:hover {
	background-color:#FF2600;
	color:#ffffff;
	}
	
.newbuybutton1{
	float:left;
	cursor:pointer;
	padding-top:7px;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:8px;
	background-color:#cccccc;
	font-size:18px;
	line-height:100%;
	margin-top:5px;
	}

.newbuybutton1 a{
	color:white;
	}
	
.newbuybutton1:hover {
	background-color:#FF2600;
	color:#ffffff;
	}
	
	
.pageadust{float:left;margin-top:-10px;}

.tmfont{
	font-family: 'Nova Round', cursive;
	text-transform:uppercase;
}

#footer{}
#clear{clear:both;}

#wrapper{
	float:left;
	width:100%;
	margin: 0 auto;
	background-color:#ffffff;
}


body {
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Roboto Slab', serif;
	color:#333333;
	font-size: 16px !important;
	line-height:160% !important;
}


.pline{
	float:left;
	width:100%;
	background-color:#666666;
	height:1px;
	}
	
/*----------------------------------------header----------------------*/

.menu li {
	display: inline-block;
	position: relative;
	margin-left:3%;
	float:right;

	font-size:70%;
}

.menu li a {
	color:#cccccc;
	}
.menu li a:hover{
	color:#00ADEF
	}

#menu{
	background-color:#000000;
	width:90%;
	display:block;
	max-width:1200px;
	margin: 0 auto;
	margin-top:0px;
	
	}


#header{
	
	width:90%;
	display:block;
	background-color:#000000;
	max-width:1200px;
	height:100px;
	margin: 0 auto;
	margin-top:30px;
	
}

#headerall{
	background-color:#000000;
	padding-top:20px;
	}
	
#address{
	float:right;
	padding-left:15px;
	padding-right:15px;
	border-left:solid 1px #444444;
	border-right:solid 1px #444444;
	margin-bottom:35px;
	font-size:60%;
	line-height:180%;
	color:#cccccc;
	}
	
#addressfooter{
	float:right;
	padding-left:15px;
	padding-right:15px;
	border-left:solid 1px #444444;
	border-right:solid 1px #444444;
	padding-bottom:0px;
	font-size:60%;
	line-height:180%;
	color:#cccccc;
	margin-bottom:30px;
	}
	
#signup{
	float:right;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:35px;
	line-height:250%;
	color:red;
	margin-top:-10px;
	font-weight:700;
	}
	

.phone{
	color:#cccccc;
	font-size:110%;
	}
	
#icons{
	float:right;
	width:40px;
	margin-left:1%;
}

#iconsfooter{
	float:right;
	width:40px;
	margin-left:1%;
}

#icons2{
	float:right;
	width:40px;
	margin-left:1%;
	margin-right:3%;
}

#icons1 img{
	width:100%;
	margin-bottom:0px;
	}
	

#logo img{
	float:left;
	width:30%;
	margin-top:-30px;
	display:none;
	
	}
	
	
/*----------------------------Homepage----------------------*/	

#wowslider-container3 { max-width:100%!important;}


#black{
	width:100%;
	background-color:#000000;
	float:left;	

	
	}

#photocover {
	float:left;
	width:100%;
	height:100%;
	background-color:#ff9900;
}
		
#homephoto img{
	float:left;
	width:100%;
	
	
}



#photo img{
	width:100%;
	}

.slideshow-wrapper.adjust .portfolio-slideshow {
    margin-bottom:50px !important;
}

.showloader{

	}

#homebottom{
	width:100%;
	float:left;
	margin: 0 auto;
	
	
}

#redpanel{
	width:100%;
	position:absolute;
	z-index:100;
	margin-top:-200px;
	height:190px;
	background-image:url("https://www.thepeacocknc.org/wp-content/uploads/g-red.png");
	border-bottom:solid 10px #ffffff;
	display:none;
	}
	
#redhead{
	width:90%;
	display:block;
	max-width:1200px;
	margin: 0 auto;
	font-size:50px;
	line-height:50px;
	color:white;
	font-weight:700;
	padding-top:40px;
	}

.homebutton{
	float:left;
	width:32%;
	display:inline-block
	cursor:pointer;
	padding-top:1.8%;
	padding-bottom:1.8%;
	background-color:#00ADEF;
	color:#ffffff;
	text-align:center;
	font-weight:600;
	}





.homebutton:hover {
	background-color:#FF2600;
	color:#ffffff;
}

#homecontainer {
	
	width:90%;
	display:block;
	max-width:1200px;
	padding-top:40px;
	padding-bottom:40px;
	margin: 0 auto;
	
	
}






#fadecover{
	width:100%;
	display:none;
	}

#buttoncontainer{
	float:left;
	width:100%;
	border-bottom:solid 1px #cccccc;
	padding-bottom:5%;
	}
	
#buttoncontainer1{
	float:left;
	width:100%;
	}

#homecolumn {
	float:left;
	width:67%;
	margin-left:33%;
	margin-top:5%;
	margin-bottom:5%;
	}
	
.aspacer{
	float:left;
	width:100%;
	height:30px;
	display:block;
	background-color:black;
	}

#amznCharityBanner{
	margin-bottom:30px;
	}
	
	
#homepreserve{
	float:left;
	width:67%;
	margin-left:33%;
	margin-top:5%;
	font-size:250%;
	line-height:110%;
	
	color:#000000;
	}
	

/*----------------------------Performances----------------------*/	

.when {
	font-size:50%;
	text-transform:uppercase;
	font-weight:700;
	line-height:150%;
	}
	
#arrow1 img{
	float:right;
	width:50px;
	margin-top:-50px;

	}

#subcontainer {
	
	width:90%;
	display:block;
	max-width:1200px;
	padding-top:80px;
	padding-bottom:110px;
	margin: 0 auto;
	
	
}

#headcontainer {
	
	width:100%;
	display:block;
	/*max-width:1200px;*/
	padding-top:80px;
	padding-bottom:50px;
	background-color:#00AFEC;
	margin: 0 auto;
	
	
}

#headcontainer1 {
	
	width:90%;
	display:block;
	max-width:1200px;
	margin: 0 auto;
	color:#ffffff;
	
}

.fontbold{font-weight:700;}





#subheader{
	
	width:100%;
	display:block;
	max-width:1200px;
	margin: 0 auto;
	margin-bottom:20px;
	font-size:200%;
	line-height:110%;
	font-weight:700;
	text-transform:uppercase;
	
}

.boldheader{
	font-weight:700;
	text-transform:uppercase;
	}

#date{
	float:left;
	width:71%;
	display:inline-block;
	padding-top:1.8%;
	padding-bottom:1.8%;
	padding-left:2%;
	background-color:#eeeeee;
	color:#000000;
	font-weight:600;
	}

.buybutton{
	float:right;
	width:25%;
	display:inline-block
	cursor:pointer;
	padding-top:1.8%;
	padding-bottom:1.8%;
	background-color:#00ADEF;
	color:#ffffff;
	text-align:center;
	font-weight:600;
	}

.buybutton:hover {
	background-color:#FF2600;
	color:#ffffff;
}	

.graphic img{
	float:left;
	width:60%;
	margin-bottom:10px;
	}
	
#text{
	float:left;
	margin-left:3%;
	width:37%;
	display:inline-block;
	margin-bottom:10px;
	}

	
p {margin-bottom:20px;}




#singleline{
	float:left;
	width:100%;
	height:1px;
	background-color:#cccccc;
	display:block;
	margin-top:20px;
	}
	
#singleline1{
	float:left;
	width:100%;
	height:1px;
	background-color:#cccccc;
	display:block;
	margin-top:3px;
	}
	
	
#p1,
#p2,
#p3,
#p4,
#p5,
#p6,
#p7,
#p8,
#p9,
#p10,
#p11,
#p12,
#p13,
#p14,
#p15,
#p16,
#p17,
#p18,
#p19,
#p20


 {
		width:100%;
		padding-top:5px;
		padding-bottom:5px;
		font-size:200%;
		line-height:110%;
		border-top:solid 1px #cccccc;
		cursor: pointer;
		}

.p1,
.p2,
.p3,
.p4,
.p5,
.p6,
.p7,
.p8,
.p9,
.p10,
.p11,
.p12,
.p13,
.p14,
.p15,
.p16,
.p17,
.p18,
.p19,
.p20


{
	float:left;
	width:100%;
	display:block;
	display:none;
	padding-top:10px;
	padding-bottom:20px;
	}
	
	

/*---------------------------------jquery subpages*/

.arts1{
	float:left;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	font-size:200%;
	line-height:110%;
	border-top:solid 1px #cccccc;
	}
	
.subheadline{
	float:left;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	font-size:24px;
	line-height:150%;
	font-weight:700;
	}

.subheadline1{
	font-size:24px;
	line-height:150%;
	font-weight:700;
	}
	
.subheadline2{
	font-size:4vw;
	line-height:110%;
	font-weight:700;
	}
		
.subheadline3{
	font-size:5vw;
	line-height:110%;
	font-weight:700;
	}
	
.artgraphic img{
	float:left;
	width:50%;
	margin-right:50%;
	margin-top:20px;
	margin-bottom:20px;
	}
	
	


#arrow img{
	float:right;
	width:50px;
	margin-top:-30px;

	}

#players,
#volunteers,
#board,
#news,
#classes,
#arts


 {
		width:100%;
		padding-top:20px;
		padding-bottom:20px;
		font-size:200%;
		line-height:110%;
		border-top:solid 1px #cccccc;
		cursor: pointer;
		}

.playersall,
.volunteersall,
.boardall,
.newsall,
.classesall,
.artsall{
	float:left;
	width:100%;
	display:block;
	display:none;
	padding-top:10px;
	padding-bottom:10px;
	}


.bold{
	font-weight:700;}

#players a:hover, #players a:active {
	background-color: #8c99a4;
}

/*---------------------------------Box Button*/
.boxbutton {
	border:solid 1px #eeeeee;
	width:97%;
	display:block;
	cursor:pointer;
	font-size:120%;
	font-weight:700;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:3%;
	background-color:#eeeeee;

	
	
}
.boxbutton:hover {
	background-color:#000000;
	color:#ffffff;
}


#spacer{
	float:left;
	width:100%;
	height:20px;
	display:block;
	
	}

.rockimage{
	float:left;
	width:60%;
	margin-left:20%;
	margin-right:20%;
	}
.rockimage img{width:100%;}

li {margin-left:20px;}


.desktop {display:block;}
.mobile {display:none;}

.tinyfont{font-size:11px;}

.fan{
	float:left;
	width:300px;
	}
.fan img{width:100%;}


.showtitle{
	font-size:30px;
	line-height:110%;
	}
	
.showheadline{
	font-size:50px;
	line-height:110%;
	}	

.performanceall{
	float:left;
	width:100%;
	padding-top:47px;
	border-top:solid 1px #cccccc;
	}
	
.showtext{
	float:left;
	width:55%;
	margin-left:5%;
}

.showpicture{
	float:left;
	width:40%;
	display:block;
}

.showpicture img{width:100%;}

.showbutton{
	float:left;
	display:inline-block;
	cursor:pointer;
	padding-left:30px;
	padding-right:30px;
	padding-top:1.8%;
	padding-bottom:1.8%;
	background-color:#00ADEF;
	color:#ffffff;
	text-align:center;
	font-weight:600;
	}

.showbutton:hover {
	background-color:#FF2600;
	color:#ffffff;
}

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

.showspace2{
	float:left;
	width:100%;
	height:10px;
}
.showspace3{
	float:left;
	width:100%;
	height:0px;
}

.showtextsmall{font-size:10px;line-height:13px;}



/*-------CONTACT FORM--------------------*/


/*--use this for basic html:
	
<div class="formspace">

<label>*Name
	[text* your-name] </label>

<label>*Email
	[email* your-email] </label>

<label>Company
	[text your-company] </label>

<label>Info
	[textarea your-message x4] </label>

[submit "Submit"]

</div>
<div class="clear"></div>

*/

/*this is for pulldown toolbar:
/*.wpcf7-form select {
	font-size:14px;
	border:0;
	width:100%;
	height: 43px;
	float:left;
	outline:none;
	border:none;
	background-color:#f5f5f5;
	border-radius:0px;
}

.location, .considering, .aboutus, .statemenu{
	float:left;
	width:100%;
	}*/
	
.formspace{
	float:left;
	width:30%;
	margin-left:45px;
	margin-top:20px;
	margin-bottom:20px;
	}  

.formleft{
	float:left;
	width:45%;
	margin-right:5%;
}

.formright{
	float:left;
	width:50%;
}
	
/*--name--*/	
input[type="text"],
textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:14px;
	padding: 10px;
	width: 100%;
	border:solid 1px #999999;
	background-color:transparent;
	color:#000000;
	box-sizing:border-box;
	margin-bottom:10px;
	font-family: 'Roboto Slab', serif;
}

/*--email--*/
input[type="email"],
textarea {
	font-size:14px;
	padding: 10px;
	width: 100%;
	border:solid 1px #999999;
	background-color:transparent;
	color:#000000;
	-moz-box-sizing: border-box;
	box-sizing:border-box;	
	margin-bottom:10px;
	font-family: 'Roboto Slab', serif;
}

input[type="tel"],
textarea {
	font-size:14px;
	padding: 10px;
	width: 50%;
	border:solid 1px #999999;
	background-color:transparent;
	color:#000000;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	margin-bottom:10px;
	font-family: 'Roboto Slab', serif;
}

/*--message--*/
input[type="message"],
textarea {
	-moz-box-sizing: border-box;
	font-size:14px;
	line-height:21px;
	padding: 10px;
	width: 100%;
	border:solid 1px #999999;
	box-sizing:border-box;
	color:#000000;
	line-height:20px;
	margin-bottom:10px;
	font-family: 'Roboto Slab', serif;
}

input[type=submit] {
	background-color:#2d5996;
	color:#ffffff;
	cursor:pointer;
	padding-left:15px;
	padding-top:11px;
	padding-right:15px;
	padding-bottom:10px;
	font-size:14px;
	text-align:center;
	border:none;
	float:left;
	margin-top:0px;
	font-family: 'Roboto Slab', serif;
	}

input[type=submit]:hover{
	background-color:red;
	}
	
.wpcf7-not-valid-tip[role="alert"]{
	color:red;
	margin-bottom:10px;
	font-size:14px;
	margin-top:10px;
	
	}

.wpcf7-response-output{
	border-color:none!important;
	border:solid 0px white!important;
	padding-left:0px!important;
	padding-top:0px!important;
	margin-left:0px!important;
	margin-bottom:0px!important;
	Color:green!important;
}
	
	

/* not used */
/*.wpcf7-response-output[role="alert"]{
	display:none;
	border:solid 0px black;
	padding-left:0px;
	padding-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	color:green;
	margin-top:0px;
	font-size:14px;
	}*/
	
/*.wpcf7-mail-sent-ok{
	text-align:left;
	margin-top:0px;
	padding-top:0px;
	color:green;
	padding-left:28px;
	margin-top:-28px;
	border:none;
	}*/

/*.wpcf7-response-output{
	display:none;
	border:solid 0px black;
	padding-left:0px;
	padding-top:0px;
	margin-left:68px;
	margin-bottom:0px;
	color:green;
	margin-top:0px;
	font-size:14px;
	background-color:red;
	}
	
span.wpcf7-list-item { display: block; }
*/
	
	
	
/* zzz */

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
 
/*Styles for screen 600px and lower*/
@media screen and (max-width: 765px) {
	
.formleft{
	float:left;
	width:100%;
	margin-right:0%;
}

.formright{
	float:left;
	width:100%;
	margin-top:20px;
}
	
.panelinsidemailing{
	float:left;
	width:100%;
	}
	
.desktop {display:none;}
.mobile {display:block;}

.showheadline{
	font-size:40px;
	line-height:110%;
	margin-bottom:40px;
	margin-top:40px;
	}
	
.showtext{
	float:left;
	width:100%;
	margin-left:0%;
}

.showpicture{
	float:left;
	width:100%;
	display:block;
}


.fan{
	width:100%;
	}
	

.subheadline2{
	font-size:8vw;
	line-height:120%;
	font-weight:700;
	}
	
.subheadline3{
	font-size:8vw;
	line-height:110%;
	font-weight:700;
	}
	
.poster{float:left;
	width:100%;
}	
.poster img{width:100%;margin-left:0px;margin-bottom:20px;}

.poster1{float:right;}
.poster1 img{width:230px;margin-left:5px;}


.newhomebutton1{
	float:left;
	width:100%;
	display:block;
	padding-left:0px;
	padding-right:0px;
	font-size:18px;
	margin-left:0px;
	margin-bottom:0px;
	}
	
	
.smallphoto{
	float:left;
	width:50%;
	}
	
.homeleft{
	float:left;
	width:100%;
	margin-right:0%;
	}
	
.homeright{
	float:left;
	width:100%;
	}
	
.insidehomeleft{
	float:left;
	width:48%;
	margin-right:4%;
	}
	
.insidehomeright{
	float:left;
	width:48%;
	}
	

.newredpanel{
	display:none;
	}
	
.newredhead{
	display:none;
	}
	
.newhomebutton{
	float:left;
	width:100%;
	display:block;
	padding-left:0px;
	padding-right:0px;
	font-size:18px;
	margin-left:0px;
	margin-bottom:30px;
	}
		
	
.rockimage{
	float:left;
	width:100%;
	margin-left:0%;
	margin-right:0%;
	}
	
		
#signup{
	float:left;
	width:100%;
	padding-left:0px;
	padding-right:15px;
	margin-bottom:35px;
	line-height:250%;
	color:red;
	margin-top:-10px;
	font-weight:700;
	}	
	
#logo img{
	float:left;
	width:100%;
	margin-top:0px;
	
	}
	
#address{
	float:left;
	margin-top:0px;
	padding-left:0px;
	padding-right:0px;
	border-left:solid 0px #444444;
	border-right:solid 0px #444444;
	border-top:solid 0px #444444;
	width:80%;
	padding-top:30px;
	padding-bottom:0px;
	margin-bottom:30px;
	
	}	
	
	
#icons{
	float:right;
	margin-left:0%;
	margin-top:30px;
	margin-right:0px;
}	
	
	

#icons1 img{
	width:120%;
	margin-bottom:0px;
	}
	
	
#icons2{
	float:right;
	width:40px;
	margin-left:0%;
	margin-right:10px;
}

	
	
#redpanel{
	position:relative;
	z-index:0;
	margin-top:-10px;
	height:100%;
	background-image:url("https://www.thepeacocknc.org/wp-content/uploads/g-red.png");
	border-bottom:solid 0px #ffffff;
	display:none;
	}
	
#redhead{
	font-size:25px;
	line-height:30px;
	color:white;
	padding-top:20px;
	padding-bottom:25px;
	display:none;
	
	}	
	

.homebutton{

	width:100%;

	padding-top:5%;
	padding-bottom:5%;

	}
	
#homecolumn {
	width:100%;
	margin-left:0%;

	
	}	
	
#homepreserve{

	width:100%;
	margin-left:0%;
	font-size:200%;
	line-height:110%;
	margin-top:-10px;

	}
	
	
#subcontainer {
	
	width:90%;
	padding-top:30px;
	padding-bottom:30px;
	
	
}

	
#p1,
#p2,
#p3,
#p4,
#p5,
#p6,
#p7,
#p8,
#p9,
#p10,
#p11,
#p12,
#p13,
#p14,
#p15,
#p16,
#p17,
#p18,
#p19,
#p20


 {

	font-size:250%;
		padding-top:5px;
		padding-bottom:0px;
		line-height:100%;

		}

.p1,
.p2,
.p3,
.p4,
.p5,
.p6,
.p7,
.p8,
.p9,
.p10,
.p11,
.p12,
.p13,
.p14,
.p15,
.p16,
.p17,
.p18,
.p19,
.p20

{
	float:left;
	width:100%;
	display:block;
	display:none;
	padding-top:10px;
	padding-bottom:20px;
	}
	
#players,
#volunteers,
#board,
#news,
#classes,
#arts


 {

		font-size:150%;

		}
	
#arrow1 img{
	width:0px;
	margin-top:0px;

	}	
	
.graphic img{
	float:left;
	width:100%;
	margin-bottom:10px;
	}
	
.buybutton{
	float:left;
	width:100%;
	padding-top:5%;
	padding-bottom:5%;

	}

#text{
	float:left;
	margin-left:0%;
	width:100%;
	margin-bottom:10px;
	}
		
.when {
font-size:15px;
	}
	
#spacer{
height:0px;
}

#arrow img{

	width:0px;


	}

#addressfooter{
	float:left;
	padding-left:0px;
	padding-right:0px;
	border-left:solid 0px #444444;
	border-right:solid 0px #444444;
	padding-bottom:0px;
	margin-bottom:20px;
	margin-top:-30px;

	}
	
	#iconsfooter{
	float:right;
	width:40px;
	margin-left:1%;
	margin-top:-25px;
}

#singleline{
	margin-top:00px;
	}
	
#buttoncontainer{
	border-bottom:solid 0px #cccccc;

	}	
	
}	


	
	
/* Iphone 6 portrait and Landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { /* STYLES GO HERE */}

/* Iphone 6 Landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/* Iphone 6 Portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

/* iphine 6 + Portrait and Landscape */
@media only screen 
and (min-device-width : 540px) 
and (max-device-width : 960px) { /* STYLES GO HERE */}

/* Iphone 6 + landscpate */
@media only screen 
and (min-device-width : 540px) 
and (max-device-width : 960px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/* Iphone 6 + Portrait */
@media only screen 
and (min-device-width : 540px) 
and (max-device-width : 960px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

/* Iphone 5 portrait and landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* STYLES GO HERE */}

/* iphone 5 landscapte*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/* iphone 5 portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

/* IPad portrait and landscapte */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* STYLES GO HERE */}

/*Ipad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/*ipad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ }


/* Iphone 5 portrait and landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {