/*
    Theme Name: MMC
    Theme URI:
    Description:
    Author: 45PRESS Team
    Author URI: http://www.45press.com
    Version: 1.0
    Tags:
    License:
    License URI:
*/

@font-face {
    font-family: 'Trade Gothic LT Std BdCn20';
    src: url('./fonts/TradeGothicLTStd-BdCn20.eot?v=1');
    src: url('./fonts/TradeGothicLTStd-BdCn20.eot?#iefix&v=1') format('embedded-opentype'),
    url('./fonts/TradeGothicLTStd-BdCn20.woff2?v=1') format('woff2'),
    url('./fonts/TradeGothicLTStd-BdCn20.woff?v=1') format('woff'),
    url('./fonts/TradeGothicLTStd-BdCn20.ttf?v=1') format('truetype'),
    url('./fonts/TradeGothicLTStd-BdCn20.svg?v=1#tradegothiclight') format('svg');
    font-weight: bold;
    font-style: normal;
}

* {
    box-sizing: border-box;
}

body, html {
    padding: 0;
}

body {
    color: #000;
    font: normal 18px/1.3em 'Playfair Display' !important;
}

div[class*='col-'] {
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

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

ul li {
    display: inline-block;
}

a,
a:link,
a:visited {
    color: #4483C4;
    transition: all 0.3s;
}

a:hover,
a:active,
a:focus {
    color: #000;
    text-decoration: none;
}

.screen-reader-text {
    display: none;
}

/***********************************************************************************************
******************************************** HEADER ********************************************
************************************************************************************************/

div#top {
    background-color: #E8E8E8;
    padding: 20px 15px;
    position: relative;
    z-index: 4;
}

div#top > div {
    margin: 0 auto;
    max-width: 1230px;
    position: relative;
    width: 100%;
    z-index: 2;
}

div#top form,
body > footer form {
    float: left;
    position: relative;
    z-index: 2;
}

div#top form input,
body > footer form input {
    border: none;
    display: block;
    font: normal 14px/35px 'Trade Gothic LT Std BdCn20';
    height: 35px;
    letter-spacing: 1.96px;
    padding-left: 15px;
    text-transform: uppercase;
    width: 245px;
}

div#top form button,
body > footer form button {
    -webkit-appearance: none;
    background: none;
    border: none;
    color: #9F9F9F;
    cursor: pointer;
    outline: none;
    position: absolute;
    right: 5px;
    top: 5px;
}

div#top h1 {
    display: block;
    height: 217px;
    left: 50%;
    position: absolute;
    text-indent: -9999px;
    top: -10px;
    transform: translate(-50%, 0);
    width: 217px;
}

div#top h1 img {
    display: block;
    margin: 0 auto;
}

#sidebar nav {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 3;
}

ul#social-header {
    display: block;
    float: right;
    font: 700 16px/18px 'Trade Gothic LT Std BdCn20';
    letter-spacing: 2.24px;
    margin-top: 7px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}

ul#social-header li a,
ul#social-header li a:link,
ul#social-header li a:visited,
ul#social-footer li a,
ul#social-footer li a:link,
ul#social-footer li a:visited {
    font-size: 22px;
    padding: 0 10px;
}

ul#main-menu {
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

ul#main-menu li {
    float: none;
    position: relative;
}

ul#main-menu li a,
ul#main-menu li a:link,
ul#main-menu li a:visited {
    color: #000;
    font: 700 24px/24px 'Trade Gothic LT Std BdCn20';
    padding: 0 35px;
    text-align: left;
    text-transform: uppercase;
}

ul#main-menu li ul {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
}

ul#main-menu li:hover ul {
    display: block;
}

ul#main-menu li:hover ul li {
    display: block;
    text-align: left;
    width: 100%;
}

ul#main-menu li:hover ul li a {
    display: block;
    padding: 10px 15px;
    right: 0;
}

ul#main-menu li a:hover,
ul#main-menu li a:active,
ul#main-menu li a:focus,
ul#footer-menu li a:hover,
ul#footer-menu li a:active,
ul#footer-menu li a:focus {
    color: #4483C4;
    text-align: left;
}

ul#main-menu li:first-of-type a {
    padding-left: 0;
}

ul#main-menu li:last-of-type a {
    padding-right: 0;
}

ul#main-menu li:nth-child(2) {
    margin-right: 290px;
}

/***********************************************************************************************
*************************************** HOME INFO SECTION **************************************
************************************************************************************************/

section#info article {
    position: relative;
}

section#info article img {
    height: auto;
    width: 100%;
}

