/*
 *Theme Name:   International Geneva Gender Champions
 *Description:      Radiate Pro Child Theme
 *Template:         radiate-pro
 *Version:            1.0
 */

.post .byline {
    display: none;
}

/* Header */
#masthead.site-header {
    margin-bottom: 99%;
}

.site-header .site-branding {
    display: none;
}

.site #parallax-bg {
    background-image: url("/_ext/genderchampions.com/content/themes/iggc/images/iphoneresponsive.jpg");
    background-size: contain;
}

@media screen and (min-width: 520px) {
    #masthead.site-header {
        margin-bottom: 33%;
    }

    .site #parallax-bg {
        background-image: url("/_ext/genderchampions.com/content/themes/iggc/images/ipadresponsive.jpg");
        background-size: contain;
    }
}

@media screen and (min-width: 769px) {
    #masthead.site-header {
        margin-bottom: 50%;
    }

    .site-header .site-branding {
        display: block;
    }

    .site-header .site-branding .site-title {
        font-size: 32px;
        font-size: 3.2rem
    }

    .site #parallax-bg {
        background-image: url("/_ext/genderchampions.com/content/themes/iggc/images/header.png");
        background-size: contain;
    }
}

@media screen and (min-width: 850px) {
    #masthead.site-header {
        margin-bottom: 25%;
    }

    .site-header .site-branding .site-title {
        font-size: 36px;
        font-size: 3.6rem
    }
}

/* Champions */

.champions .entry-content {
    margin: 0;
}

.champions-area {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    text-align: center;
}

.champions-area > a {
    display: inline-block;
    margin: 4px;
    width: 220px;
    text-align: center;
    vertical-align: top;
}

.champions-post {
    padding: 0;
    margin: 0;
}

.champions-thumbnail {
    padding: 0;
    margin: 0;
}

.champions-post span {
    color: #000;
    font-family: open sans;
    font-weight: lighter;
    word-wrap: break-word;
    display: block;
}

.champions-title {
    padding: 2px;
}

.champions-post {
    font-size: 1em;
}

.champions-org {
    font-size: 0.9em;
}

.champions-area > a:hover {
    text-decoration: none !important;
}

.champions-area > a:hover .champions-thumbnail {
    transform: scale(1.1);
    transition: all 0.3s ease 0s;
}

.champion-fields {
    font-family: open sans;
    font-size: 1.3em;
}

.champions .entry-content .champions-filter {
    margin: 0 0 15px;
    padding: 0;
    text-align: right;
}

.champions-filter .champion-category {
    list-style: none;
    padding: 5px 10px;
    display: inline-block;
    font-weight: 300;
}

.champions-filter .champion-category:last-child {
    padding-right: 0;
}

.champions-filter .champion-category a {
    color: #444444;
}

.champions-filter .champion-category a.current,
.champions-filter .champion-category a:hover,
.champions-filter .champion-category a:active {
    color: #00a9b7;
}

/* Categories */

section#primary.category-content-area {
    width: 100%;
    float: none;
}

.category-main {
    display: block;
    width: 100%;
}

