@import url(w3.css);
/* @import url(https://www.w3schools.com/w3css/4/w3.css); */
@import url(https://fonts.googleapis.com/css?family=Raleway);
/* @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css); */

body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 100%;
}
body{
	background-color: #033b80;
	max-width:1920px;
}
body,h1,h2,h3,h4,h5,h6 {
  /* font-family: "Raleway", sans-serif; */
}

#sectionTopics {
	/* z-index: 5; */
}

.clearBoth {
  clear:both;
}

.headerImage {
	/* position: absolute; */
	/* top: 0; */
	/* left: 0; */
	/* width: 100%; */
	/* height: 300px; */
	/* z-index: 0; */
}


.w3-container{
	/* z-index: 3; */
}

.imgBackground {
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
 
 
.imgBuddha {
  background-image: url("https://croksi.sirv.com/si-mag/copyright-permission/religious-symbols/buddhist/images/200301041934.jpeg");
  opacity: 0.4;
}


#sidebarContainer {
	z-index:3;
	width:250px;
	color:#47616e;
	left:0;
}

.sliderOpen {
  display: inline-block;
}

.sliderClose {
  padding: 0 10px 0 0;
}

.imgSidebarTop {
	width:140px;
}

#mainContainer {
  margin-left:250px;
}

.textStyleCenter {
  text-align: center;
}

.textBold {
  font-weight: bold;
}

.textItalic {
  font-style: italic;	
}


#topRowTitles {
	display: inline-block;
	width: 100%;
}

#titlesContainer {
	/* position: absolute; */
	/* top: 0; */
	/* left: 30%; */
	display:inline-block;
	margin: 0 0 0 8px;
	
	/* text-align: center; */
	vertical-align: top;
}

 
.customSlateBlue,.customSlateBlueHover:hover{
	color:#fff!important;
	background-color:#47616e!important
}

.customLighSlateBlue {
	/* color:#000!important; */
	background-color:#feffff!important
}


.textTitle, .textSubTitle {
  padding: 2px;
  top: 0;
  opacity: 1;
  color: #3a505c;
  font-weight: bold;
  text-align: center;
  /* text-shadow: 0 0 0.5em #fefefe, 0 0 0.5em #fefefe, 0 0 0.5em #fefefe;	 */
}

.textTitle {
  margin: 7px 0 0 0;
  position: relative;
  /* display: block; */
  opacity: 1;
  font-size: 1.2em;
  font-weight: bold;
}

.textSubTitle {
  margin: 4px 0 0 0;
  position: relative;
  /* display: block; */
  opacity: 1;
  font-size: 1em;
}

.textFilter {
  background-color: #ddd;
  display: inline-block;
  padding: 8px 7px;
  border-radius: 5px 5px 5px;
  color: #111;
  font-weight: bold;
  margin: 0 6px 0 0;
  float: left;
}

.textIntro {
  padding: 12px 18px 7px 18px;
  line-height: 1.5;
  font-size: 1.1em;
}

.imgTopicContainer {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.imgTopicContainerBg {
  background-color: #fff;
  padding: 4px 0 0 0;
}


.textImageCredit{
	position: absolute;
	 
	font-size: 8px;
	/* left: 1em; */
	/* top: 0; */
	/* width: 166px; */
	/* height: 15px; */
	text-align: left;
	z-index: 2;
	color: #222;
	/* -webkit-transform: rotate(90deg);	 */
	/* -moz-transform: rotate(90deg); */
	/* -ms-transform: rotate(90deg); */
	/* -o-transform: rotate(90deg); */
	/* transform: rotate(90deg);	 */
	 
	/* transform-origin: top left;	 */
  background-color: rgba(255, 255, 255, 0.5);
  padding: 1px 1px 1px 5px;
  border-radius: 1px 1px;
  right: 0;
  top: 0;
 
  transform: rotate(90deg) translate(100%, 0);
  transform-origin: right top;
}



.sidebarMenu {
  color:#47616e;
}

.imgTopics {
  width: 70%;
  margin: 0 auto 0 auto;
}

.textTopic {
  overflow: hidden;
}

#sectionContact {
  background-color: #47616e;
  color: #eee;
}

#contactFormContainer {
  max-width: 1000px;
  margin: 0 auto 0 auto;
}
 

 .text-area {
     width: 100%;
     height: 110px;
}

.btnPageNavigation {
	border: 1px solid #ddd;
	margin: 0 4px 0 4px;
}
 

.footerSection {
  background-color: #edfafc;
  border: 3px solid #47616e;
}

 
/* -------   articles  ---------*/
.articleContainer {
  /* padding: 0 18px 0 18px; */
   /* margin: 0 auto 10px auto; */
  line-height: 1.5;
  font-size: 1.0em;
  width: 100%;
   /* padding: 14px 12px 0 14px; */

}

.articleContent {
  /* max-width: 1200px; */
  padding: 15px 5% 25px 5%;
  margin: 0 0 12px 0;
  border-style: ridge;
}

.articleContent a:link, .articleContent a:active, .articleContent a:visited {
  color: #081cbf; 
  text-decoration: underline;
}
.articleContent a:hover {
  color: #7a1b01;
  text-decoration: underline;
  text-shadow: 2px 1px 3px #fcece3, 3px 3px 5px #fcece3;
} 
 
 
.imgArticleContainer {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  text-align: center;
  overflow: hidden;
  width: 100%;
}
 

