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


* {
	text-rendering: optimizelegibility;
}

body {
/* https://uigradients.com */
	background-color: #ECE9E6; /* fallback for old browsers */
	background: rgb(236,233,230);
	background: -webkit-linear-gradient(to left, #ECE9E6 , #FFFFFF); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #ECE9E6 , #FFFFFF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	font-family: DINWeb, Candara, Arial, Helvetica, sans-serif;
	padding-bottom: 40px;
	font-size:16px;
	line-height:24px;
}
#logo {
	background-color: #861010; /* #222; */
	height: 5em;
	background-image: url(img/TenzinPeljor-logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	box-shadow: 0px 3px 7px rgba(0,0,0,.45);
}
.masthead {
	font-family: DINWeb, Candara, Arial, Helvetica, sans-serif;
	font-size: 1.35em;
	color: #FFF;
}
h1, h2, h3, h4 {
	font-family: "Karbid Display W04 Light", "Sizmo Line W01 Light", DINWeb, Candara, Arial, Helvetica, sans-serif;
	margin: 0px;
}

.p7DMM09 {
	font-family: "Sizmo W01 Regular", DINWeb, Candara, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.p7DMM09 a:hover {
	font-family: "Sizmo Line W01 Regular", DINWeb, Candara, Arial, Helvetica, sans-serif;
}

#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: .8;
	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(177,235,185);
	background: rgba(177,235,185,0.85);
	color: #000;
}
.allegro-color-4 {
	background-color: rgb(131,180,195);
	background: rgba(131,180,195,0.85);
	color: #000;
}
.allegro-color-5 {
	/*
	background-color: rgb(222, 180, 109); rgb(102, 153, 153);
	background: rgba(222, 180, 109, .85);  rgba(102, 153, 153, .85);
	*/
	background-color: rgb(123, 30, 24); 
	background: rgba(123, 30, 24, .85);
	color: #FFF;
}
.allegro-color-5 {
	/*
	background-color: rgb(222, 180, 109); rgb(102, 153, 153);
	background: rgba(222, 180, 109, .85);  rgba(102, 153, 153, .85);
	*/
	background-color: rgb(123, 30, 24); 
	background: rgba(123, 30, 24, .85);
	color: #FFF;
}
.allegro-color-6 {
	/*
	background-color: rgb(222, 180, 109); rgb(102, 153, 153);
	background: rgba(222, 180, 109, .85);  rgba(102, 153, 153, .85);
	*/
	background-color: rgb(29, 48, 80); 
	background: rgba(29, 48, 80, .85);
	color: #FFF;
}
.styleTTM {
	padding-right:20px;
	color:#000;
	font-size:14px!important;
	line-height:22px!important;
	/* height: 400px; */
	overflow: auto;
}
.styleTTM h2 {
	font-size:18px;
	margin: 20px 0;
}
.styleTTM h3 {
	font-size:16px;
	margin: 20px 0;
}
.styleTTM h4 {
	font-size:14px;
	margin: 20px 0 10px 0;
}
.styleTTM a {
	color: #666!important;
	transition: all 200ms ease-in-out 0s;
}
.styleTTM a:hover {
	color: #000!important;
}
::selection {
	background: #861010; /* Safari */
	color:#fcfcfa;
}
::-moz-selection {
background: #861010; /* Firefox */
color:#fcfcfa;
}
img::selection {
	background: #861010; /* Safari */
}
img::-moz-selection {
background: #861010; /* Firefox */
}

/*Links*/
.allegro-color-1 a, 
.allegro-color-3 a, .allegro-color-4 a {
	color: #000;
	text-decoration: none;
	font-style: normal;
	border-bottom: 1px dotted;
	transition: all linear .5s .1s;
}
.allegro-color-1 a:hover { 
	color: #B81D22;
	border-bottom-style: solid;
}
.allegro-color-3 a:hover { 
	color: #204D92;
	border-bottom-style: solid;
}
.allegro-color-4 a:hover { 
	color: #FFF;
    border-bottom-style: solid;
}

.allegro-image-1 a {
	border-bottom: none!important;
}
.allegro-image-1 a:hover { 
	border-bottom-style: none!important;
}

.allegro-color-2 a {
	color: #AAA;
	text-decoration: none;
	font-style: normal;
	border-bottom: 1px dotted;
	transition: all linear .5s .1s;
}
.allegro-color-2 a:hover {
	color: #FFF;
	border-bottom-style: solid;
}
/*
.allegro-color-4 a {
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	border-bottom: 1px dotted;
	transition: all linear .5s .1s;
}
.allegro-color-4 a:hover {
	color: #000;
	border-bottom-style: solid;
}
*/

.allegro-color-5 a {
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	border-bottom: 1px dotted;
	transition: all linear .5s .1s;
}
.allegro-color-5 a:hover {
	color: #FFD991;
	border-bottom-style: solid;
}

.allegro-color-6 a {
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	border-bottom: 1px dotted;
	transition: all linear .5s .1s;
}
.allegro-color-6 a:hover {
	color: #83B4C3;
	border-bottom-style: solid;
}

/*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/1600px-teacher-student-ChrisBanigan-right.jpg); /* 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/shakyamuni2008A17pandits.png); /*  url(img/art-05.jpg); */
	background-color: #000;
	color: #FFF;
}
.bg-6 {
	background-image: url(img/1600px-BodhicharyaBuddhaMunich1.jpg); /* url(img/art-06.jpg); */
	background-color: #FFF;
}
.bg-7 {
	background-image: url(img/TenzinPeljorBC1600px.jpg); /*  url(img/art-07.jpg); */
	color: #FFF;
	background-color: #000;
}
.bg-8 { 
	background-image: url(img/TenzinPeljor_ind_2011_nov_DSC6799.jpg); /* url(img/art-08.jpg); */
	background-color: #000;
	color: #FFF;
}
.bg-9 {
	background-image: url("../images/Schulklasse_Buddhismus_Berlin-2800px.jpeg"); /* url(img/art-03.jpg); */
	background-color: #000000;
}

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

