/* 
  -----------------------------------
  PVII Allegro
  by Project Seven Development
  www.projectseven.com
  Custom CSS
  WORKVIEW 1
  -----------------------------------
*/

body {/* remove padding-bottom: 40px;*/
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;	
	background-image: url(img/art-11.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50%;
	background-size: cover;
		
}
/* ADDED */
#logo {
	background-color: #000; 
	color: #000000;
	background-size: contain;
	background-position: center; 
	text-align: center;
}
.masthead {
	font-family: Federo, "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 1.35em;
	color: #FFF;
	margin-bottom: 10px;
}
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	
}
.p7DMM09 {

	font-family: Arial, Helvetica, sans-serif ;
	font-size: 95%;
}

#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;
	color: #Odafca;
}
.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: 40px !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: #ffffff;
	background: rgba(255,255,255,.80);
	color: #000;
	border-radius: 6px;
}
.allegro-color-2 {
	background-color: #000000;
	background: rgba(0,0,0,.85);
	color: #FFFFFF;
	border-radius: 6px;
}
.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, .90);
	color: #000;
}
.allegro-color-6 {  	/* ADDED  #72b5d8  lt blue*/
	background-color: rgb(114, 181, 216); 
	background: rgba(114, 181, 216, .90);
	color: #000;
}

.allegro-color-7 {  	/* ADDED #3188b0   dk.blue*/
	background-color: rgb(49, 136, 176); 
	background: rgba(49, 136, 176, .90);
	color: #000;
}

.allegro-color-8 {  	/* ADDED  #b8c6d3  lt gray*/
	background-color: rgb(184, 198, 211); 
	background: rgba(184, 198, 211, .90);
	color: #000;
}
.allegro-color-9 {  	/* ADDED  #89a1b7  med gray*/
	background-color: rgb(137, 161, 183); 
	background: rgba(137, 161, 183, .90);
	color: #000;
}
.allegro-color-10 {  /* ADDED #354351  black*/
	background-color: rgb(0, 0, 0); 
	background: rgba(0, 0, 0, .85);
	color: #000;
}

.allegro-color-11 {  /* ADDED dark green #1a573f */
	background-color: rgb(26, 87, 63); 
	background: rgba(26, 87, 63, .85);
	color: #000;
}

.allegro-color-12 {
	background-color: #ececec;
	background: rgba(236,236,236,.90);
	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.
img/art-01.jpg
images/teambwt-fuel-company.png    */

.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;
}
/*  ADDED  */
.bg-9 {
	background-image: url(../workview/p7allegro/img/art-09.jpg);
	background-color:none;
	color: none;
}
.bg-10 {
	background-image: url(../workview/p7allegro/img/art-10.jpg);
	background-color:none;
	color: none;
}
.bg-11 {
	background-image: url(img/art-11.jpg);
	background-color:none;
	color: none;
}
.bg-12 {
	background-image: url(../workview/p7allegro/img/art-12.jpg);
	background-color:none;
	color: none;
}
.bg-13 {
	background-image: url(../workview/p7allegro/img/art-13.jpg);
	background-color:none;
	color: none;
}

/*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: Arial, Helvetica, sans-serif;
}

.footer {
	text-align: center;
	box-sizing: border-box;
	color: #FFFFFF;
	font-size: 0.7em;
	text-transform: uppercase;
	background-color: #000;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-right: 0.3em;
	padding-left: 0.3em;
}

/*FOOTER Links*/
.footer a {
	color: #AAA;
}
.footer a:hover {
	color: #FFF;
}




/*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-01.jpg);}
#p7TP3c1_1 .p7tp3-col-wrapper {width: 90%; max-width: 1200px;}

#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_5 {
	background-image: url(img/art-01.jpg);}
#p7TP3c1_5 .p7tp3-col-wrapper {width: 90%; max-width: 1200px;}


#p7TP3c1_1 .p7tp3-col-wrapper {
	background-color: rgb(104,136,136);
	background: rgba(104,136,136,0.90);
	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;
}

	/* ADDED  based on allegro-color-7 */
#p7TP3c1_5 .p7tp3-col-wrapper {
	background-color: rgb(49,136,176); 
	background: rgba(49,136,176,0.90);
	color: #000;
}


/*Allegro Tab Panel Content*/
.p7TP3_content_17 {
	font-family: 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: "Segoe UI", 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: left;
}
.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);}
}