/* 
  -----------------------------------
  PVII Allegro
  by Project Seven Development
  www.projectseven.com
  Custom CSS
  -----------------------------------
lana callahan jan.31,2016  original fonts: Federo, "Segoe UI" */

body {
	background-color: rgb(159,159,159);
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding-bottom: 40px;
	font-size: 1em;
}

/* LOGO - NOT USING THIS CODE	
	background-image: url(../images/one-world-environmental-logo-background.jpg);
	background-repeat: no-repeat;  */	
	
#logo {
	background-color: #FFF;
	height: 6em;
}
.masthead {
	font-family: "Helvetica", Arial, Helvetica, sans-serif;
	font-size: 1.35em;
	color: #FFF;
	margin-bottom: 8px; /*ADDED */	
}
		
#banner{				/*ADDED for top of page image*/						
	width: 100%;
	text-align: center;
	background-color: #FFF;
}

#banner-second{			/*ADDED for grass image mod-page */						
	width: 100%;
	text-align: center;
	background-color: #FFF
}
.centered {
	text-align: center;
}
.centered-img {
	text-align: center;
}
	
.fancy {										
	border: 1px solid rgba(255,255,255,.5);
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
}

.accented {						
	border-radius: 5px;
	border: 1px solid #222;
}

h1, h2, h3, h4 {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin: 0px;
}
.p7DMM09 {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#p7DMM_1 ul {padding: 10px 0px;}
#p7DMM_1 ul ul {padding: 0px 0px;}

.p7dmm-spcr {
	background-image: none !important;
	border-bottom: none !important;
	background: none !important;
	box-shadow: none !important;
	padding: 0px !important;
}

p img, h1 img, h2 img, h3 img, h4 img {
	border-radius: 8px;
}
.semi-transparent {
	opacity: .7;
	transition: opacity linear .5s .1s;
}
.semi-transparent:hover {
	opacity: 1;
}
.padded {
	box-sizing: border-box;
	padding: 1.2em 3%;
}
.padded-top {padding-top: 1.5em;}
.no-pad-bottom {
	padding-bottom: 0px !important;
}
.column-group {
	margin-bottom: 10px!important;
	border-radius: 0px 0px 8px 8px;
}
/*Row or Column-Group background Colors ad Text Colors
Edit the colors as suited. Thee UI will cary the color numbers and you can use them when creating new allegro rows. Background-color is the fallback for old browsers. RGBA is for modern browsers and allows you to declare a transparency value, as well as a color. Color is for text. The colors can be assigned to either rows or column groups. You can also assign this class, manually, to individual columns, but note that the color will only expand to the height of that column's content.
*/
.allegro-row {
	background-color: #FFFFFF;
}

.allegro-color-1 {
	background-color: #FFF;
	background: rgba(255,255,255,.85);
	color: #000;
}
.allegro-color-2 {
	background-color: #000000;
	background: rgba(0,0,0,.85);
	color: #FFFFFF;
}
.allegro-color-3 {
	background-color: rgb(88,127,150);
	background: rgba(88,127,150,0.85);
	color: #000;
}
.allegro-color-4 {
	background-color: rgb(176,160,150);
	background: rgba(176,160,150,0.85);
	color: #000;
}
.allegro-color-5 {
	background-color: rgb(102, 153, 153);
	background: rgba(102, 153, 153, .85);
	color: #000;
}

.allegro-color-6 {
	background-color: rgb(240, 240, 240);
	background: rgba(240, 240, 240, .85);
	color: #000;
}

/*Links*/
.allegro-color-1 a, 
.allegro-color-3 a {
	color: #000;
}
.allegro-color-1 a:hover, 
.allegro-color-3 a:hover { 
	color: #E16410; 
}
.allegro-color-2 a {
	color: #AAA;
}
.allegro-color-2 a:hover {
	color: #FFF;
}
.allegro-color-4 a {
	color: #FFF;
}
.allegro-color-4 a:hover {
	color: #000;
}
.allegro-color-5 a {
	color: #000;
}
.allegro-color-5 a:hover {
	color: #FFF;
}

/*Row Background Images
A allegro row spans the width of the browser window.*/

.bg-1 {
	background-image: url(img/art-01.jpg);
	background-color: #000000;
}
.bg-2 {
	background-image: url(img/art-02.jpg);
	background-color: #000000;
	color: #FFF;
}
.bg-3 {
	background-image: url(img/art-03.jpg);
	background-color: #000000;
}
.bg-4 {
	background-image: url(img/art-04.jpg);
	background-color: #B8AB8D;
	color: #FFF;
}
.bg-5 {
	background-image: url(img/art-05.jpg);
	background-color: #000;
	color: #FFF;
}
.bg-6 {
	background-image: url(img/art-06.jpg);
	background-color: #FFF;
}
.bg-7 {
	background-image: url(img/art-07.jpg);
	color: #FFF;
	background-color: #000;
}
.bg-8 {
	background-image: url(img/art-08.jpg);
	background-color: #000;
	color: #FFF;
}

/*Vertical Rules*/
.left-border {
	border-left: 1px dotted;
}
.right-border {
	border-right: 1px dotted;
}

/*Special Rules */
.large-type {
	font-size: 1.35em;
	line-height: 1.5;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.footer-screen {
	padding: .5em .3em;
	text-align: center;
	box-sizing: border-box;
	color: #000000;
	font-size: 0.7em;
	text-transform: uppercase;
	background-color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer {
	padding: .5em .3em;
	text-align: center;
	box-sizing: border-box;
	color: #FFFFFF;
	font-size: 0.7em;
	text-transform: uppercase;
	background-color: #000;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer a { 			/*ADDED THIS */
	color: #3CF;  
	text-decoration:none
}
.footer a:hover, .footer a:focus {   /*ADDED THIS */
	color: #CFC9C7;
}
/*Allegro Tab Panel Backgrounds*/

/*Individual panels*/
.p7TP3_content_17 {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	background-color: #000;
}

/*Allegro Panel Background Images*/

.p7tp3-col-wrapper {max-width: 1280px; border-radius: 0px 0px 20px 20px;}
.p7TP3content:after {
	content: "";
	display: block;
	height: 30px;
}

#p7TP3c1_1 {
	background-image: url(img/art-06.jpg);
}
#p7TP3c1_1 .p7tp3-col-wrapper {width: 90%; max-width: 1440px;}

#p7TP3c1_2 {background-image: url(img/art-07.jpg);}
#p7TP3c1_2 .p7tp3-col-wrapper {width: 90%; max-width: 1440px;}

#p7TP3c1_3 {
	background-image: url(img/art-04.jpg);
}
#p7TP3c1_3 .p7tp3-col-wrapper {width: 90%; max-width: 1100px;}

#p7TP3c1_4 {
	background-image: url(img/art-05.jpg);
}
#p7TP3c1_4 .p7tp3-col-wrapper {width: 90%; max-width: 1440px;}

