/* Titles font */
@import url('https://fonts.googleapis.com/css?family=Fjalla+One&subset=latin-ext');
/* Oswald : substitute font for special characters */
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700&subset=latin-ext');
/* Font for texts, captions, etc. */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');


a, a img, p, h1, h2, h3, h4, ul, li, table, td, tr, th, thead, tfoot, caption, legend, fieldset, textarea, input, div, span{
margin :			0;
padding :			0;
border :			0;
font-weight :		normal;
list-style :        none;
text-align :            justify;
}

html, body{
width :				100%;
margin :			0 auto;
background :		transparent;
font-family :		'Open Sans', Futura, Arial;
color :				#000000;
}

a:link,
a:visited{
color :				#076a8f;
text-decoration :	none;
}

a:hover,
a:active{
color :				#002b3e;
}

a.events-button:link,
a.events-button:visited{
    line-height :       32px;
    background :        #002b3e;
    color :             #ffffff;
    padding :           8px 8px;
    font-size :         14px;
    font-variant :      uppercase;
}
a.events-button:active,
a.events-button:hover{
    background :        #076a8f;
    color :             #ffffff;
    text-decoration :   none;
}

h1{
    font-size :         54px;
    line-height :       72px;
    font-family :       'Fjalla One';
    font-weight :       700;
    text-transform :    uppercase;
    /* index header is bigger than content pages, we'll hide by default */
    display :       none;
}

h2{
    font-size :         36px;
    font-family :       'Fjalla One';
    font-weight :       700;
    text-transform :    uppercase;
    margin :            32px 0 0 0;
}

.event-info-box h3{
    font-size :         28px;
    font-family :       'Fjalla One';
    font-weight :       700;
    text-transform :    uppercase;
    margin :            0 0 12px 0;
    color :             #000000;
}

h3{

}

p.event-date{
    font-size :         28px;
    font-family :       'Oswald';
    font-weight :       400;
    margin :            0 0 24px 0;
}
p{
    
}

header{
    width :         100%;
    height :        110px;
    background :    #ffc709 url(../img/bg_header.png) no-repeat right center;
    overflow :      hidden;
}
header#mobile-header,
#index header#mobile-header{
    background-image :  none;
    background :        #ffc709;
    height :            60px;
}
    header#mobile-header img{
        float :             left;
        margin :            0 16px 0 0;
    }
    header ul.mobile-nav{
        height :            60px;
        overflow :          hidden;
    }
        
        ul.mobile-nav li{
            float :         left;
            height :        60px;
            width :         40px;
            margin :        0 2px;
        }
            ul.mobile-nav li a:link,
            ul.mobile-nav li a:visited{
                display :           block;
                line-height :       64px;
                font-size :         24px;
                text-align :        center;
                text-transform :    uppercase;
                padding :           0 10px;
                background :        #ffc709;
                color :             #000000;
                
            }
            ul.mobile-nav li a:active,
            ul.mobile-nav li a:hover{
                background :        #000000;
                color :             #ffc709;
                text-decoration :   none;
            }
    
    
ul#header-nav{
    display :       none;
}
#index h1{
    display :       block;
}
#index header{
    height :        330px;
}
#index ul#header-nav{
    display :       block;
    width :         280px;
    margin-top :    8px;
}
    ul#header-nav li{
        height :        38px;
        margin :        2px 0;
    }
        ul#header-nav li a:link,
        ul#header-nav li a:visited{
            display :           block;
            line-height :       38px;
            font-size :         16px;
            font-family :       'Open Sans';
            font-weight :       300;
            text-transform :    uppercase;
            padding :           0 10px;
            background :        #002b3e;
            color :             #ffffff;
        }
        ul#header-nav li a:active,
        ul#header-nav li a:hover{
            background :        #003c51;
            text-decoration :   none;
        }



        
section#main{
    margin-top :            48px;
}