/* Footer */
.footer {
	background: #ECE9E6; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #ECE9E6 , #FFFFFF); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #ECE9E6 , #FFFFFF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */                     
	padding: 0 20px;
	text-align: center;
	box-sizing: border-box;
	color: #000!important;
	font-size: 0.7em;
	text-transform: uppercase;
}

.footer a {
	color: #000;
	text-decoration: none;
	font-style: normal;
	border-bottom: 1px dotted;
	transition: all linear .5s .1s;
}
.footer a:hover { 
	color: #B81D22;
	border-bottom-style: solid;
}

.align-right {text-align:right;}

/*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: DINWeb, Candara, 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: DINWeb, Candara, 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;
	margin-top:20px;
}
.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;
}
ul {
	margin: 1em 0 1em 1em;
  	padding: 0;	
	list-style-type:square;
}
ul li { margin-left: 5px; }

/*Media Queries*/
/*Small screens - all devices*/
@media only screen and (min-width: 0px) and (max-width: 1400px) {
	.semi-transparent {opacity: 1.0;}
}

@media only screen and (min-width: 0px) and (max-width: 800px) {
	body {-webkit-text-size-adjust: none;}
	.korr-mobile-h2  {margin-top: -30px!important;}
	.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: 0 0 0 0 !important; margin-bottom: 0px !important; width: auto;}
	.p7TP3content:after {display: none !important;}
	.hide-mobile { visibility:hidden!important; height:0!important; margin-top:-70px!important;}
	.show-bn {visibility: visible!important; margin-top: 90px!important; margin-bottom: 40px!important;}
	.normalise-header {margin-top:-20px!important;}
	#logo {height:3em!important; background-position: 8px 100%;}
	.left-border {border-left: none!important;}
	.no-float-mobile {float:none!important; margin: 5px 0px 5px 0px!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);}
}

@media only screen and (min-width: 0px) and (max-width: 950px) {
	.no-float-mobile {float:none!important; margin: 10px 0px 0px 0px!important;}
	.no-float-mobile2 {float:none!important; margin: 10px 0px 0px 0px!important;}
}

/* Addresses bug in iOS*
@media only screen and (device-width: 320px), (device-width: 768px) {
.fixed-bg {
background-size: auto !important;
background-attachment: scroll!important;
}
}

/* Tablet Media Query
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.fixed-bg {
background-size: auto !important;
background-attachment: scroll!important;
}
}

*/

/* fix Safari background image issue */

@media only screen and (max-device-width: 480px) {
	.fixed-bg {background-repeat: repeat !important; background-position: 0px 0px !important; background-size: auto !important;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.fixed-bg {background-repeat: repeat !important; background-position: 0px 0px !important; background-size: auto !important;}
}