#p7TP3c1_1 .p7tp3-col-wrapper {
	background-color: rgb(104,136,136);
	background: rgba(104,136,136,0.75);
	color: #000;
}
#p7TP3c1_2 .p7tp3-col-wrapper {
	background-color: rgb(88,127,150);
	background: rgba(88,127,150,0.6);
	color: #000;
}
#p7TP3c1_3 .p7tp3-col-wrapper {
	background-color: #000000;
	background: rgba(0,0,0,.8);
	color: #CCCCCC;
}
#p7TP3c1_4 .p7tp3-col-wrapper {
	background-color: rgb(176,160,150);
	background: rgba(176,160,150,0.6);
	color: #000;
}

/*Allegro Tab Panel Content*/
.p7TP3_content_17 {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 125%;
}

/*Allegro Tab Panel Padding*/
.p7tp3-col-wrapper {
	margin: 0px auto;
	line-height: 1.5;
}
.p7tp3-column-content {
	padding: 0 .5em .5em 1.75em !important;
	display: block;
	margin-top: 2.25em;
}
.p7tp3-column:last-child div {
	padding-right: 1.75em;
}

.p7tp3-col-wrapper.no-columns {
	padding: 1.25em 1.75em .5em 1.75em;
	margin-top: 2em;
}

/* Contact Form Styles */
.form-wrapper {
	margin:2em auto;
	max-width: 80%;
	border:1px solid;
	border-color: rgba(255,255,255,.25);
	border-radius: 7px;
	padding: 0 1em;
}
form.allegro-form, .allegro-form label, .allegro-form textarea {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 1.25em;
}
.allegro-form {
	padding: 25px 15px 25px 10px;
	
}
.allegro-form h2 {
	font-size: 1.35em;
	margin: 0 0 1em 0;
}

