.padding-0 {
    padding: 0 0 !important; 
}

.fill-width {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}

.red-text {
    color: #C9252C;
}

.underlined-text {
    text-decoration: underline;
    text-decoration-color: #A27D15;
}

.bold-text {
    font-weight: bold;
}

hr.new {
    border-top: 2px solid gray !important;
}

.margin60 {
    margin-bottom: 60px;
}

.margin30 {
    margin-bottom: 30px;
}

.text-gold {
    color: #A27D15 !important;
}

html {
    scroll-behavior: smooth;
}

.flex {
    display: flex;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.flex-column-space-around {
    display: flex; 
    flex-direction: column;
    justify-content: space-around;
}

.flex-column-space-between {
    display: flex; 
    flex-direction: column;
    justify-content: space-between;
}

.flex-justify-center{
    display:flex !important;
    justify-content: center;
    flex-direction: column;
    
}

.img-fit {
    object-fit: none;
    object-position: 0 0;
}
.thumbnail-img {
    cursor: pointer;
}

.thumbnail-img:hover img {
    opacity: 0.5;
}

link-hover:hover {
    cursor: pointer;
    opacity: 0.5;
}


section.bg-gold{
  background-color: #A27D15;
  color: white;
  font-weight: bold;
  padding-bottom: 10px;
}
.bg-gold a{
  color: white;
}
.bg-dark a:hover,
.bg-dark a:focus{
  color: #bdbdbd;
  font-style: none;
  text-decoration: none;
}



/*START HEADER STYLES*/
.site-header {
    display: flex;
    flex-direction: column;
}

.nav > li.dropdown.open {
    position: static !important;
}

.nav > li.dropdown.open .dropdown-menu {
    display:table !important;
    width: 100% !important; 
    text-align: center !important;
    left:0 !important;
    right:0 !important;
    background-color: #C9252C !important;
    text-align: left !important;
    
    top: 99% !important;
}


.dropdown-menu {
    padding: 2% 20% 4% 20% !important;
    color: white !important;
    
}

.navbar-nav {
    display: flex; 
    justify-content: space-between;
    width: 100%;
}


.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #C9252C !important;
  color: white !important;
}

.redbg .navbar-default .navbar-nav > .open > a,
.redbg .navbar-default .navbar-nav > .open > a:hover,
.redbg .navbar-default .navbar-nav > .open > a:focus {
  background-color: white !important;
  color: #C9252C !important;
}

.dropdown-menu > li > a {
    padding-left: 0px !important;
}

.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus {
    background-color: transparent !important;
    color: white !important;
    font-weight: bold;
}

.navbar-custom .dropdown-menu > li > a {
    color: white !important;
}

.header-hr {
    border-top: 2px solid white !important;
    margin: 20px 0px;
}

.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
    background-color: transparent !important;
}

.navbar-default .navbar-toggle {
    border: solid 2px #DAB451 !important;
    margin: 5% 0 !important;
}

.redbg {
    background-color: #CA3727;
    border: none;
}

.redbg .navbar-nav > li > a {
    color: white;
}

.text-gold .navbar-nav > li > a {
    color: #D6A04A !important;
}

.navbar-custom .navbar-nav > li > a:hover {
    color: #D6A04A;
}

.text-gold .navbar-nav > li > a:hover {
    color: white !important;
}

.nav > li {
    color: white;
}

.text-gold .nav > li {
    color: #D6A04A;
}

.nav:before {
    display: none !important;
}

.nav:after {
    display: none !important;
}

.white-text {
    color: white;   
}

.white-text > a {
    color: white !important;
}

.navbar-collapse {
    padding: 0px !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

/*END HEADER STYLES*/



.font1 {
    font-size: 14px !important;
}

.font2 {
    font-size: 17px !important;
}

.font3 {
    font-size: 28px !important;
}

.font4 {
    font-size: 48px !important;
}


.toppage-margin{
  margin-top: 180px;
}

@media screen and (min-width: 768px) and (max-width: 991px){
  .toppage-margin{
    margin-top: 140px;
  }
  #divSlider {
        height: calc( 100vh - 140px) !important;
    }
    #forbesLogo {
        display: block !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px){
  .toppage-margin{
    margin-top: 150px;
  }
  #divSlider {
        height: calc( 100vh - 150px) !important;
    }
    
    #forbesLogo {
        display: block !important;
    }
}

@media screen and (min-width: 1200px){
  .toppage-margin{
    margin-top: 180px;
  }
  #divSlider {
        height: calc( 100vh - 180px) !important;
    }
}

@media screen and (max-width: 559px){
    #divSlider {
        height: calc( 100vh - 125px) !important;
    }

  .toppage-margin{
    margin-top: 125px;
  }
  .site-header > .topbar{
    font-size: 12px;
  }
}


@media (orientation: portrait)  {
    
        .hidden-portrait {
            display: none !important;
        }
        
        .visible-portrait {
            display: block !important;
        }
        
        
        #navMain {
            padding: 0px 10% !important;
        }
        
        #navIcon {
            width: 40% !important;
        }
            
        
        .navbar-custom { 
            background-color: #CA3727;
            border: none;
        }
        
        .nav > li.dropdown.open .dropdown-menu {
            position: static !important;
        }
        
        .navbar-fixed-top .navbar-collapse {
            /*max-height: unset;*/
        }
        
        .navbar-nav {
            display: block; 
            width: auto;
        }
        
        @media screen and (max-width: 559px){
        
            .navbar-default .navbar-toggle {
                border: none !important;
            }
            
            .navbar-default .navbar-toggle .icon-bar {
                background-color: white !important;
            }
            
        }
}

@media (orientation: landscape) {
    
        /*all landscape cept PC and large tabs*/
        @media screen and (max-width: 1365px) {
            
            #forbesLogo {
                display: block !important;
            }
            
            #navMain {
                padding: 0px 10% !important;
            }
            
            #navIcon {
                width: 40% !important;
            }
            
            .visible-phone-landscape {
                display: block !important;
            }
            
            .hidden-phone-landscape {
                display: none !important;
            }
            
            .navbar-header {
                float: none;
              }
              .navbar-left,.navbar-right {
                float: none !important;
              }
              .navbar-toggle {
                display: block;
              }
              .navbar-collapse {
                border-top: 1px solid transparent;
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
              }
              .navbar-fixed-top {
                top: 0;
                border-width: 0 0 1px;
              }
              .navbar-collapse.collapse {
                display: none!important;
              }
              .navbar-nav {
                float: none!important;
                margin-top: 7.5px;
              }
              .navbar-nav>li {
                float: none;
              }
              .navbar-nav>li>a {
                padding-top: 10px;
                padding-bottom: 10px;
              }
              .collapse.in{
                display:block !important;
              }
              
              .visible-phone-landscape {
                    display: block !important;
                }
                
            .navbar-custom { 
                background-color: #CA3727;
                border: none;
            }
            
            .nav > li.dropdown.open .dropdown-menu {
                position: static !important;
            }
            
            .navbar-fixed-top .navbar-collapse {
                /*max-height: unset;*/
            }
            
            .navbar-nav {
                display: block; 
                width: auto;
            }
            
        }
}