.category-wrapper {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.category-post {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    padding: 15px;
    margin: 1rem 0 2rem;
}

.category-post:nth-of-type(3n+1) {
    margin-right: 0;
}

.category-post:nth-of-type(3n+2) {
    margin-left: 0;
    margin-right: 0;
}

.category-post:nth-of-type(3n) {
    margin-left: 0;
}

.category-post a {
    text-decoration: none;
    color: #000;
    font-family: open sans;
}

.category-post a:hover {
    text-decoration: none !important;
}

.category-post .post-title {
    font-size: 1.5em;
    line-height: 1.2em;
}

.ai1ec_event .entry-meta {
    display: none;
}

@media screen and (max-width: 1275px) {
    .category-wrapper {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media screen and (max-width: 769px) {
    .category-wrapper {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

/**
 * New design
 */

.header-wrap {
    opacity: 1;
    border-bottom: 0;
    background: #def0f3;
}

@media (min-width: 768px) {
    .header-wrap {
        top: 49px;
    }
}

@media (min-width: 1200px) {
    .header-wrap {
        height: 63px;
    }
}

body.admin-bar .header-wrap {
    top: 0;
}

@media (min-width: 992px) {
    body.admin-bar .header-wrap {
        top: 82px;
    }
}

.site-branding {
    width: 100%;
    margin-right: 0;
    text-align: center;
}

@media (min-width: 1200px) {
    .site-branding {
        width: auto;
        text-align: left;
    }
}

.site-title {
    float: none;
}

@media (min-width: 992px) {
    .site-title {
        padding: 4px 0 4px 25px
    }
}

@media (min-width: 1200px) {
    .site-header .site-branding .site-title {
        font-size: 18px;
        line-height: 55px;
    }
}

@media (min-width: 1300px) {
    .site-header .site-branding .site-title {
        font-size: 20px;
    }
}

@media (min-width: 1401px) {
    .site-header .site-branding .site-title {
        font-size: 22px;
    }
}

@media (min-width: 1500px) {
    .site-header .site-branding .site-title {
        font-size: 26px;
    }
}

.header-column-right {
    text-align: right;
}

@media (min-width: 992px) {
    .header-column-right {
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .header-column-right {
        float: right;
    }
}

.main-navigation,
.main-small-navigation {
    margin-top: 0;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.main-navigation li {
    font-size: 14px;
}

@media (min-width: 992px) {
    .main-navigation li {
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .main-navigation li {
        font-size: 14px;
        line-height: 63px;
    }
}

@media (min-width: 1300px) {
    .main-navigation li {
        font-size: 16px;
    }
}

@media (min-width: 1401px) {
    .main-navigation li {
        font-size: 18px;
    }
}

.header-search-icon {
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: center;
    float: none;
    display: inline-block;
    vertical-align: top;
}

@media (min-width: 992px) {
    .header-search-icon {
        width: 63px;
        height: 63px;
    }
}

.header-search-icon:before {
    vertical-align: middle;
}

.header-search-icon:after {
    width: 0;
    height: 100%;
    content: '';
    display: inline-block;
    vertical-align: middle;
}

#masthead .search-form {
    top: 100%;
}

.topbar {
    width: 100%;
    height: 50px;
    background: #e5eab3;
}

@media (min-width: 992px) {
    .topbar {
        position: fixed;
        z-index: 999999;
        top: 0;
    }

    body.admin-bar .topbar {
        top: 32px;
    }
}

.topbar-menu {
    width: 100%;
    display: table;
    vertical-align: middle;
    background: #d2df77;
}

@media (min-width: 768px) {
    .topbar-menu {
        font-size: 0;
        width: auto;
        display: inline-block;
    }
}

.topbar-menu__link {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    height: 50px;
    padding: 0 20px;
    display: table-cell;
    text-align: center;
    line-height: 50px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .topbar-menu__link {
        padding: 0 25px;
        display: inline-block;
        vertical-align: middle;
    }
}

.topbar-menu__link:hover,
.topbar-menu__link_active {
    background: #def0f3;
}

.topbar-menu__link_active {
    cursor: text;
    pointer-events: none;
}

#masthead.site-header {
    margin-bottom: 37%;
}

@media (min-width: 768px) {
    #masthead.site-header {
        margin-bottom: 16%;
    }
}

@media (min-width: 992px) {
    #masthead.site-header {
        margin-bottom: 35%;
    }
}

@media (min-width: 1200px) {
    #masthead.site-header {
        margin-bottom: 24%;
    }
}

.site-header .menu-toggle {
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
}

.site-header .menu-toggle:before {
    vertical-align: middle;
}

@media (min-width: 992px) {
    .site #parallax-bg {
        margin-top: 55px;
    }
}

#region-news .page_text_container {
    background-color: #FFFFFF;
    padding: 30px 30px 20px;
    padding: 3rem 3rem 2rem;
}

#region-news img {
    vertical-align: top;
    margin-bottom: 20px;
    margin-bottom: 2rem;
}

#region-news .entry-title {
    line-height: 1;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    font-size: 24px;
    font-size: 2.4rem;
}

#region-news p {
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    font-size: 14px;
    font-size: 1.4rem;
}

.fancy-title {
    margin-bottom: 20px;
}

.fancy-title__text,
.fancy-title__text:before {

    background: #d2df77;
}

.fancy-title__text {
    position: relative;
    font-weight: bold;
    padding: 8px 25px;
    display: inline-block;
    text-transform: uppercase;
    color: #00a9b7;
}

.fancy-title__text:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
    width: 40px;
    display: block;
    -webkit-transform: skew(35deg);
    -ms-transform: skew(35deg);
    transform: skew(35deg);
}

#region-news .fancy-title__text {
    width: 60%;
}

.entry-title .fancy-title__text {
    font-size: 16px;
}

#page {
    background: #d2df77 url("/_ext/genderchampions.com/content/themes/iggc/images/main_background.jpg") no-repeat 30% 100px;
    background-size: 220%;
}

@media (min-width: 768px) {
    #page {
        background-position: 50% 100px;
        background-size: 100%;
    }
}

@media (min-width: 992px) {
    #page {
        background-position: 50% 175px;
    }
}

@media (min-width: 1200px) {
    #page {
        background-position: 50% 100px;
    }
}

.page-template-new-york #page {
    background-image: url("/_ext/genderchampions.com/content/themes/iggc/images/GCNY_background.jpg");
}

.page-template-geneva #page {
    background-image: url("/_ext/genderchampions.com/content/themes/iggc/images/GCG_background.jpg");
}

#content {
    background: none !important;
}

.featured-event {
    margin-bottom: 30px;
    margin-bottom: 3rem;
    padding: 30px 30px 20px;
    padding: 3rem 3rem 2rem;
    background: #fff;
}

.featured-event a.more-link {
    font-size: 14px;
    font-size: 1.4rem;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    color: #555555;
    padding: 4px 10px;
}

.featured-event a.more-link:hover {
    border: 1px solid #00a9b7;
    border-radius: 4px;
    color: #00a9b7;
    padding: 4px 10px;
    text-decoration: none !important;
}

@media (min-width: 768px) {
    .featured-event__left {
        float: left;
        width: 30%;
        padding-right: 30px;
        padding-right: 3rem;
    }
}

.featured-event__right {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .featured-event__right {
        margin-top: 0;
        margin-left: 35%;
    }
}

.navigation.post-navigation {
    padding: 25px;
    background: #fff;
}