section#info div#info-content {
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 30px 15px 70px 15px;
    position: absolute;
    text-align: center;
    width: 100%;
}

section#info div#info-content h2 {
    background: transparent url('./img/stars.png') center center no-repeat;
    font: 700 36px/1.3em 'Trade Gothic LT Std BdCn20';
    letter-spacing: 7.2px;
    margin-bottom: 15px;
}

section#info div#info-content div#info-data {
    font: normal 19px/1.3em 'Playfair Display';
    margin: 0 auto;
    max-width: 1150px;
}

/***********************************************************************************************
*************************************** CO-CHAIRS SECTION **************************************
************************************************************************************************/

section#co-chairs {
    background: #3F91DA url('./img/chairs-bg.jpg') center center no-repeat;
    background-size: cover;
    color: #fff;
    padding: 65px 15px 120px 15px;
    text-align: center;
}

section#co-chairs > div {
    margin: 0 auto;
    max-width: 1360px;
    width: 100%;
}

section#co-chairs h2 {
    background: transparent url('./img/white-line.png') center center no-repeat;
    color: #000;
    font: 900 36px/36px 'Trade Gothic LT Std BdCn20';
    margin-bottom: 70px;
    text-transform: uppercase;
}

section#co-chairs img {
    border: 6px solid #fff;
    border-radius: 50%;
    display: block;
    margin: 0 auto 30px auto;
    box-shadow: 0 0 0 15px #397FC6;
}

section#co-chairs p {
    font: normal 22px/1.3em 'Playfair Display';
}

/***********************************************************************************************
*************************************** HOME NEWS SECTION **************************************
************************************************************************************************/

section#news {
    padding: 80px 15px;
}

section#news h2 {
    background: transparent url('./img/stars-blue.png') center center no-repeat;
    color: #000;
    font: 900 36px/36px 'Trade Gothic LT Std BdCn20';
    margin-bottom: 70px;
    text-align: center;
    text-transform: uppercase;
}

section#news #news-container {
    margin: 0 auto;
    max-width: 1360px;
    width: 100%;
}

section#news article {
    border: 2px solid #E4E4E4;
    float: left;
    margin: 25px;
    max-height: 499px;
    padding: 0 25px 0 0;
    position: relative;
    width: calc(50% - 50px);
}

section#news article:nth-child(3),
section#news article:nth-child(4) {
    padding: 0 0 0 40px;
}

section#news article header {
    float: left;
    margin-right: 40px;
    min-width: 250px;
    max-width: 15.6vw;
    position: relative;
}

section#news article:nth-child(3) header,
section#news article:nth-child(4) header {
    float: right;
    margin: 0 0 0 40px;
}

section#news article header h3 {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    font: 900 32px/1.2em 'Trade Gothic LT Std BdCn20';
    left: 0;
    max-width: 15.6vw;
    min-width: 250px;
    padding: 25px 2vw;
    position: absolute;
}

section#news article header h3 a,
section#news article header h3 a:link,
section#news article header h3 a:visited {
    color: #fff;
}

section#news article header h3 a:active,
section#news article header h3 a:focus,
section#news article header h3 a:hover {
    color: #3F91DA;
}

section#news article:nth-child(3) header h3,
section#news article:nth-child(4) header h3 {
    left: auto;
    right: 0;
}

section#news article main {
    font: normal 18px/1.4em 'Playfair Display';
}

section#news article .time-wrap {
    padding: 30px 0 20px 0;
}

section#news article time {
    display: block;
    font: 700 18px/1.4em 'Trade Gothic LT Std BdCn20';
    text-transform: uppercase;
}

section#news article footer {
    margin: 25px 0;
}

section#news article footer a.read-more {
    background-color:#4B99DF;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    float: left;
    font: 600 18px/40px 'Trade Gothic LT Std BdCn20';
    height: 40px;
    text-align: center;
    width: 113px;
}

section#news article footer a.read-more:hover,
section#news article footer a.read-more:active,
section#news article footer a.read-more:focus {
    background-color: #fff;
    border: 1px solid #4B99DF;
    color: #4B99DF;
}

section#news article footer ul.share {
    float: right;
    font: 600 18px/18px 'Trade Gothic LT Std BdCn20';
    padding-top: 10px;
}

section#news article footer ul.share li a {
    color: #000;
    font-size: 20px;
    padding: 5px;
}

section#news article footer ul.share li a:hover,
section#news article footer ul.share li a:active,
section#news article footer ul.share li a:focus {
    color: #4B99DF;
}

