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

body {
	margin:0 auto;
   	font:  "Trebuchet MS", "Segoe", "Segoe UI", "DejaVu Sans", "Verdana", "sans-serif";
	background-image: url("images/mobile_purple_back.png");
    background-repeat: repeat-x;
	background-color: #b3903d;
	overflow-x: hidden;
	
}


.container-fluid{
    
}




.social{
	
	display:block;
	float:right;
}


.headertext{
	display:block;
}


/*homepage carousel*/


.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-fade .carousel-item {

    opacity: 0;

    transition-duration: .6s;

    transition-property: opacity;

}



.carousel-fade .carousel-item.active,

.carousel-fade .carousel-item-next.carousel-item-left,

.carousel-fade .carousel-item-prev.carousel-item-right {

    opacity: 1;

}



.carousel-fade .active.carousel-item-left,

.carousel-fade .active.carousel-item-right {

    opacity: 0;

}



.carousel-fade .carousel-item-next,

.carousel-fade .carousel-item-prev,

.carousel-fade .carousel-item.active,

.carousel-fade .active.carousel-item-left,

.carousel-fade .active.carousel-item-prev {

    transform: translateX(0);

    transform: translate3d(0, 0, 0);

}


/*homepage carousel End*/







h6{
	font-family: "Trebuchet MS", "Segoe", "Segoe UI", "DejaVu Sans",Verdana, "sans-serif";
	font-size: 21px;
	color:#ffffff;
}

h7{
	font-family: "Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans",Verdana, "sans-serif";
	font-size: 22px;
	color:#ffffff;
	line-height: 10px;
}

h8{
	font-family: "Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans",Verdana, "sans-serif";
	font-size: 25px;
	color:#b3903d;
	font-style: italic;
	font-weight: bold;
	text-align: right;
}





/*style sheet from xiphi.css*/


.container{
	background-color: #ffffff;
	border-left-color: #573466;
	border-left-style:solid;
	border-left-width:4px;
	border-right-color: #573466;
	border-right-style:solid;
	border-right-width:4px;
	
}
.videoback{
	background: url("images/video_back.png") no-repeat;
	background-size: 100% 100%;
	text-align: center;
	width:100%;
	height:auto;
}



p{
	font: Trebuchet MS, "Segoe", "Segoe UI", "DejaVu Sans", Verdana, "sans-serif";
	font-size:20px;
}
 

h1{
	color: #ffffff;
	font-family: Trebuchet MS, "Segoe", "Segoe UI", "DejaVu Sans",Verdana, "sans-serif";
	font-size: 45px;/*45px*/
	
	padding-top: 15px;
	
	
}

.pspace{
	font: Trebuchet MS, "Segoe", "Segoe UI", "DejaVu Sans", Verdana, "sans-serif";
	font-size:20px;
	margin:0px;
	padding:0px;
	line-height: 24px;
	
}

h2{
	color: #ffffff;
	font-family: Trebuchet MS, "Segoe", "Segoe UI", "DejaVu Sans",Verdana, "sans-serif";
	font-size: 30px;
	
	padding:0px;
}

h3{
	font-family: Trebuchet MS, "Segoe", "Segoe UI", "DejaVu Sans",Verdana, "sans-serif";
	font-size:30px;
	font-weight: bold;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
}
h4{
	font-family: Trebuchet MS, "Segoe", "Segoe UI", "DejaVu Sans",Verdana, "sans-serif";
	font-size:28px;
	font-weight:200;
	padding-top:0px;
	padding-bottom:10px;
	margin:0px;
}

h5{
	font-family: Trebuchet MS, "Segoe", "Segoe UI", "DejaVu Sans",Verdana, "sans-serif";
	font-size:26px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:10px;
	margin:0px;
}


.bctext{
	font-family: Trebuchet MS, "Segoe", "Segoe UI", "DejaVu Sans",Verdana, "sans-serif";
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 40px;
	
}


.basileus_photo{
	float:left;
	margin:30px 20px 0px 0;
	
}


.calendar{
   
    padding-left:20px;
}


.donate_pages{
	padding-top: 10px;
	padding-left:0px;
	padding-bottom: 5px;
	
 
}

.donate{
	float:left;
	

 }


/*info boxes - middle*/


.infobox{
    
}

.info{
	text-align: center;
		
	
}

 

.moreinfo{
	float:left;
	padding-top:40px;
}
	
.moreinfo4{
	float:left;
	padding-top:30px;
}
	


.thumbnail1{
	
   float:left !important ;
   	background-color:#deba33;
	color:#573466;
}

.thumbnail2{
	
   float:right !important ;
   background-color:#deba33;
	color:#573466;
}

.thumbnail3{
	
    float:left !important ;
    background-color:#deba33;
	color:#573466;
}

.caption{
	margin-left:0px;
	text-align: left;
	background-color:#deba33;
	color:#573466;
	
}

.cap_text{
	height:250px;
	background-color:#deba33;
    padding:20px;
	text-align: left;
}


.cap_text2{
	height:155px;
	background-color:#deba33;
	text-align: left;
}


.infobox{
	padding:20px;
    height: 80px;
   
    }	


.img{
	margin: 0px;
	
	}



.img-responsive{
	text-align: center;
	margin:0px;
}

hr{
 border-color: #573466;	
 border-width: 10px;	
}


/*gold mentoring page*/

.gold{
	display:block;
	text-align: center;	
	padding-left:15px;
	
	
}

.mx-auto{
	display: block;
}


/*Column spacing*/

.col-md-3 {
   padding:0px;
}

.col-md-10 {
   padding:0px;
}


/*PANEL - box*/

.panel {
	text-align: center;
	color:#573466;
	font-family: Trebuchet MS, "Segoe", "Segoe UI", "DejaVu Sans",Verdana, "sans-serif";
	font-weight: bold;
	font-size: 28px;
	background-color: #b3903d;
	border-color:#573466;
	border-width:15px;
	
}


/*social icons*/


.socialfooter{
	text-align: right;
	padding-top:10px;
	
	
}

/*home page footer*/	
.socialfooter1{
	text-align: right;
	padding-right:20px;
	
}


/*founders*/	
.founders{
	padding-top:20px;
	padding-left:20px;
	padding-bottom:30px;
}




/*MODAL*/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #573466;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #573466;
    color: white;
}

.modal-body {padding: 2px 16px;
text-align: center;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #573466;
    color: white;
}


/*tables*/

th{
	
	font: Trebuchet MS, "Segoe", "Segoe UI", "DejaVu Sans", Verdana, "sans-serif";
	font-size:20px;
	background-color:#573466;
	color:#b3903d;
}



td{
	font: Trebuchet MS, "Segoe", "Segoe UI", "DejaVu Sans", Verdana, "sans-serif";
	font-size:20px;	
	color:#573466;
}


table, th, td {
	border: 1px solid black;
}


/*FORMS*/

form{
	
}

.label{
	font: Trebuchet MS, "Segoe", "Segoe UI", "DejaVu Sans", Verdana, "sans-serif";
	font-size:16px;
	color: #000000;
	text-align: right;
	
}

.input{
	text-align: right;
}




/*database*/

.welcome{
	
	padding-top:40px;
	padding-bottom:20px;
}

.content{
	padding-top:10px;
	padding-bottom:10px;
	
}



/*database END*/



/*MEDIA QUERIES*/


/* Extra small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap*/




/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}