body{min-height: 100vh;background-color:  #0780E4 !important}
.app-logo{
    height: 3rem;
}
#content-vue-component{
    margin: auto;  
}

.content-vue-component-wrapper {
    margin: auto;
    max-width: 70rem;
    padding: 2rem; 
	position: relative;background: rgba(255,255,255,0.95);
}

#content-vue-component .MsoTitle *,#content-vue-component .MsoTitle {
    font-size: 2.5rem; font-weight: 900
}
#content-vue-component p, #content-vue-component span {
/*    font-size: 1.7rem  */
}
/**
* article view
*/
/*#content-vue-component{   max-width: 90vw;width: 65rem;background: rgba(255,255,255,0.95)}*/
.app-content{   max-width: 90vw;width: 65rem;background: rgba(255,255,255,0.95);margin:auto}

.fullwidth {width: 100%;padding: 0;margin: 0; }
.col-one-layout{padding: 1rem}

.quotation {
    background: #FFAB3780;

    padding: 3rem 1rem;
    border: 1px solid #FFAB37;font-family: "Times New Roman";
    quotes: "„" "“"}
.quotation > div {width: 100%;max-width:  85rem;margin: auto}
.quotation  .q-text {font-style: italic; text-align: justify; font-size: 2rem; color: rgba(0,0,0,.4); text-indent: 4rem;font-weight: 600 }
.quotation  .q-author {text-align: right;font-size: 1.5rem}

#main-slider img{
    height: inherit ;
    object-fit: cover;
}
#main-slider >div,#main-slider >div >div  {
    height: 100% ; 
}
#main-slider >div >div> img{
    max-height: 100% ; 
}
#app{min-height: 100vh}
.footer-bar{
    width: 100%;
    margin: 0;
    margin-top: 0rem;
    background-color: azure;
    min-height: 3rem;
    position: relative; 
    bottom: 0;
}
#main-section{padding:0rem;background: white;}
.contact-card div{border: none; }
.contact-card img{
    border-radius: 50%; 
    object-fit: cover;
    width: 250px;
    min-height: 250px;
    max-height: 33vh;
    margin: auto;
    max-width: 100%;
}

.primary-color { background-color:  #42A4F5 !important }	/* Main Primary color */
.primary-color-lighter { background-color: #98CDF9 }
.primary-color-light { background-color: #69B7F7 }
.primary-color-dark { background-color: #1A8FF0 }
.primary-color-darker { background-color: #0780E4 }

.secondary-color { background-color:  #FFAB37 }	/* Main Complement color */
.secondary-color-lighter { background-color: #FFD294 }
.secondary-color-light { background-color:  #FFBD62 }
.secondary-color-dark { background-color: #FF980B }
.secondary-color-darker { background-color: #FF9400 }

.navbar {padding: 0rem 2rem 0rem 2rem;}
.navbar-brand{padding: 0}
.navbar-brand *{padding: .5rem}

.navbar-nav div{
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3); 
}
.nav-button > a {
    height: 100%;
    /* Internet Explorer 10 */
    display:-ms-flexbox;
    -ms-flex-pack:center;
    -ms-flex-align:center;

    /* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari, Opera, and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;

}
.nav-button {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s; 
    margin-right: 2px;
    border: none;
    color: white; 
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    font-size: 16px;


}
.nav-button a { 
    text-decoration: none !important; 


}


.aText {font-size:1.2rem !important}
.aQuotation {font-size:1.2rem !important}
.aList {font-size:1.2rem !important}
.aOrderedList {font-size:1.2rem !important}
.aTitle {font-size:2.3rem !important;margin:2rem !important}
.WordSection1 * {
    line-height: 2rem !important;
}
.nav-button:hover {
    -webkit-box-shadow: 4px 4px 9px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 9px 2px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 9px 2px rgba(0,0,0,0.2); 
    background-color: #98CDF9; /* Green */
    color: black;
}
@media(max-width:767px){
    .navbar-collapse ul >div,.navbar-collapse ul >div > li{ width: 100%}
    .navbar-collapse ul {max-height: 100vh;overflow-y: auto;overflow-x: hidden;}
}
@media(min-width:768px){
    .navbar-collapse > ul ,.navbar-collapse > ul > div > li {height: 99%}
    /*.navbar-collapse{height: 3.1rem}*/
    .navbar-collapse{min-height: 3.1rem}
    .navbar-collapse > ul {min-height: 3.1rem}
	.sticky-top { margin-top:0.75rem;margin-bottom:0.75rem;background: transparent !important;}
	.nav-button{ text-shadow: 0px 0px 2px #FFffff; 
	font-family:"Open Sans", sans-serif;
	color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
    text-shadow: -1px 0 rgba(0, 0, 0, 0.25), 0 1px rgba(0, 0, 0, 0.25), 1px 0 rgba(0, 0, 0, 0.25), 0 -1px rgba(0, 0, 0, 0.25);
	}
	.nav-button a {color:white !important}
	
}
.dropdown-menu.show {background-color: #69B7F7}
.dropdown-menu.show > *:hover {background-color: #FFD294}
#nav_collapse{padding-right: 3.5rem}
.page-counter{
float: left;

width: 100%;

background: white;

text-align: center;
}
.img-fluid{object-position: inherit;}
/*

calendar css
.vue-calendar{display:grid;grid-template-rows:10% 90%;background:#fff;margin:0 auto}.calendar-header{align-items:center}.header-left,.header-right{flex:1}.header-center{flex:3;text-align:center}.title{margin:0 5px}.next-month,.prev-month{cursor:pointer}.calendar-body{display:grid;grid-template-rows:5% 95%}.days-header{display:grid;grid-auto-columns:14.25%;grid-template-areas:"a a a a a a a";border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.days-body{display:grid;grid-template-rows:auto}.day-number{text-align:right;margin-right:10px}.day-label{text-align:center;border-right:1px solid #e0e0e0}.week-row{display:grid;grid-template-areas:"a a a a a a a";grid-row-gap:5px;grid-auto-columns:14.25%;border-left:1px solid #e0e0e0}.week-day{padding:4px;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.week-day.disabled{background-color:#f5f5f5}.week-day.not-current>.day-number{color:#c3c3c3}.week-day.today>.day-number{font-weight:700;color:red}.events{font-size:12px;cursor:pointer;padding:0 0 0 4px}.events .event{height:18px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 4px 2px 0;color:rgba(0,0,0,.87);background-color:#d4dcec}.events .more-link{color:rgba(0,0,0,.38)}*/