ul.page-nav{
    overflow :          hidden;
    width :             100%;
    margin :            0 0 36px 0;
    border-bottom :     1px solid #002b3e;
    padding-left :      12px;
}

    ul.page-nav li{
        float :             left;
        height :            32px;
        display :           block;
        margin :            2px 1px 0 1px;
    }
        ul.page-nav li a:link,
        ul.page-nav li a:visited{
            line-height :       32px;
            background :        #002b3e;
            color :             #ffffff;
            padding :           0 8px;
            font-size :         14px;
            font-variant :      uppercase;
            display :           block;
        }
        ul.page-nav li a:active,
        ul.page-nav li a:hover{
            background :        #076a8f;
            color :             #ffffff;
            text-decoration :   none;
        }

        
#related{
    margin-top :        32px;
}
    #related h2{
        margin-bottom :     16px;
    }
        
        
#event section#main h4{
    font-family :       'Fjalla One';
    text-transform :    uppercase;
    margin :            24px 0 0 0;
    font-size :         24px;
}        
#event .supporter{
    margin-top :        24px;
} 
        
        
.event-info-box{
    margin-top :            28px;
    padding :               12px 20px;
    border-left :           solid 1px #ababab;
    overflow :              hidden;
}


/* img in the event page */
.center-cropped {
  /*width: 100%;
  height: 280px;
  background-position: center center;
  background-repeat: no-repeat;*/
  overflow: hidden;
  /*margin-bottom :   24px;*/
}

/* Set the image to fill its parent and make transparent */
.center-cropped img {
  width:100%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* modern browsers */
  opacity: 100;
}

/* SOCIAL BUTTONS */

#share-social{
    clear :         both;
    overflow :      hidden;
    margin-bottom : 24px;
}
    #share-social div{
        float :         left;
        margin-right :  12px;
    }
    .fb-share-button{
        margin-top :    -1px;
    }
    #twitter-share{
        margin-top :    2px;
    }
    #linkedin-share{
        margin-top :    1px;
    }


.contact-box img{
    float :         left;
    margin :        12px 16px 0 0;
    height :        120px;
    width :         auto;
}
.contact-box p{
    float :         left;
    margin :        0px 0 0 0;
}

.embed-responsive,
#twitter_collection_id{
    margin :        32px 0;
}

.embed-responsive,
#twitter_moment_id{
    margin :        32px 0;
    border-top :    solid grey 1px;
}


/* ABOUT PAGE */

#about #main h2,
#about #main h3,
#about #main h4,
#about #main p{
    margin :        1em 0;
}

#about #main ul{
    margin :        1em 0;
}
    #about #main ul li{
        padding-left :  24px;
        background :    transparent url(../img/ul.png) no-repeat left top;
        margin :        0.5em;
    }
        
#about #main ul.page-nav{
    margin :            0 0 36px 0;
}
    #about #main ul.page-nav li{
        margin :            2px 1px 0 1px;
        padding :           0;
        background :        none;
    }
    
/* FOOTER */

footer{
    margin :            64px 0 0 0;
    padding :           24px 0;
    background :        #002b3e;
}
    footer h4{
        color :             #ffffff;
        margin :            32px 0 16px 0;
    }
        ul.footer-nav{
            overflow :          hidden;
            width :             100%;
            margin :            0 auto;
        }
            ul.footer-nav li{
                float :             left;
                height :            32px;
                display :           block;
                margin :            2px 1px 0 1px;
            }
            ul.footer-nav li a:link,
            ul.footer-nav li a:visited{
                line-height :       32px;
                background :        #003e54;
                color :             #ffffff;
                padding :           0 8px;
                font-size :         14px;
                font-variant :      uppercase;
                display :           block;
            }
            ul.footer-nav li a:active,
            ul.footer-nav li a:hover{
                background :        #076a8f;
                color :             #ffffff;
                text-decoration :   none;
            }

/* CM form */

#cm ul.nav.nav-tabs{
    border: 0px !important;


}
#cm ul.nav.nav-tabs>li>a{

    background-color: #eee !important;
    color:#000 !important;

}
#cm ul.nav.nav-tabs>li>a.active{

    background-color: #ffc709 !important;
    color:#fff !important;

}

.tabcontent h2{
    margin:16px 0!important;
}