/* ubuntu-regular - latin_latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('fonts/ubuntu-v11-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/ubuntu-v11-latin_latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-700 - latin_latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
       url('fonts/ubuntu-v11-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/ubuntu-v11-latin_latin-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


html, body {
    margin: 0;
    height: 100%;
}

body {
    background: #95a7cc url(images/background_body_2024.jpg) fixed center top no-repeat;
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: small;
    color: #555;
}

a img {
    border: 0;
}

a:active, a:focus, a:link, a:visited {
    color: #1c2c4c;
    text-decoration: none;
}

a:hover {
    color: #A00;
}

h1 {
    font-family: "Ubuntu", Arial, sans-serif;
    font-size: x-large;
    margin: 10px;
}
h1 #admin-links {
    float: right;
}
h1 #admin-links a:link, h1 #admin-links a:active, h1 #admin-links a:visited, h1 #admin-links a:focus {
    color: #ccc;
}
h1 #admin-links a:hover {
    color: #a00;
}

h2 {
    font-family: "Ubuntu", Arial, sans-serif;
    font-size: larger;
    font-weight: bold;
    color: #1c2c4c;
    text-align: left;
}

h2.separator {
    padding: 5px;
    background: none repeat scroll 0% 0% rgba(105, 115, 143, 1);
    color: #FFF;
    font-variant: small-caps;
}

input, textarea {
    border: 1px solid #ccc;
    padding: 5px;
    color: #555;
    background: #eee;
    border-radius: 5px;
}
textarea {
    border-radius: 0;
}
input:focus, textarea:focus {
    outline: none;
}

.smaller {
    font-size: smaller;
}

.float {
    float: left;
}

/* ### WRAPPER ### */

#wgwrapper {
    background: #fbfbfb url(images/background_wrapper.png) top repeat-x;
    width: 1023px;
    min-height: 100%;
    margin: 0 auto -100px;
    padding: 0;
    box-shadow: 0px 0px 20px 0px #666;
}

#wgcontainer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#wgspacer {
    clear: both;
    height: 100px;
}

/* ### HEADER ### */

#wgheader {
    height: 105px;
    position: relative;
    background: url(images/background_header_2024.jpg) no-repeat left;
}

#wgheader #logo {
    height: 74px;
    width: 126px;
    padding: 0;
    background: url(images/header_logo.png) no-repeat top left;
    position: absolute;
    top: 15px;
    left: 25px;
    display: block;
}

#wgheader ul {
    position: absolute;
    text-align: right;
    top: 30px;
    right: 25px;
    list-style: none;
    margin: auto;
    padding: 0;
    height: 42px;
}

#wgheader ul li {
    height: 42px;
    margin: 0;
    padding: 0 15px;
    float: left;
    background: url(images/header_separator.png) right no-repeat;
    color: #000;
    font: bold medium Arial, sans-serif;
    line-height: 42px;
    text-transform: lowercase;
}

#wgheader li .active-trail {
    color: #ad3232;
}

#wgheader ul li:last-child {
    background: none;
}

#wgheader #search-block-form {
    position: absolute;
    bottom: 5px;
    right: 20px;
}
#header #search-block-form input{
    display: inline;
    color: #aaa;
}

#wgheader #search-block-form .form-text {
    width: 200px;
}

#search-block-form input:focus {
    outline: none;
}

#wgheader #search-block-form input.button {
    display: inline;
    font-size: smaller;
    color: #545e71;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #ccc;
}

/* ### RIBBON ### */

#header-ribbon {
    display: none;
    height: 32px;
    width: 100%;
    position: absolute;
    top: 115px;
    background: #1b2b4b;
    z-index: -2;
}

#ribbon {
    height: 32px;
    margin: 0;
    padding: 0 0 0 10px;
    background: #1b2b4b;
}

#ribbon ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#ribbon ul li {
    float: left;
    margin: 0;
    padding: 0 10px;
    height: 32px;
    background: url(images/ribbon_separator.png) right no-repeat;
    color: #fff;
    font: bold medium Arial,sans-serif;
    line-height: 32px;
    text-transform: uppercase;
}

#ribbon ul#social {
    float: right;
    margin: 0 7px 0 0;
    padding: 3px 0;
}
#ribbon ul#social li {
    padding: 0 8px;
    height: 26px;
    font-size: 20px;
    font-family: 'JustVector';
    text-transform: none;
    font-weight: normal;
    background: none;
}

#ribbon a:link, #ribbon a:active, #ribbon a:visited, #ribbon a:focus {
    color: #545e71;
    text-decoration: none;
}

#ribbon a:hover, #ribbon li.active-trail a, #ribbon li.active a {
    color: #fff;
}

