/*
 Theme Name:   UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.3
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/
/* colors
blue - 107593
green - 16a44a
red - bf2026
*/
html{
    overflow-x: hidden;
}
body{
    font-family: 'Dosis', sans-serif !important;
    font-size: 1.3rem !important;
}
header{
    margin-top:2rem;
}
.wrapper {
    padding: 20px 0;
}
.RocTitle, h1, h2, h3{
    font-family: 'Dosis', sans-serif !important;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-size: 2.5rem !important;
}
.RocTitle{
    font-size: 5rem;
}
.navbar{
    background-color: #2295e2;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.45);
}
.navbar-nav{
    width: 100%;
    justify-content: space-between!important;
    font-family: 'Dosis', sans-serif !important;
    font-size: 1.6rem;
}

.home-header{
    text-align: center;
    color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.45);
    background-color: #2295e2;
}
.home-header h2{
    background: url('/wp-content/uploads/2019/02/header.png') ;
    padding: 1rem 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.home-events{
    background-color: #2295e2;
    margin-bottom: 2rem;
}
.home-connect{
    background-color: #2295e2;
}
.social-boxes{
    padding-top: 2rem;
}
.social-box{
    margin-bottom: 1rem;
    width:3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    float: right;
    margin-left:1rem;
    font-size: 1.5rem;
}
.facebook{
    background-color: #3b5998;
}
.twitter{
    background-color: #1da1f2;
}
.twitch{
    background-color: #6441a5;
}
.discord{
    background-color: #7289DA;
}
.team-holder{
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ccc;
}

.entry-header{
    background-color: #2295e2;
    color:#fff;
    padding:1rem;
    margin-top: 0;
    margin-bottom: 2rem;
}
.footer{
    background-color: #2295e2;
    padding: 2rem 0;
}
.address{
    color: #fff;

}
.address p{
    margin: 0;
    padding: 0;
}

input[type=submit]{
    border-color: #2295e2 !important;
    background-color: #2295e2 !important;
    color: #fff !important;  
}

.top-image{
    height: 20rem;
    background-color: #2295e2;
    position: relative;
    margin-top:1rem;
}

.top-image-img{
    position: absolute;
    left:0;
    width: 100%;
    height: 100%;
    background:no-repeat top top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: .4;
}
.top-image-overlay .col-md-4{
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 1rem;
    margin-top: 2rem;
}

.entry-title a{
    color: #fff;
}

.featured_post img{
    width: 100%;
}

.featured-Section{
    margin-bottom: 20px;
}