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

body {
	background-color: #FFFFFF;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	padding-bottom: 40px;
	font-size: 1em;
}
#logo {
	background-color: #222;
	height: 3em;
	background-image: url(img/logo-light.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.masthead {
	font-family: Federo, "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 1.35em;
	color: #FFF;
}
h1, h2, h3, h4 {
	font-family: Federo, "Segoe UI", Arial, Helvetica, sans-serif;
	margin: 0px;
}
.p7DMM09 {
	font-family: Federo, "Segoe UI", 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: 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: #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;
}

/*Links*/
.allegro-color-1 a, 
.allegro-color-3 a {
	color: #E16410;
}
.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-05.jpg);
	color: #FFF;
	background-color: ##FFFFFF;
}
.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: Federo, "Segoe UI", Arial, Helvetica, sans-serif;
}

.footer {
	padding: .5em .3em;
	text-align: center;
	box-sizing: border-box;
	color: #000;
	font-size: 0.7em;
	text-transform: uppercase;
}

/*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: Federo, "Segoe UI", 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: 0.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: #000;
}
.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);}
}
img.floatleft {
	float: left;
	margin-right: 12px;
}
img.floatright {
	float: right;
	margin-left: 12px;
}