section#news a#news-more {
    background-color: #000;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    font: 600 24px/50px 'Trade Gothic LT Std BdCn20';
    height: 50px;
    letter-spacing: 4px;
    margin: 50px auto 0 auto;
    max-width: 230px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

section#news a#news-more:hover,
section#news a#news-more:active,
section#news a#news-more:focus {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}

/***********************************************************************************************
**************************************** EVENTS SECTION ****************************************
************************************************************************************************/

section#events {
    background-color: #000;
    padding: 60px 15px;
    color: #fff;
}

section#events h2 {
    background: transparent url('./img/stars-events.png') center center no-repeat;
    font: 900 36px/36px 'Trade Gothic LT Std BdCn20';
    text-align: center;
    text-transform: uppercase;
}

section#events p#no-events {
    color: #000;
    margin-bottom: 20px;
    text-align: center;
}

section#events div#events-wrap {
    margin: 50px auto;
    max-width: 1360px;
    width: 100%;
}

section#events div.event {
    background-color: #767676;
    margin: 20px;
    max-width: calc(33.33333% - 40px);
    padding: 20px;
}

section#events div.event img {
    float: left;
    margin-right: 25px;
}

section#events div.event time {
    display: block;
    font: 900 24px/24px 'Trade Gothic LT Std BdCn20';
    margin-bottom: 15px;
}

/***********************************************************************************************
*************************************** TWITTER SECTION ****************************************
************************************************************************************************/

section#twitter {
    background-color: #4483C4;
    padding: 65px 15px 100px 15px;
}

section#twitter h2 {
    background: transparent url('./img/white-line.png') center center no-repeat;
    color: #fff;
    font: 900 36px/36px 'Trade Gothic LT Std BdCn20';
    margin-bottom: 65px;
    text-align: center;
    text-transform: uppercase;
}

section#twitter > div {
    margin: 0 auto;
    max-width: 1360px;
    width: 100%;
}

section#twitter div[class*="col-"] {
    background-color: #fff;
    margin: 0 10px;
    max-height: 225px;
    min-height: 225px;
    padding: 20px;
    width: calc(33.33333% - 20px);
}

section#twitter div[class*="col-"] i {
    color: #4483C4;
    float: left;
    font-size: 26px;
}

section#twitter header {
    border-bottom: 1px solid #4483C4;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

section#twitter header h3 {
    float: left;
    font: 900 24px/24px 'Trade Gothic LT Std BdCn20';
    margin-left: 20px;
    text-transform: uppercase;
}

/***********************************************************************************************
******************************************** FOOTER ********************************************
************************************************************************************************/

body > footer {
    background: #fff url('./img/footer-bg.jpg') center center no-repeat;
    background-size: cover;
    padding: 40px 15px 55px 15px;
}

body > footer > div {
    margin: 0 auto;
    max-width: 1370px;
    width: 100%;
}

body > footer img {
    float: left;
}

body > footer #footer-right {
    padding-top: 50px;
}

body > footer ul.footer-nav {
    display: table-cell;
    float: left;
    max-width: 220px;
    padding: 0 8.3vw;
    vertical-align: bottom;
}

body > footer ul.footer-nav li {
    display: block;
}

body > footer ul.footer-nav li a {
    color: #000;
    font: 900 24px/1.8em 'Trade Gothic LT Std BdCn20';
}

body > footer #search-social-row {
    float: left;
    margin: 0 auto;
    padding-top: 50px;
}

/* the rest of the footer search form styles are with the header search form styles */

body > footer form input {
    border: 1px solid #4483C4;
}

/* the rest of the footer social styles are with the header social styles */

body > footer ul#social-footer {
    float: left;
    margin-left: 30px;
    padding-top: 5px;
}

body > footer #copyright {
    float: left;
    font-size: 16px;
    padding-top: 40px;
    text-align: center;
}

/***********************************************************************************************
******************************************** SEARCH ********************************************
************************************************************************************************/

.search main {
    margin-top: 150px;
}

.search h2 {
    margin-bottom: 30px;
}

.search-result {
    margin-bottom: 30px;
}

.search-result h3 {
    font: 900 26px/1.8em 'Trade Gothic LT Std BdCn20';
    margin-bottom: 10px;
}

.search-result p {
    margin: 0;
}

/***********************************************************************************************
******************************************** MOBILE ********************************************
************************************************************************************************/

@media (max-width: 1330px) {
    section#news article {
        margin-left: 0;
        margin-right: 0;
        max-height: none;
        width: 100%;
    }
}

@media (max-width: 1100px) {
    body > footer #copyright {
        clear: both;
        float: none;
        max-width: 100%;
        width: 100%;
    }
}

