@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700;800&display=swap');

#html, body, p, li, td, .contentfont, .standardfont, .smallfont {
	font-family: 'Open Sans', sans-serif;
}
html, body, p, li, td, .standardfont {
  font-size: 14px !important;
    line-height: 1.5 !important;
}
a.whitelink { color: #fff !important; }
a.whitelink:hover { color: #ececec !important; }
.smallfont {
  font-size: 12px;
  line-height: 18px;
}
h1, h2, h3, h4, h5, .Head, .titlefont {
	font-family: 'Roboto', serif;
    font-weight: bold;
}
h1, .Head, .bigfont { font-size: 32px; line-height: 1.2; color: #0079bc;  }
h2 { font-size: 26px; line-height: 1.2; }
h3 { font-size: 22px; line-height: 1.2; }
h4 { font-size: 18px; line-height: 1.2; }
.midfont { font-size: 18px; line-height: 1.2; }
.btn.btn-braveheart, .braveheart { background-color:#026ca7 !important;color:#fff !important; border:0 !important;}
.btn.btn-griffin, .griffin { background-color:#dd2f1d !important;color:#fff !important;border:0 !important; }
.btn.btn-phoenix, .phoenix { background-color:#40a441 !important;color:#fff !important;border:0 !important; }
.btn.btn-viking, .viking { background-color:#f5d703 !important;color:#000 !important; border:0 !important; }
.braveheart2 { border: 1px solid #026ca7 !important; border-left: 10px solid #026ca7 !important; color:#026ca7 !important; margin: 2px; background-color: rgba(2,108,167,0.2);  background-image: url('/portals/0/houses/icons/bravehearticon75.png'); background-position: right center; background-repeat: no-repeat; }
.griffin2 { border: 1px solid #dd2f1d !important; border-left: 10px solid #dd2f1d !important;color:#dd2f1d !important; margin: 2px; background-color: rgba(221,47,29,0.2); background-image: url('/portals/0/houses/icons/griffinicon75.png'); background-position: right center; background-repeat: no-repeat; }
.phoenix2 { border: 1px solid #40a441 !important; border-left: 10px solid #40a441 !important;color:#40a441 !important; margin: 2px; background-color: rgba(64,164,65,0.2); background-image: url('/portals/0/houses/icons/phoenixicon75.png'); background-position: right center; background-repeat: no-repeat; }
.viking2 { border: 1px solid #f5d703 !important; border-left: 10px solid #f5d703 !important;color:#f5d703 !important; margin: 2px; background-color: rgba(245,215,3,0.2); background-image: url('/portals/0/houses/icons/vikingicon75.png'); background-position: right center; background-repeat: no-repeat; }
a.viewprofile {
 position: absolute;
  top: 20px;
  right: 0;
}
.fullWidth .ContainerPane {
    padding: 0;
}
/* menu */
@media only screen and (min-device-width: 480px) {
	/*.dropdown-menu { display: none !important; }*/
	.depth_0 span.caret { display: none !important; }
  	.fullWidth .ContainerPane { padding: 20px; }
}
.col-with-background {
 	background-color:#b3d2e2; 
    background-image: url('/portals/0/leftmenubg01.jpg');
    background-position: center bottom;
  background-size: 100%;
    background-repeat: no-repeat;
  padding-bottom: 20px;
}
.col-with-background.bg1 {
    background-image: url('/portals/0/leftmenubg01.jpg');
}
.col-with-background.bg2 {
    background-image: url('/portals/0/leftmenubg02.jpg');
}
ul.subpagemenu .subpagemenuitem {
    list-style-type: none;
    margin: 0;
    padding: 5px;
    background-color: rgba(255,255,255,0.8);
    margin-bottom: 1px;
}
ul.jqueryFileTree a {
    font-size: 1.2em;
    line-height: 1.8em;
}
ul.jqueryFileTree .directory.nochildren > a {
    color: #000;
}
ul.jqueryFileTree a em {
    display:none;
}

.fixedHeader { background-color: rgba(255,255,255,1); z-index:45 !important;}

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn.btn-primary { background-color: #0079bc; color: #fff; }
.btn.btn-secondary { background-color: #052264; color: #fff; }

.border { border: 1px solid #ececec; }

.news-block-link {
	display:block; 
    border: 1px solid #ececec;
  background-color: #fff;
  transition: background 500ms ease-in-out;
}
.news-block-link:hover {
   text-decoration: none;
  background-color: #ececec;
}