.imgArticleFloatRight, .imgArticleFloatLeft {
	margin: 12px auto 0 auto;
}

.textArticleTitle {
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
}

.textArticleSubTitle {
  margin: 14px 0 0 0;
  font-weight: bold;
  font-size: 1.2em;
}
 
.textArticleParagraph {
  margin: 12px 0 0 0;
}
 
.textArticleParaIndented {
  margin: 12px 0 0 18px;
}



.textFloatLeft {
  margin: 0.2em 0 0 0;
  float: left;
}

.textFloatRight {
  margin: 0.2em 0 0 0;
  float: right;
}

.textMaitreya {
	color: #082b9e;
}

.textMaster {
	color: #9e0826;
}

.textQuoteMaitreya, .textQuoteMaster {
	padding: 12px 18px;
	margin: 12px 0 0 18px;
}

.textQuoteMaitreya {
	background-color: #fafbff;
	border: 1px dotted #021759;
}

.textQuoteMaster {
	background-color: #fff7f9;
	border: 1px dotted #5c0216;
} 


/* ----------- */



.box {
	/* padding: 3px!important; */
}

.animLine {
  background-size: cover;
  box-shadow: 0 2px 4px #000;
  position: relative;
  transform: scale(0.96);
  transition: .1s;
}

.animLine:hover {
  transform: scale(1);
  box-shadow: 0 2px 4px #000, 0 8px 32px rgba(0, 0, 0, 0.5);
}

.animLine:hover:before,
.animLine:hover:after {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, #ddd 40%, transparent 40%);
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  z-index: 1;
  border-radius: 4px;
  background-size: 200% 4px;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 8px #fff);
  background-position: 80% 0;
}

.animLine:hover:before {
  animation: beforeLineAnim 2s linear infinite;
}

.animLine:hover:after {
  animation: afterLineAnim 2s linear infinite;
  transform: rotate(-90deg);
  background-position: -20% 0;
}
 



.animateBlurFadeIn {
  -webkit-animation: blurFadeIn 1.8s ease-in 0s backwards;
  -moz-animation: blurFadeIn 1.8s ease-in 0s backwards;
  -ms-animation: blurFadeIn 1.8s ease-in 0s backwards;
  animation: blurFadeIn 1.8s ease-in 0s backwards;
  color: transparent;
  /* text-shadow: 0px 0px 0px #3a505c; */
  text-shadow: 0px 0px 0px #395d70;
  font-weight: bold;
}
.animateDelay1 {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.animateDelay2 {
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  -ms-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

@-webkit-keyframes blurFadeIn {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 40px #395d70;
    -webkit-transform: scale(1.3);
  }
  40% {
    opacity: 0.5;
    text-shadow: 0px 0px 10px #395d70;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    text-shadow: 0px 0px 1px #395d70;
    -webkit-transform: scale(1);
  }
}
 
 
 
 
@media screen and (min-width: 501px) {

   #titlesContainer {
     margin: 0 0 0 20%;
   }
		
  .textTitle {
    font-size: 2.1em;
  }

  .textSubTitle {
    font-size: 1.3em;
  }
  
  
  .imgArticleContainer {
    max-width: 300px;
  }
  
  .imgArticleFloatRight {
    float: right;
    margin: 16px 0 0 24px;
  }
  
  .imgArticleFloatLeft {
    float: left;
    margin: 16px 24px 0 0;
  }
  
  .imgQuoteFloatRight {
    float: right;
    margin: 4px 0 0 24px;
  }
  
  .imgQuoteFloatLeft {
    float: left;
    margin: 4px 24px 0 0;
  }

}


@media screen and (min-width: 601px) {
	
   #titlesContainer {
     margin: 0 0 0 25%;
   }
	
	.rowTopicContainer{
	  margin-bottom:2px!important;
	}
	
	.w3-container {
	   max-height: 580px;
	}

	.imgTopicContainer {
	   height: 110px;
	}
	
	.imgTopics {
	   width: 100%;
	}
	
	.textTopic {
	   height: 400px;
	   /* max-height: 350px; */
	}
	
}


@media (min-width: 660px){

	.imgTopicContainer {
	   height: 160px;
	}
	
	.textTopic {
	   height: 360px;
	}
}


/* @media (min-width: 769px){ */
@media (min-width: 760px){

	.textTopic {
	   height: 280px;
	}
}


@media (min-width: 993px){
	
  #titlesContainer {
	float: left;
	position: static;
	margin: 10px 0 0 18px;
  }

  #mainContainer {
    /* display: inline-block; */
  }
  
  #mainContainer:before {
    /* content: ''; */
    /* min-width: 240px; */
    /* max-width: 240px; */
    /* display: inline-block; */
  }

  .textTopic {
    height: 290px;
  }
  
}

@media (min-width: 1100px){

  .imgTopicContainer {
    height: 190px;
  }
	
  .textTopic {
    height: 250px;
  }
	
}
 
@media (min-width: 1400px){
 
  .imgTopicContainer {
    height: 250px;
  }
	
  .textTopic {
    height: 190px;
  }
	
}