@media(max-width: 991px) {
    section#events div.event {
        margin: 15px 0;
        max-width: 100%;
        width: 100%;
    }

    section#twitter div[class*="col-"] {
        margin: 15px 0;
        max-height: none;
        min-height: 1px;
        width: 100%;
    }
}

@media(max-width: 975px) {
    body > footer img {
        display: block;
        float: none;
        margin: 0 auto;
    }

    body > footer ul.footer-nav {
        display: block;
        float: none;
        max-width: 100%;
        padding: 0;
        text-align: center;
    }

    body > footer ul.footer-nav li {
        display: inline-block;
    }

    body > footer ul.footer-nav li a {
        padding: 0 10px;
    }

    body > footer #search-social-row {
        clear: both;
        float: none;
        text-align: center;
    }

    body > footer form {
        display: inline-block;
        float: none;
    }

    body > footer ul#social-footer {
        display: inline-block;
        float: none;
    }
}

/* switch to mobile header */
@media(max-width: 900px) {
    div#top {
        padding-left: 70px;
    }

    div#top h1 {
        height: 55px;
        left: -55px;
        transform: none;
        width: 55px;
    }

    div#top h1 img {
        display: block;
        margin: 0 auto;
    }

    ul#social-header {}

    ul#social-header li:first-of-type {
        display: none;
    }

    ul#main-menu li:nth-child(2) {
        margin-right: 0;
    }

    div#top form {
        padding-left: 20px;
    }

    div#top form input {
        width: 180px;
    }

    section#info div#info-content {
        background-color: #000;
        padding: 15px;
        position: static;
    }
}

@media (max-width: 800px) {
    body > footer ul.footer-nav li a {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    section#co-chairs div[class*="col-"] {
        margin-bottom: 50px;
        width: 100%;
    }

    section#co-chairs,
    section#news,
    section#events,
    section#twitter,
    body > footer {
        padding: 30px 15px;
    }

    section#news h2 {
        margin-bottom: 30px;
    }

    section#events div#events-wrap {
        margin: 30px auto;
    }

    body.single-photogallery img {
        display: block;
        margin: 0 auto 30px auto;
    }
}

@media (max-width: 700px) {
    section#news article {
        padding: 0 15px 15px 15px;
    }

    section#news article header {
        float: none;
        margin: 0;
        max-width: 100%;
        position: relative;
        width: 100%;
    }

    section#news article header img {
        display: block;
        margin: 0 auto;
    }

    section#news article header h3 {
        background-color: #000;
        font-size: 26px;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
        width: 100%;
    }
}

@media (max-width: 500px) {
    div#top {
        padding: 10px 15px 10px 70px;
    }

    div#top h1 {
        top: 0;
    }

    div#top form,
    div#top form input {
        float: none;
        height: 30px;
        width: 100%;
    }

    div#top form button {
        right: 0;
        top: 0;
    }

    ul#social-header {
        margin-top: 15px;
    }

    ul#social-header li a,
    ul#social-header li a:link,
    ul#social-header li a:visited {
        font-size: 18px;
        padding: 0 5px;
    }

    ul#main-menu li a,
    ul#main-menu li a:link,
    ul#main-menu li a:visited {
        font-size: 18px;
        padding: 0 15px;
    }

    section#info div#info-content div#info-data {
        font-size: 15px;
        text-align: left;
    }

    section#news article:nth-child(3),
    section#news article:nth-child(4),
    section#news article:nth-child(even) {
        padding: 0 15px 15px 15px !important;
    }

    section#news article:nth-child(3) header,
    section#news article:nth-child(4) header {
        float: none !important;
        margin: 0 !important;
    }

    section#news article header h3 {
        font-size: 20px !important;
    }

    section#news article main {
        font-size: 16px !important;
    }

    section#news a#news-more {
        margin-top: 15px;
    }

    body > footer ul.footer-nav li a {
        font-size: 15px;
    }

    body > footer #search-social-row {
        padding-top: 30px;
    }

    body > footer form {
        display: block;
        max-width: 100%;
        width: 100%;
    }

    body > footer form input {
        margin: 0 0 30px 0;
        width: 100%;
    }

    body > footer ul#social-footer {
        margin: 0;
        padding: 0;
    }

    body > footer #copyright {
        font-size: 14px;
        padding-top: 30px;
    }
}

/* Members */
.members-title {
    margin-bottom: 30px;
}

.members {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
}

.members>li {
    display: block;
}

.members>li+li {
    margin-top: 10px;
}

.members>li>span {
    display: inline-block;
    vertical-align: middle;
}

.members>li>span+span {
    margin-left: 5px;
}