/*Typography*/

@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('fonts/raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
strong{
    font-family: 'ralewaybold';
}

@font-face {
    font-family: 'ralewayitalic';
    src: url('fonts/raleway-italic-webfont.woff2') format('woff2'),
         url('fonts/raleway-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
em{
    font-family: 'ralewayitalic';
}

@font-face {
    font-family: 'ralewaybold_italic';
    src: url('fonts/raleway-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/raleway-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
strong em,
em strong{
    font-family:'ralewaybold_italic'
}

@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('fonts/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Global*/

:root {
  --accent-color: #0fa9aa; 
  /*--accent-color-2: #059598; */
  --accent-color-2: #058093;
  --accent-color-3: #125355; 
  --grey-1: #bec5d5; 
}

.accent-color{
    color: var(--accent-color);
}

h2{
    font-size:150%;
    font-family: 'ralewaybold';
    font-weight:normal;
    color:var(--accent-color);
    margin-top:15px;
}

.btn-primary {
    background-color: var(--accent-color-3);
    border-color: var(--accent-color-3);
    color:#fff;
    margin-bottom:5px;
}

.btn-primary:hover {
    background-color: #000;
    border-color: var(--grey-1);
    color: var(--accent-color);
}

.btn-secondary {
	background-color: transparent;
	border-color: var(--accent-color);
    color:#000;
}

.btn-secondary:hover {
    background-color: transparent;
    border-color: var(--grey-1);
    color: #900;
}

.btn-dark {
    background-color: transparent;
    border-color: #fff;
    color:#fff;
    font-size:105%;
}
.btn-dark:hover {
    background-color: #125355;
    border-color: #125355;
}

.tac{text-align: center;}

/**/

body{
    font-family: 'ralewayregular', sans-serif;
    font-weight:300;
    font-size:20px;
}

#main{/*max-width:1280px;*/}

.entry-title{
    text-align: center;
}

.home-header-subtext{
    font-family: 'ralewaybold';
    text-align: center;
    color: var(--accent-color);
    font-size:150%;
}

.home-header{
    font-family: 'ralewaybold';
    text-align: center;
    color: #000;
    font-size:200%;
}

.bg-light {
    background-color: #fff!important;
}

.navbar-collapse{
   flex-grow:0;
   margin-right:6%
}

.home-banner-image{
    width:100%;
    height:auto;
}

.home-cta{
    text-align:center;
}

.home-cta .btn{
    font-size:115%;
    display:inline-block;
    width:200px;
    margin:0 15px;
}

#social-links{
    text-align:center;
    font-size:175%;
}

#social-links a{
    color: var(--accent-color-2);
}

#social-links a:hover{
    color: #000;
}

.upcoming-events, .stars-background{
    margin:45px auto;
    padding:5% 6% 6%;
    background-image:url(img/ddg-stars-background.webp);
    min-height:200px;
    font-size:90%;
    color:#fff
}

.upcoming-events h2, .stars-background h2{
    text-align:center;
    font-size:175%;
    font-family: 'ralewaybold';
    color:#fff;
}

.home .event-container{
    border-top:1px solid var(--accent-color-2);
    max-width:1000px;
    margin:0 auto;
}

.home .event-container:first-child{
    border-top:none;
}

.home .event-container .btn{
    width:100%;
    margin-top:10px;
    font-family: 'ralewayregular';
    font-size:100%;
    padding:5px;
    background-color: #666;
    color:#fff;
}

.home .event-container .btn:hover{
    background-color: #555;
    color:var(--accent-color-2);
}

.navbar-nav .nav-link, 
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show,
.dropdown-item {
    color: var(--accent-color);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--accent-color);
    color: #fff;
    text-decoration: none;
}

.meet-ddg{
    text-align:center
}

.meet-ddg img{
    width:100%;
    height:auto;
}

.meet-ddg h2{
    font-size:150%;
    font-family: 'ralewaybold';
    color:var(--accent-color);
}

.meet-ddg .btn{
    width:100%;
    margin:5px auto 15px;
    font-family: 'ralewaybold';
}

#sponsors{
    width:100%;
    clear:both;
}

#sponsors h2{
    border-top:1px solid var(--accent-color);
    padding-top:15px;
    margin-top:15px;
    margin-bottom:15px;
}

#sponsor-banners{
    display: flex;
    align-items:center;
}

.sponsor-image{
    width:33%;
}

.sponsor-image image{
    width:100%;
}

.blog-entry{
    padding-bottom:15px; 
    border-top:1px dotted #ccc;
}

.blog-entry:first-child{
    border-top:none;
}

.meta-date{
    font-size:70%;
    color:#888;
    padding-bottom:7px;
}

@media only screen and (max-width: 767px){

    .home-cta .btn{
        display:inline-block;
		width:40%;
        font-size:80%;
        margin-bottom:10px;
	}

    #sponsor-banners{
        display: block;
    }

    .sponsor-image{
        width:100%;
    }

    .sponsor-image image{
        max-height:150px;
        width:auto;
    }
}

#footer{
    background:#005f5f;
    color: #fff;
    text-align: center;
}

#footer .menu{
    text-align: center;
    color: var(--grey-1);
}

#footer .menu a{
    color: var(--grey-1);
}

#footer .menu a:hover{
    color: #fff;
}

/*Patterns*/

.header-with-image .row .left{
    padding-left:4%;
    padding-top:3%;
}

.header-with-image .row .left p.header-pre-text{
    color: var(--accent-color);
    padding-bottom:0;
    margin-bottom:0;
    font-size:125%;

}

.header-with-image .row .left h1{
    font-family:'ralewaybold';
    font-size:285%;
    line-height:1
}

.header-with-image .row .left p.header-sub-text{
   font-size:90%;
}

.header-with-image .row .right img{
    width:100%;
    height:auto;
    max-width:600px;
}

.feature-banner{
    background-image:url('/wp-content/uploads/support_bgd.webp');
    background-size:cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height:400px;
}
.feature-banner .feature-inner-container{
    color:#fff;
    width:90%;
    margin:0 auto;
    text-align: center;
}
.feature-banner .feature-inner-container h3{
    font-family:'ralewaybold';
    font-size:300%;
}
.feature-banner p{
    padding-bottom:10px;
}
.feature-banner .feature-inner-container .btn{
    min-width:200px;
}

.listbox{
    margin:15px 50px;
    padding:15px;
    border:1px solid var(--accent-color);
    border-radius:15px;
}

@media only screen and (min-width: 1200px) {
    .header-with-image .row .left p.header-pre-text{
        font-size:150%;
    }
    .header-with-image .row .left h1{
        font-size:325%;
    }
    .header-with-image .row .left p.header-sub-text{
        font-size:115%;
    }
}