/* ### VIDEO PLAYER ### */
#videoplayer {
    position: relative;
    height: 560px;
    padding: 12px;
    text-align: center;
    background: rgba(57, 74, 86, 1);
    display: none;
}
#videoplayer a#close {
    position: absolute;
    bottom: -12px;
    left: 501px;
    height: 21px;
    width: 35px;
    background: #a00;
    font-weight: bold;
    font-size:16px;
    color: #fff;
    cursor: pointer;
}

/* ### MAIN CONTENT ### */

#wgcontent {
    float: left;
    width: 670px;
    margin: 0;
    padding: 0 10px;
    text-align: justify;
}

/* FRONT PAGE COLUMNS */

.frontpage-columns {
    background: url(images/column-separator.png) center repeat-y;
}
.frontpage-columns .article {
    width: 317px;
    float: left;
    margin: 10px 0;
}
.frontpage-columns .byline {
    text-align: left;
    font-size: smaller;
    margin-bottom: 5px;
}
.frontpage-columns .article p, .frontpage-columns .article h2 {
    margin: 0;
}
.frontpage-columns .views-row-odd {
    margin-right: 36px;
}

/* ARTICLE PREVIEW BOX */

.article-preview, .article-highlight {
    background: url(images/background_article_preview.png) center repeat-y;
}
.article-preview {
    margin-bottom: 10px;
}
.article-preview h2 {
    font-size: medium;
    margin: 3px 0;
}
.article-preview .image-normal img {
    border: 1px solid #ccc;
    background: #fff;
    padding: 9px;
    margin-bottom: 0;
    width: 180px;
    float: left;
    box-shadow: 3px 3px 5px #ccc;
}
.article-preview div.image-wide {
  display: none;
}
.article-preview .body {
    float: right;
    width: 460px;
    padding-left: 10px;
}
.article-preview .top, .article-preview .bottom, .article-highlight .top, .article-highlight .bottom {
    min-height: 1px;
    margin: 0 0;
    background: url(images/article_preview_border.png) no-repeat center bottom;
    clear: both;
}
.article-preview .bottom, .article-highlight .bottom {
    font-size: smaller;
    text-align: right;
    padding: 4px;
    color: #999;
}
.article-preview .bottom {
    margin-bottom: 5px;
}
.article-preview p:last-of-type, .article-highlight p:last-of-type {
    margin-bottom: 0;
}
.article-preview p:first-of-type, .article-highlight p:first-of-type {
    margin-top: 0;
}

.article-highlight img {
    width: 100%;
    max-width: 670px;
    height: auto;
    border: 0;
    padding: 0;
    float: none;
}
.article-highlight h2 {
    font-size: large;
    margin: 0;
}

.article-preview iframe, .frontpage-columns iframe, .article-highlight iframe {
    display: none;
}

.article-preview .body img, .frontpage-columns .body img, .article-highlight .body img {
    display: none;
}

/* IMAGES */
.imagebox {
    border: 1px solid #ccc;
    background: #fff;
    padding: 9px;
    margin: 8px;
    float: left;
    box-shadow: 3px 3px 5px #ccc;
}

/* CAPTIONED IMAGES */

figure {
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    margin: 5px 10px 10px 10px;
    box-shadow: 3px 3px 15px;
}

figure[style*="float: left"], figure[style*="float:left"] {
    margin-left: 0;
}

figure[style*="float: right"], figure[style*="float:right"] {
    margin-right: 0;
}

figure img {
    margin-bottom: 5px;
}

figcaption {
    font-size: smaller;
}

figure br {
    display: none;
}

/*#################*/

hr {
    height: 2px;
    background: url(images/article_preview_border.png) no-repeat center;
    border: 0;
}

#byline {
    border-top: 1px solid #ddd;
    padding: 5px;
    margin-top: 30px;
}

.smart-paging-pager {
    margin-top: 30px;
}

/* ### LIST BOX ### */
.listbox {
    background: url(images/background_listbox.png) repeat-x top;
    box-shadow: 3px 3px 15px #ccc;
    margin-top: 30px;
}
.listbox + .listbox {
    margin-top: 10px;
}
.listbox h2, .listbox h3 {
    background: #1c2c4c;
    color: #fff;
    padding: 8px;
    font-size: small;
    font-family: Arial, sans-serif;
    margin-bottom: 0;
}
.listbox ul {
    list-style: disc inside;
    list-style-image: url(images/bullet.png);
    margin: 0;
    padding: 0;
}
.listbox ul li {
    padding: 8px;
    background: url(images/listbox_separator.png) bottom no-repeat;
}