.allegro-form label {
	font-size: .85em;
	padding: 0 0 .3em .15em;
	display: block;
	display: block;
	padding: .5em;
}

.allegro-form input[type="text"], .allegro-form input[type="email"], .allegro-form textarea, .allegro-form select {
	border: 1px solid;
	border-color: rgba(255, 255, 255, .25);
	height: 2.25em;
	outline: none;
	padding: .5em 1em .5em .5em;
	width: 95%;
	margin-bottom: .5em;
	line-height: 1.5;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .2);
	color: #EEE;
}
.allegro-form textarea {
	resize: none;
	font-size: .75em;
	overflow: auto;
}
.allegro-form select {
	text-indent: 0.01px;
	text-overflow: '';
	line-height: 25px;
	width: auto;
}
.allegro-form option {
	background: rgba(255,255,255,.5);
	color: #000;
}
.allegro-form textarea {
	height: auto;
}
.allegro-form .button {
     background-color: #B44040;
	 background: rgba(180,64,64,.8);
     border: 1px solid;
	 border-color: rgba(255,255,255,.5);
     padding: 1em 2em;
     color: #FFF;
     border-radius: 3px;
     cursor: pointer;
	 transition: all linear .5s .1s;
}
.allegro-form .button:hover {
     background-color: #222;
}

/*Social Media Icons */
.social {
	display: block;
	text-align: center;
}
.social ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.social li {
	float: left;
	list-style-type: none;
	margin: 0.5em .5em .5em 0;
}
.social a {
	opacity: .75;
 transition: all linear .5s .1s;
}
.social a:hover {
	opacity: 1;
}

/*Media Queries*/
/*Small screens - all devices*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
	body {-webkit-text-size-adjust: none;}
	.allegro-row .column-group .allegro-column { float: none; width: auto !important;}
	#p7DMM_1 ul {padding: 0px 0px;}
	.p7tp3-col-wrapper {width: auto !important; max-width: none !important; border-radius: 0px !important; padding-top: 2.5em !important;}
	.p7tp3-column-content {margin: 0 !important;}
	.column-group {border-radius: none !important; margin-bottom: 0px !important; width: auto;}
	.p7TP3content:after {display: none !important;}
}
/*Smartphones*/
@media only screen and (max-device-width: 480px) {
	.allegro-row .column-group .allegro-column { float: none; width: auto !important;}
	#p7DMM_1 ul {padding: 0px 0px;}
	.p7tp3-col-wrapper {width: auto !important; max-width: none !important; border-radius: 0px !important;}
	.p7tp3-column-content {margin: 0 !important; padding-left: 1.75em !important; padding-right: 1.75em !important;}
	.column-group {border-radius: none !important; margin-bottom: 0px !important; width: auto;}
	.p7TP3content:after {display: none !important;}
	.p7TP3-17 .p7TP3-17-arrow-prev, .p7TP3-17 .p7TP3-17-arrow-next {top: 20%;}
	.p7TP3-17 .p7TP3-17-arrow-prev, .p7TP3-17 .p7TP3-17-arrow-next {-webkit-transform: scale(1.3,1.3); transform: scale(1.5,1.5);}
}

@media only screen and (max-device-width: 480px) and (orientation : landscape) {
	body {-webkit-text-size-adjust: none; font-size: .8em;}
	.large-type {font-size: 1em; line-height: 1.25;}
	.p7tp3-column-content {margin: 0 !important; font-size: .8em;}
	.p7TP3-17 .p7TP3-17-pags ul a {padding: 5px;}
	.p7TP3-17 .p7TP3-17-arrow-prev, .p7TP3-17 .p7TP3-17-arrow-next {-webkit-transform: scale(.85,.85); transform: scale(.85,.85);}
}