/*

Absolute length units are not recommended for use on screen, because screen sizes vary so much.
However, they can be used if the output medium is known, such as for print layout.

cm    centimeters
mm    millimeters
in    inches (1in = 96px = 2.54cm)
px *  pixels (1px = 1/96th of 1in)
pt    points (1pt = 1/72 of 1in)
pc    picas (1pc = 12 pt)

* Pixels (px) are relative to the viewing device. For low-dpi devices, 1px is one device pixel (dot) of the display.
  For printers and high resolution screens 1px implies multiple device pixels.



Relative length units specify a length relative to another length property.
Relative length units scales better between different rendering mediums.

em    Relative to the font-size of the element (2em means 2 times the size of the current font)
ex    Relative to the x-height of the current font (rarely used)
ch    Relative to width of the "0" (zero)
rem   Relative to font-size of the root element
vw    Relative to 1% of the width of the viewport*
vh    Relative to 1% of the height of the viewport*
vmin  Relative to 1% of viewport's* smaller dimension
vmax  Relative to 1% of viewport's* larger dimension
%     Relative to the parent element

Tip: The em and rem units are practical in creating perfectly scalable layout!
* Viewport = the browser window size. If the viewport is 50cm wide, 1vw = 0.5cm.

*/

.my_red_color {
  background-color: #ff0000;
  color: #ffffff;
}

.my_blue_color {
  background-color: #0000ff;
  color: #ffffff;
}

.my_dark_color {
  /* background-color: #101010; */
  /* background-color: #0D0D0D; */
  background-color: #282629;
  color: #c0c0c0;
}

.my_light_color {
  background-color: #FBFDFF;
  color: #282629;
}

html {
  scroll-behavior: smooth;
}

.my_bg_logo_basic {
  background-image: url("images/logo_gold_big.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/*.my_bg_logo_for_glow {
  background-image: url("images/logo_blue_big_for_glow.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
*/

/*.my_bg_logo_only_glow {
  background-image: url("images/logo_blue_big_glow.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
*/

/*.my_glow_animation {
  animation-name: example;
  animation-duration: 1.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
*/
/* The animation code */
/*@keyframes example {
  from {opacity: 0;}
  to {opacity: 1;}
}
*/

.my_bg_image_basic {
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.my_navbar_logo_height {
  height: 2.5rem;
}


.nav-item > .active {
  background: linear-gradient(to top, #00ccffff, #00ccffff 0.08rem, #003366ff 0.3rem, #00000000);
}



.my_section_heading {
  font-size: 2rem;
  font-weight: bold;
  margin: 1rem;
}




.main_page_bg {
  /* The image used (with darkening) */
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("images/bg.jpg");
  /*background-image: url("images/bg.jpg");*/
  /* Full height */
  height: 100vh; 
}
.we_page_bg {
  /* The image used (with darkening) */
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("images/bg2.jpg");
  /* Full height */
  height: 100vh; 
  /* Center and scale the image nicely
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;*/
}
.my_img_ivo {
  /* The image used (with darkening) */
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/p2.jpg");
  /* Full height */
  height: 100%; 
}
.my_img_sd {
  /* The image used (with darkening) */
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/p1.jpg");
  /* Full height */
  height: 100%; 
}
.my_self_img_height {
  height: 300px;
}


.verticaltext_content {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  left: -60px;
  top: 35px;
  position: absolute;
  color: #FFF;
  text-transform: uppercase;
}
.rotated-down-arrow {
  transform:rotate(90deg);
  background-color: #10101000;
  color: #c0c0c080;
  padding: 3px 10px 3px 10px;
  border-radius: 20px;
  border: 2px solid #c0c0c080;
}
.rotated-up-arrow {
  transform:rotate(-90deg);
  background-color: #10101000;
  color: #c0c0c080;
  padding: 3px 10px 3px 10px;
  border-radius: 20px;
  border: 2px solid #c0c0c080;
}

#Main_Logo {
  /*content: url(images/logo_red_head_sArrows.png);*/
/*      background-image: url('images/logo_red_head_sArrows.png');
  background-repeat: no-repeat;
  background-size: contain;*/
/*  height: 2.5rem; */
/*      width: 100px;
  border: 0px solid;*/
}
  
header.masthead {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 72px);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(92, 77, 66, 0.8)), to(rgba(92, 77, 66, 0.8))), url("../img/bg-masthead.jpg");
  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-masthead.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  height: 90vh;
    min-height: 30rem;
    padding-top: 72px;
    padding-bottom: 0px;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}