/* ### RATING ### */
#rating {
    color: #fff;
    position: relative;
    margin: 35px 0 20px 0;
}
#rating .conclusion {
    background: #eee;
    color: #555;
    padding: 10px;
    padding-right: 200px;
    min-height: 50px;
    font-size: larger;
}
#rating .score {
    background: #333;
    width: 160px;
    min-height: 55px;
    padding: 10px;
    position: absolute;
    border: 5px solid #fff;
    border-right: 0;
    border-top: 0;
    top: 0;
    right: 0;
    color: #fff;
}
#rating .clearfix {
    margin-bottom: 5px;
}
#rating .conclusion i {
    color: #ddd;
    display: none;
}
#rating .score dl {
    padding: 0;
    margin: 0;
}
#rating .score dt, #rating .score dd {
    font-size: small;
    padding: 0;
    margin: 0;
}
#rating .score dt {
    margin-right: 5px;
    float: left;
}
#rating .score dd {
    margin-left: 90px;
    color: #3C8EF5;
    font-weight: bold;
}
#rating .score .overall {
    position: absolute;
    top: 0;
    right: 0;
    height: 55px;
    padding: 10px;
    line-height: 55px;
    text-align: center;
    font-size: xx-large;
    border-left: 0px solid #444;
}
#rating .column {
    width: 322px;
    padding: 5px;
    float: left;
    text-align: left;
    font-size: smaller;
}
#rating .pro {
    background: #326F32;
    margin-right: 3px;
}
#rating .contra {
    background: #751B1B;
    margin-left: 3px;
}
#rating ul {
    padding: 0;
}

.prefix {
    color: #a00;
    margin-right: 5px;
}

.date {
    font-size: smaller;
}

/* ### ABOUT PAGES ### */
.team-tile {
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    margin: 10px;
    float: left;
    width: 120px;
    min-height: 139px;
    text-align: center;
    box-shadow: 3px 3px 15px;
}
.team-tile a {
    display: block;
}

.profile .user-picture {
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    margin: 0 0 10px 10px;
    box-shadow: 3px 3px 15px #ccc;
}

/* ### SIDEBAR ### */
#wgwrapper > aside {
    width: 317px;
    float: right;
    padding: 0 8px;
    /*margin-top: -10px;*/
}
#wgwrapper > aside:first-child {
    margin-top: 0;
}
#wgwrapper > aside h2 {
    border-bottom: 2px solid #1c2c4c;
    margin: 0;
}

#wgwrapper > aside .sidebar-teaser {
    position: relative;
    width: 317px;
    height: 118px;
    margin: 10px 0;
    padding: 0;
}
#wgwrapper > aside .sidebar-teaser h3 {
    font-size: x-small;
    position: absolute;
    bottom: 0;
    margin: 0;
    background: rgba(255,255,255,0.7);
    padding: 5px;
    width: 307px;
    border: 0;
}

#wgwrapper > aside .sidebar-latest {
    clear: both;
    margin: 10px 0;
    min-height: 63px;
}
#wgwrapper > aside .sidebar-latest img {
    float: left;
    width: 90px;
    height: 63px;
    margin-right: 5px;
}
#wgwrapper > aside .sidebar-latest h3 {
    font-size: small;
    font-weight: normal;
    margin-top: 0;
}

#wgwrapper > aside ul#share {
    list-style: none;
    margin: 0;
    padding: 0;
}
#wgwrapper > aside ul#share li {
    width: 65px;
    height: 35px;
    margin: 5px;
    color: #fff;
    font-size: 22px;
    line-height: 35px;
    display: inline-block;
}
#wgwrapper > aside ul#share li a {
    width: 65px;
    height: 35px;
    display: block;
    text-align: center;
}
#wgwrapper > aside ul#share li a:link, #wgwrapper > aside ul#share li a:active, #wgwrapper > aside ul#share li a:visited, #wgwrapper > aside ul#share li a:focus, #wgwrapper > aside ul#share li a:hover {
    color: #fff;
}
#share li.facebook {
    background-color: #3b5998;
}
#share li.twitter {
    background-color: #00aced;
}
#share li.google-plus {
    background-color: #dd4b39;
}
#share li.tumblr {
    background-color: #45668e;
}

#wgwrapper > aside ul#latestvideos {
    list-style: none;
    margin: 0;
    margin-top: 5px;
    padding: 0;
    text-align: center;
}
#wgwrapper > aside ul#latestvideos li {
    display: inline-block;
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0 5px 2px 0;
    overflow: hidden;
    position: relative;
}
#wgwrapper > aside ul#latestvideos li img {
    width: 178px;
    height: 100px;
    position: relative;
    left: -39px;
}

#wgwrapper > aside ul#latestvideos li a #overlay {
    position: absolute;
    width: 90px;
    height: 90px;
    padding: 5px;
    z-index: 999;
    background: rgba(50,50,50,0.75);
    text-align: left;
    font-size: smaller;
    color: #fff;
    display: none;
    overflow: hidden;
}

