@charset "UTF-8";
/* CSS Document */

#featured_videos {
    text-align:center;
}
#featured_videos .video-bar {
    height:63px;
    position:relative;
}
#featured_videos .video-bar:before {
    content:'';
    display:block;
    height:1px;
    background-color:#D9D9D9;
    margin-top:31px;
    width:100%;
    position:absolute;
    z-index:1;
}
#featured_videos .video-bar:after {
    content:'';
    display:inline-block;
    width:63px;
    height:63px;
    background-image: url(../images/video_bar_icon.png);
    position:relative;
    z-index:2;
}
#featured_videos h3 {
    color:#0B5C96;
    font-size:24px;
    text-transform:uppercase;
    font-family:'Droid Serif', serif;
    font-weight:700;
    margin-top:10px;
}

#featured_videos .videos {
    margin:20px -1% 0;
}
#featured_videos .videos .video {
    box-sizing:border-box;
    display:inline;
    float:left;
    width:25%;
    padding: 0 1%;
}
#featured_videos .videos .video .video-link {
    display:block;
    text-align:center;
    font-size:16px;
    line-height:20px;
    color:#141414;
    font-family:'Lato', sans-serif;
    text-decoration:none;
}

#featured_videos .videos .video .video-link .video-image {
    position:relative;
}
#featured_videos .videos .video .video-link .video-image:before {
    display:block;
    content:'';
    width:100px;
    height:100px;
    margin:-50px 0 0 -50px;
    background:url(../images/play_icon.png) left top no-repeat;
    position:absolute;
    top:50%;
    left:50%;
    opacity:0.2;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}
#featured_videos .videos .video .video-link:hover .video-image:before {
    opacity:0.9;
}
#featured_videos .videos .video .video-link .video-image img {
    width:100%;
    margin-bottom:10px;
}

#simplemodal-overlay {
  background-color: #000000;
  cursor: pointer;
}
#simplemodal-container a.modalCloseImg {
    background: url(../images/x.png) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -15px;
    right: -16px;
    cursor: pointer;
}

#featured_videos .button {
    margin-top:33px;
    padding: 8px 50px 10px;
}



#callout_container {
    height: auto;
    display: block;
    clear: both;
    margin: 100px -2% 0 -2%;
}

#callout_news, #callout_events {
    box-sizing:border-box;
    width: 50%;
    display: inline;
    float: left;
    padding:0 2%;
}



.callout_top {
    border-bottom: #D9D9D9 1px solid;
    padding: 0px 0px 8px 0px;
}
.callout_top h2 {
    float:left;
    font-size:40px;
    line-height:42px;
    color:#212121;
    font-family: 'Droid Serif', serif;
    font-weight:700;
    text-transform:uppercase;
    margin:0 0 0 20px;
}

.callout_top ul {
    text-align:right;
    margin:0;
}

.callout_top ul li {
    list-style: none;
    display: inline-block;
    margin: 0px 0px 0px 35px;
}

.callout_top ul li a {
}
.callout_top ul li a.on {
    color:#077BBF;
    border:3px solid #E5B549;
}
.callout_top ul li.ui-tabs-active a {
    color:#077BBF;
    border:3px solid #E5B549;
}

#callout_news .ui-tabs-hide {
    display: none;
}


#callout_news .news-items, #callout_events .event-items {
    margin:35px 0 15px 0;
    border-bottom: #D9D9D9 1px solid;
}
#callout_news .news_item, #callout_events .event_item {
    box-sizing:border-box;
    width: 100%;
    display: block;
    padding: 0 0 30px 20px;
}

#callout_news .news_item h3, #callout_events .event_item h3  {
    color:#404040;
    font-size:24px;
    line-height:30px;
    font-family: 'Droid Serif', serif;
    font-weight:700;
    margin-bottom:8px;
}
#callout_news .news_item p, #callout_events .event_item p {
    color:#404040;
    font-size:16px;
    line-height:22px;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    margin-bottom:15px;
}

#callout_events .event_item .date {
    color:#C79313;
    font-size:22px;
    line-height:22px;
    font-family:'Lato', sans-serif;
    font-weight:700;
}
#callout_events .event_item .venue {
    color:#C79313;
    font-size:18px;
    line-height:22px;
    font-family:'Lato', sans-serif;
    font-weight:700;
}
#callout_events .event_item .venue .country-name {
    display:none;
}
#callout_events .event_item h3 {
    margin-bottom:13px;
}
#callout_events .event_item p {
    margin-top:10px;
}

#callout_container a.button.see-all {
    margin-left:20px;
}


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

    #featured_videos .videos {
        margin: 20px 0 0 0;
    }

    #featured_videos .videos .video {
        box-sizing: border-box;
        display: inline;
        float: left;
        width: 100%;
        padding: 0 10%;
        margin-top: 40px;
    }

    #featured_videos .videos .video:first-child {
        margin-top: 0;
    }


    #simplemodal-container {
        width: 90% !important;
        height: 50vw !important;
    }

    #simplemodal-container #simplemodal-data {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #simplemodal-container iframe {
        width: 100%;
        height: 50vw;
    }



    #callout_container {
        height: auto;
        display: block;
        clear: both;
        margin:0
    }

    #callout_news, #callout_events {
        box-sizing: border-box;
        width: 100%;
        display: block;
        float: none;
        padding: 0 3%;
        margin-top:85px;
    }
    
    
    .callout_top h2 {
        font-size:34px;
        font-size:36px;
        margin-left:0;
    }
    #callout_news .callout_top h2 {
        display:block;
        float:none;
    }

    #callout_news .callout_top ul {
        clear:both;
        margin:15px 0 0 0;
        text-align:left;
    }
    .callout_top ul li {
        margin-left:10px;
    }
    .callout_top ul li:first-child {
        margin-left:0;
    }
    #callout_news .news_item, #callout_events .event_item {
        padding:0 0 35px 0;
    }

    #callout_news .news_item h3, #callout_events .event_item h3 {
        font-size:18px;
        line-height:26px;
    }

    #callout_events .event_item .date {
        font-size:18px;
        line-height:22px;
    }
    #callout_events .event_item .venue {
        font-size:16px;
        line-height:22px;
    }

    #callout_container a.button.see-all {
        margin-left:0;
    }
}