#wgwrapper > aside ul#latestvideos li a #overlay a:link,
#wgwrapper > aside ul#latestvideos li a #overlay a:active,
#wgwrapper > aside ul#latestvideos li a #overlay a:visited
#wgwrapper > aside ul#latestvideos li a #overlay a:focus,
#wgwrapper > aside ul#latestvideos li a #overlay a:hover {
    color: #fff;
}



/* ### FOOTER ###*/

#wgfooter {
    height: 55px;
    width: 1003px;
    bottom: 0;
    margin: 0 auto;
    padding: 10px;
    background: #121f3b url(images/background_footer.png) center center repeat-y;
    border-top: 25px solid #fff;
    color: #fff;
    font: bold medium Arial,sans-serif;
}

#footer-ribbon {
    height: 100px;
    width: 100%;
    margin: 0;
    bottom: 0;
    background: #192846;
}

#wgfooter nav ul {
    list-style: none;
    height: 51px;
    margin: auto;
    padding: 0;
    float: left;
}
#wgfooter nav ul li {
    float: left;
    height: 51px;
    margin: 0;
    padding: 0 10px;
    line-height: 51px;
    background: url(images/footer_separator.png) right no-repeat;
    color: #545e71;
    text-transform: lowercase;
}

#wgfooter a:active, #wgfooter a:link, #wgfooter a:visited, #wgfooter a:focus {
    color: #545e71;
    text-decoration: none;
}

#wgfooter a:hover {
    color: #fff;
}

#wgfooter #social {
    list-style: none;
    padding: 0;
    margin: 0 25px 0 0;
    text-align: right;
    float: right;
}
#wgfooter #social li {
    margin: 0 0;
    padding: 8px 10px;
    display: inline-block;
    text-align: center;
}
#wgfooter #social li a {
    font-size: 20px;
    height: 20px;
    width: 20px;
    padding: 10px;
    display: inline-block;
    border-radius: 50%;
}
#wgfooter #social li.facebook a {
    background-color: #3b5998;
}
#wgfooter #social li.twitter a {
    background-color: #00aced;
}
#wgfooter #social li.youtube a {
    background-color: #cd201f;
}
#wgfooter #social li.instagram a {
    background-color: #E11F75;
}
#wgfooter #social li.rss a {
    background-color: #FF6600;
}

#wgfooter #social a:link, #wgfooter #social a:active, #wgfooter #social a:focus, #wgfooter #social a:visited {
    color: inherit !important;
}

#footer-text {
    float: right;
    text-align: right;
    font-size: x-small;
    color: #545e71;
    height: 55px;
}

#footer-logo {
    height: 55px;
    width: 40px;
    background: url(images/wglogo-footer.png) center no-repeat;
    float: right;
}

#wgtop {
    position: fixed;
    display: none;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: large;
    border-radius: 50%;
    border: 2px solid #1c2c4c;
    bottom: 25px;
    right: 25px;
    background: #eee;
    cursor: pointer;
    padding: 3px;
    color: #1c2c4c;
}

/* CLEARFIX */
.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    height: 0;
    clear: both;
}

/* SMALL SCREENS */

@media only screen and (max-width: 1000px) {
    body {
        background: #fdfdfd;
    }
    #wgwrapper {
        overflow-y: auto;
    }
    #wgwrapper, #wgcontent, #wgfooter {
        width: 100%;
        box-sizing: border-box;
    }
    #wgfooter, .frontpage-columns {
        background: inherit;
    }
    .article-highlight a img
    {
      width: 100%;
      max-width: 100%;
      height: auto;
    }
    .frontpage-columns .article {
        width: 100%;
    }
    .frontpage-columns .article img {
        width: 100%;
        height: auto;
    }
    #wgcontent {
        max-width: 100%;
    }
    #wgwrapper > aside, #wgfooter #social, #wgfooter nav, #header-ribbon, #wgtop {
        display: none;
    }
    #wgheader input {
        display: none
    }
    #ribbon #social {
        display: none;
    }
    #ribbon ul li {
        font-size: x-small;
    }
    #wgheader #logo {
        left: 10px;
        top: 0;
    }
    #wgheader nav ul {
        top: 65px;
        left: 0;
    }
    #wgheader nav ul li {
        font-size: small;
    }
    #wgcontent .field-type-image img, #wgcontent iframe {
        width: 100%;
        max-width: 670px;
        height: auto;
    }
    .article-preview img, .article-preview .body {
        float: none;
    }
    .article-preview div.image-normal {
      display: none;
    }
    .article-preview div.image-wide {
      display: block;
    }
    .article-preview .image-wide img {
      width: 100%;
      height: auto;
    }
    .article-preview .body {
        width: auto;
        padding-left: 0;
    }
}