/*
Theme Name : Bridge Forum Dialogue
Theme URI: http://forum-dialogue.lu
Author: the PTB team
Author URI: http://pushthebrand.com
Description: Bridge Forum Dialogue
Version: 1.0
Tags: responsive 
Text Domain: theme
*/

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css
----------------------------------------------------------------------------- */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}


/* Typography
----------------------------------------------------------------------------- */
body {
    color: #707173;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.45;
}

h1,h2,h3,h4,h5,h6 {
    clear: both;
    font-weight: 600;
    margin: 0;
    text-rendering: optimizeLegibility;
}

p {margin: 0 0 1.75em}

dfn,cite,em,i {font-style: italic}

blockquote {
    border: 0 solid #1a1a1a;
    border-left-width: 4px;
    color: #686868;
    font-size: 19px;
    font-size: 1.1875rem;
    font-style: italic;
    line-height: 1.4736842105;
    margin: 0 0 1.4736842105em;
    padding: 0 0 0 1.263157895em;
}

blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content: ""}
blockquote p {margin-bottom: 1.4736842105em}
blockquote cite,
blockquote small {
    color: #1a1a1a;
    display: block;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
}
blockquote cite:before,
blockquote small:before {
    content: "\2014\00a0";
}
blockquote em,blockquote i,blockquote cite {font-style: normal}
blockquote strong,blockquote b {font-weight: 400}
blockquote > :last-child {margin-bottom: 0}

address {font-style: italic;margin: 0 0 1.75em}

code,kbd,tt,var,samp,pre {font-family: Inconsolata, monospace}
pre {
    border: 1px solid #d1d1d1;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3125;
    margin: 0 0 1.75em;
    max-width: 100%;
    overflow: auto;
    padding: 1.75em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
code {background-color: #d1d1d1;padding: 0.125em 0.25em}
abbr,acronym {border-bottom: 1px dotted #d1d1d1;cursor: help}
mark,ins {
    background: #fff;
    color: #fff;
    padding: 0.125em 0.25em;
    text-decoration: none;
}

big {font-size: 125%}


/* Elements
----------------------------------------------------------------------------- */
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit}

body {background: #fff}

hr {
    background-color: #d1d1d1;
    border: 0;
    height: 1px;
    margin: 0 0 1.75em;
    clear: both;
    display: block;
}

ul,ol {margin: 0 0 1.75em 1.25em; padding: 0}
ul {list-style: square}
ol {list-style: decimal; margin-left: 1.5em}
li > ul,li > ol {margin-bottom: 0}

dl {margin: 0 0 1.75em}
dt {font-weight: 800}
dd {margin: 0 0 1.75em}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

del {opacity: 0.8}

table,th,td {border: 1px solid #d1d1d1}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    /* Prevents HTML tables from becoming too wide */
    width: 100%;
}
caption,th,td {font-weight: normal;text-align: left}
th {border-width: 0 1px 1px 0; font-weight: 800}
td {border-width: 0 1px 1px 0}
th,td {padding: 0.4375em}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
    color: #999;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}
:-moz-placeholder {
    color: #999;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}
::-moz-placeholder {
    color: #999;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    opacity: 1;
    /* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
    color: #999;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}

/* forms
----------------------------------------------------------------------------- */
.button, button, input,select,textarea {
    color: #707173;
    font-family: sans-serif;
    font-size: 14px;
    line-height: normal!important;
    padding: 0.4em 0.85em;
    border : 3px solid #fff;
    border-radius: 0
}

.button,
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
    background: none;
    color: #fff;
    letter-spacing: 0.046875em;
    text-align: center;
    vertical-align: top
}

.button {display: inline-block}

.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    color: #000;
    cursor: pointer;
}
.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    color: #000;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
    background: #fff;
    color: #686868;
    width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
    color: #1a1a1a;
    outline: 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    max-width: 100%
}

.post-password-form {margin-bottom: 1.75em}

.post-password-form label {
    color: #686868;
    display: block;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    letter-spacing: 0.076923077em;
    line-height: 1.6153846154;
    margin-bottom: 1.75em;
    text-transform: uppercase;
}
.post-password-form input[type="password"] {margin-top: 0.4375em}
.post-password-form > :last-child {margin-bottom: 0}

.search-form {position: relative}
input[type="search"].search-field {
    border-radius: 2px 0 0 2px;
    width: -webkit-calc(100% - 42px);
    width: calc(100% - 42px);
}
.search-submit:before {
    content: "\f400";
    font-size: 24px;
    left: 2px;
    line-height: 42px;
    position: relative;
    width: 40px;
}
.search-submit {
    border-radius: 0 2px 2px 0;
    bottom: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
}


/* Alignments
----------------------------------------------------------------------------- */
.alignleft {float: left;margin: 0.375em 1.75em 1.75em 0}
.alignright {float: right;margin: 0.375em 0 1.75em 1.75em}
.aligncenter {clear: both;display: block;margin: 0 auto 1.75em}
blockquote.alignleft {margin: 0.3157894737em 1.4736842105em 1.473684211em 0}
blockquote.alignright {margin: 0.3157894737em 0 1.473684211em 1.4736842105em}
blockquote.aligncenter {margin-bottom: 1.473684211em}


/* Clearings
----------------------------------------------------------------------------- */
.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
    content: "";
    display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
    clear: both;
}


/* Links
----------------------------------------------------------------------------- */

a {color: #fff; text-decoration: none}
a:hover,a:focus,a:active {color: #fff}
a:focus {outline: thin dotted}
a:hover,a:active {outline: 0}

.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover,
.nav-archive-event-filter ul li a:hover,
.menu-children-pages ul li a:hover,
.event-title a:hover {box-shadow: 0 1px 0 0 currentColor},
.pdf-title a:hover {box-shadow: 0 1px 0 0 currentColor}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.textwidget a:hover,
.textwidget a:focus {box-shadow: none; color: #000}


/* base theme
----------------------------------------------------------------------------- */
.site-main {
    padding: 2em; 
    background-color: #b5b5b5; 
    color: #fff
}
#page {position: relative; margin: 0 1em}

.site-content {position: relative; z-index:3; clear: both}

.site-title {float: left; padding: 1em 0}

.site-info, .site-info a {color: #5b5b5b!important; text-decoration: none}
.site-info {padding:0; margin: 1em 0}

.wrap-center {max-width: 980px; margin: 0 auto}

.more-link {white-space: nowrap}

.entry-header {position: relative; z-index: 1}

.entry-title a {text-decoration: none}
.entry-title a:hover {color: #000}
.entry-title {
    border-bottom: 3px solid #fff; 
    font-size: 18px; 
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.content-bottom .navigation h2,
.title-content-bottom {margin-bottom: 15px}
.navigation.content-bottom .page-numbers.current {color:#000; background-color: none}
.navigation.content-bottom .next.page-numbers {background-color: none}
.navigation.content-bottom .page-numbers {padding: 2px 10px; background-color: #888; color: #fff}
.navigation.content-bottom a.page-numbers:hover {color: #000}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
    margin: 0 0 1em;
}

[class*='title-post-'] {
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 3px solid #fff;
}

.bg-cover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-cover img {opacity: 0}

.edit-post-link {clear: both; margin-bottom: 1.75em!important; display: block /*temp debug spaces */}

.site .flexslider {border: 0; margin: 0; border-radius: 0; background: none}

.home #site-slide .flex-direction-nav {display: none}

#site-slide.flexslider .flex-direction-nav .flex-next {opacity: 0.7;right: 10px}
#site-slide.flexslider .flex-direction-nav .flex-prev {opacity: 0.7;left: 10px}
#site-slide.flexslider:hover .flex-direction-nav .flex-next {opacity: 1}
#site-slide.flexslider:hover .flex-direction-nav .flex-prev {opacity: 1}

.site .flex-direction-nav a {
    line-height: 1; 
    background: #e44155;
    text-align: center; 
    font-size: 10px
}
.site .flex-direction-nav a:before {
    font-size: 20px;
    display: block;
    line-height: 1.5;
}
.site .flex-control-nav {bottom: 0; margin-bottom: 1em}
.site .flex-control-nav a {background: #fff; border-radius: 0; outline: none}
.site .flex-control-nav a.flex-active,
.site .flex-control-nav a:hover{background: #e44155}

.post-links a {word-wrap: break-word}

.site-logo {height: 60px; width: 160px; max-width: inherit}

.content-top.without-posts {margin: -2em}
.content-top {padding: 2em; background-color: #707173; margin: -2em -2em 2em}
.content-bottom {padding: 2em; background-color: #707173; margin: 0 -2em -2em}
.content-bottom article {margin-bottom: 1em}
.content-bottom article:last-child {margin-bottom: 0}
.content-bottom .entry-title{
    border-bottom: 1px solid #fff;
    padding-bottom: 1em;
    margin: 0
}

.event-content .entry-header .event-date .pdf-date {
    float: right;
    background-color: #e44155;
    padding: 5px 10px;
    font-size: inherit;
    clear: both;
    display: inline-block;
    margin: 0 0 0 10px;
    text-transform: none;
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
}

.event-info {
    float: right;
    max-width: 40%;
    border: 1px solid #fff;
    padding: 1em;
    margin:0 0 1em 1em;
    background-color: #707173
}
.event-info p {margin: 10px 0}

.social-share {list-style: none; padding: 0; margin: 1em 0 0 0}
.social-share li {display: inline-block}
.social-share a {
    box-shadow: none; 
    background-color: #444; 
    margin: 5px 10px 5px; 
    padding: 2px 5px;
    display: block;
    width: 25px;
    text-align: center
}
.social-share a:first-child {margin-left: 0}
.social-share a:hover {background-color: #fff}

.wp-pagenavi {
    line-height: 2;
    padding: 2em 0 0;
    clear: both;
    text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {border-color: #fff}
.event-list-archive .wp-pagenavi {
    float: left;
    width: 100%;
    padding: 2em 0 0 2em
}

/* partners
----------------------------------------------------------------------------- */
#wrap-partners {
    overflow: hidden;
    margin-top: 1em
}

#partners {
    overflow: hidden;
    margin: -5px;
}
#partners li {
    float: left;
    padding: 0 10px;
    position: relative;
    width: 16.666666666666667%;
    height: 95px;
    vertical-align: super;
    overflow: hidden;
    border: 5px solid #fff;
    background: #fff;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px #ccc 
}
#partners li a, .wrap-thumb a {
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0
}

#partners img, .wrap-thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 95%;
    width: auto;
    height: auto;
    max-width: 95%;
    padding: 5px;
    background: #fff;
}
#wrap-partners .entry-title {margin:0; border:0}
#wrap-partners .entry-title a {color: #707173}
#wrap-partners .entry-title a:hover {color: #000}


article.list-links .entry-header {text-transform: none; clear: none; display: inline-block}
article.list-links .entry-header h3 a {box-shadow: none}
article.list-links .entry-header h3 {margin: 0.5em 0}
.page article.list-links {
    border-top: 1px solid #d1d1d1;
    padding: 1em 0 1.5em;
    overflow: hidden
}
article.list-links:last-child {padding-bottom: 0!important}
article.list-links .wrap-thumb {
    background: #fff;
    width: 200px;
    height: 100px;
    position: relative;
    margin-bottom: 0
}
.wrap-thumb a:hover, #partners li a:hover {box-shadow: inset 0 0 2px #000}


/* menu
----------------------------------------------------------------------------- */
.menu {text-align: right}
.menu ul {list-style: none;margin: 0}
.menu ul > li {display: inline-block; padding: 0 0 1em 2em}
.menu li {position: relative; text-align: left}
.menu a:hover {color: #000}
.menu a {
    color: #5b5b5b;
    display: block;
    outline-offset: -1px;
    padding: 0;
    font-weight: 400;
    font-size: 12px
}
.menu ul ul {
    background: rgba(255, 255, 255, 0.85);
    display: block;
    left: -999em;
    margin: 0;
    padding: 1em 2em 1em 0;
    position: absolute;
    z-index: 99999;
    box-shadow: 0px 3px 2px -1px rgba(0, 0, 0, 0.10);
}
.menu ul ul a {text-transform: inherit; border: 0; font-weight: 400}
.menu ul ul li {margin: 0}
.menu li:hover > ul, .menu li.focus > ul {left: 0;right:-2em}
.menu ul ul li:hover > ul,
.menu ul ul li.focus > ul {
    left: 100%;
    right: auto;
}

.main-navigation {margin-top: 3.5em}
.main-menu a {
    text-transform: uppercase;
    border-bottom: 3px solid #fff;
}
.main-menu .current-menu-item > a,
.main-menu  .current-menu-ancestor > a {font-weight: 800; color: #e44155; border-bottom-color: currentColor}

.top-navigation {background: #b5b5b5; margin: 0 -1em; padding: 0 1em}
.top-navigation a {color: #fff}
.top-navigation ul > li {padding: 0.5em 0 0.5em 1em}
.top-navigation ul ul {padding-top: 0; margin-top: 0.5em; background: #b5b5b5}
.top-navigation li:hover > ul, .menu li.focus > ul {right:-1em}
.menu .top-menu .current-menu-item > a,
.menu .top-menu  .current-menu-ancestor > a {color: #000}

.menu-children-pages ul {margin: 0; padding: 0; list-style: none}
.menu-children-pages li {margin: 0 0 1em}
.menu-children-pages li:last-child {margin-bottom: 0}
.menu-children-pages .children {margin-top: 1em}
.menu-children-pages ul li a {box-shadow: none}
.menu-children-pages ul li a:hover {color: #fff}
.menu-children-pages .current_page_item > a {font-weight: 800}

.menu-children-pages .current_page_item > a:before,
.nav-archive-event-filter h3:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 3px;
    background: #fff;
    margin: 0 5px 3px 0px;
}

.nav-mobile {
    display: none;
    background: #b5b5b5;
    padding: 1em;
    color: #fff;
    border: 0;
    font-weight: bold
}

.post-navigation a:hover {color: #000}
.post-navigation a {display: block}

.sitemap-list .page_item_has_children  {margin: 2em 0}
.sitemap-list li {margin: 10px 0}
.sitemap-list {margin: 0; list-style: none}
.sitemap-list li a {font-weight: 800; display: block}
.sitemap-list li li a {font-weight: normal}
.sitemap-list li li {margin-left: 1.25em}

.top-menu .lang-item a {outline: 0}
.top-menu .lang-item img {box-shadow: 0 0 0 1px #fff}
.top-menu .lang-item:hover img {box-shadow: 0 0 0 1px #000}


/* event archive filter
----------------------------------------------------------------------------- */

.nav-archive-event-filter ul {list-style: none; padding-left:5px}
.nav-archive-event-filter ul li {padding: 0.75em 0 0}
.nav-archive-event-filter ul li.current {font-weight: 800}

.nav-archive-event-filter select {width: 100%; margin: 0.5em 0 1.6em}
/*.select-event-filter-by-date {display: none}*/

.nav-archive-event-filter {
    float: left;
    width: 220px;
    margin-right: -100%;
    position: relative; 
    z-index: 2
}
.event-list-archive {
    float: left; 
    padding-left: 220px;
    margin-top: -1.5em;
    overflow: hidden;
    width: 100%
}
.event-list-archive article {
    float: left;
    width: 50%;
    height: 200px;
    border-color:#b5b5b5;
    border-style: solid;
    border-width: 2em 0 0 2em;
    background-color: #e44155;
    text-align: center
}


/* post thumbnail
----------------------------------------------------------------------------- */
.post-thumbnail img {
    width: 100%;
    display: block;
    height: auto;
    margin-bottom: -5%;
}


/* flexslider header
----------------------------------------------------------------------------- */
.home #site-slide .slides .slider.bg-cover {background-position: 50% 10%}

#site-slide {
    border:0; 
    margin: 0 auto;
    max-width: 980px;
    margin-bottom: 1em
}
#site-slide .slides {
    margin: 0;
    padding: 0;
    list-style: none;
}
#site-slide .slides .slider {overflow: hidden; min-height: 400px}

#site-slide .wrap-content {
    background-color: rgba(228, 65, 85, 0.85);
    width: 330px;
    max-width: 50%;
    color: #fff;
    margin: 4em 0;
    padding: 2em;
}
#site-slide .event-date {margin: 0}

#site-slide .wrap-more {text-align: right; margin: 2em 0 0}

#site-slide .slide-video, 
#site-slide .slide-video iframe {width: 100%; height: 400px; margin: 0}

#site-slide.slider-event .slider  {height: 600px}
.js #site-slide.slider-event .flex-viewport .wrap-content {display: none}
#site-slide.slider-event .flex-viewport li:nth-child(2) > .wrap-content  {display: block}
#site-slide.slider-event .slider.portrait {background-position-y: 20%}


/* embeds
----------------------------------------------------------------------------- */
embed,iframe,object,video {
    margin-bottom: 1.75em;
    max-width: 100%;
    vertical-align: middle;
}
p > embed,p > iframe,p > object,p > video {margin-bottom: 0;}

.post-videos {margin: 0 -5px 1.7em}
.post-videos .wrap-media-embed {
    position: relative;
    padding: 5px;
    margin: 0;
    width: 100%;
}
.post-videos .wrap-media-embed iframe {width: 100%; margin-bottom: 5px}


/* galleries
----------------------------------------------------------------------------- */
.gallery {margin: 0 -5px 1.75em}

.gallery-item {
    display: inline-block;
    max-width: 14.286%;
    padding: 5px;
    margin: 0;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-icon img {margin: 0 auto}
.gallery-caption {
    color: #686868;
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    line-height: 1.6153846154;
    padding-top: 0.5384615385em;
}


/* audio playlist
----------------------------------------------------------------------------- */
#main .wp-playlist a {box-shadow: none; outline: 0!important}
#main .wp-playlist .mejs-controls {background-color: #e44155}
#main .mejs-controls .mejs-time-rail .mejs-time-current {background-color: #fff}


/* contact form 7
----------------------------------------------------------------------------- */
div.wpcf7-response-output {margin: 0 0 1.75em; text-align: center; border: 0; color: #000; background-color: #fff}
div.wpcf7 .ajax-loader {
    background-color: #fff; 
    border-radius: 20px; 
    margin: 1em; 
    padding: 0;
}
.wpcf7-submit {margin-left: 0}
.wrap-submit {text-align: center; margin: 0}
.wpcf7-form-control-wrap.hidden {display: none}

input.wpcf7-captchar {display: inline-block; width: 215px}
.wpcf7-captcha-sep {font-weight: 600; display: inline-block; padding: 0 10px}

div.wpcf7-mail-sent-ok {background-color: #398f14}
div.wpcf7-mail-sent-ng {background-color: #ff0000}
div.wpcf7-spam-blocked {background-color: #ffa500}
div.wpcf7-validation-errors {background-color: #f7e700}


/* boxes
----------------------------------------------------------------------------- */
.home .site-main {overflow: hidden; background: none;  padding: 0}

.box-home {
    float: left;
    height: 400px;
    padding: 20px;
    width: 25%;
    margin: 0;
    font-size: 14px;
    overflow: hidden
}
.box-home h3 {overflow: hidden; font-size: 1em}
.box-home .wrap-scroll {
    overflow-y: auto;
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}

.box-presentation .wrap-scroll {height: 257px; overflow: hidden}
.box-presentation {background-color: #b5b5b5}
.box-presentation .entry-content h3 {text-align: left!important}
.box-presentation img {margin: 0 15px 0 0; width: 100px; height: auto; float: left!important}
.box-presentation .wrap-more-bt {text-align: right; margin: 10px 0 0 0}

.box-event-future .wrap-scroll {height: 290px}
.box-event-future {
    background-color: #707173;
    width: 28%; 
    box-sizing: border-box; 
    border-left: 15px solid #fff; 
    border-right: 15px solid #fff
}
.box-event-future p, 
.box-event-future .wpcf7-response-output {margin-bottom: 10px}
.box-event-future article {margin-bottom: 1.75em}
.box-event-future .form-newsletter h3 {margin-top: 0}


/***********************/

.box-event-archive {
    background-color: #707173;
    width: 22%; 
    box-sizing: border-box; 
}


.box-pdf .wrap-scroll {height: 290px}
.box-pdf {
    background-color: #707173;
    width: 25%; 
    box-sizing: border-box; 
    border-left: 15px solid #fff; 
    border-right: 0px solid #fff
}
.box-pdf p, 
.box-pdf .wpcf7-response-output {margin-bottom: 10px}
.box-pdf article {margin-bottom: 1.75em}
.box-pdf .form-newsletter h3 {margin-top: 0}



/************************/



.box-event-archive { background-color: #b5b5b5}
.box-event-archive, 
.event-list-archive {overflow: hidden}

.box-event-archive .slides a,
.event-list-archive article a{
    display: table;
    width: 100%;
    height: 100%; 
    background: rgba(228, 65, 85, 0.85); 
    opacity: 0; 
    padding: 1em;
    transition: opacity ease-in-out 0.4s;
    overflow: hidden;
    position: relative;
    z-index: 1;
    zoom: 1

}
.box-event-archive .slides a .wrap-content,
.event-list-archive article a .wrap-content {display: table-cell; vertical-align: middle}

.box-event-archive .slides a:hover,
.event-list-archive article a:hover,
.box-event-archive .read-more .bg-cover a,
.touchevents .box-event-archive .slides a,
.touchevents .event-list-archive article a{opacity: 1}

.event-title {font-weight: 400; font-size: 1em}
.event-date {font-size: 1.25em; font-weight: 600; display: block}

.form-newsletter input {width: 50%; margin-right: -4px}
.form-newsletter .wrap-response {
    margin: -0.75em 0 1em; 
    padding: 0 10px; 
    background-color: #fff;
    font-size: 13px
}
.form-newsletter .msg-error {color: red}
.form-newsletter .msg-success {color: green}
.form-newsletter h3 {margin: 1em 0 0.5em} 
.form-newsletter p:last-child {margin-bottom: 0}

.form-newsletter .wpcf7-not-valid-tip {display: none}

.form-newsletter span.ajax-loader {display: block; margin: 10px auto 0  auto}


/* flexslider archive events
------------------------------------------------------------------------- */
.no-js #slider-archive-events-vertical {height: 275px; overflow: hidden}
#slider-archive-events-vertical {margin: 2.5em 0}
#slider-archive-events-vertical .slides {
    list-style: none;
    text-align: center;
}
#slider-archive-events-vertical .flex-viewport {height: 275px!important}
#slider-archive-events-vertical .slides li {
    display: block;
    width: 100%;
    margin: 0;
    height: 145px;
}
#slider-archive-events-vertical .bg-cover {height: 130px; background-color: #e44155; position: relative; z-index: 1}
#slider-archive-events-vertical .slides li:last-child {margin-bottom: 0}
#slider-archive-events-vertical .flex-direction-nav a {opacity: 1!important; width: 25px; height: 25px; line-height: 1.65; background: none; outline: none}
#slider-archive-events-vertical .flex-direction-nav a:before {color: #fff; font-size: 16px; text-align: center}
#slider-archive-events-vertical .flex-direction-nav a:hover:before {color: #e44155}
#slider-archive-events-vertical .flex-control-nav {margin: 0; bottom: -45px}
#slider-archive-events-vertical .flex-disabled {opacity: 0; z-index: 1}
#slider-archive-events-vertical .flex-direction-nav a {
    right:0;
    left: 0; 
    margin: 0 auto;
    transform: rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
}
#slider-archive-events-vertical .flex-direction-nav .flex-next{
    top: auto;
    bottom: -30px;
}
#slider-archive-events-vertical .flex-direction-nav .flex-prev {
    top: -30px;
    bottom:auto;
}


/* animations
----------------------------------------------------------------------------- */
@keyframes fadein {
    0%   {opacity: 0}
    100% {opacity: 1}
}

/* Media Queries
----------------------------------------------------------------------------- */
@-ms-viewport {width: device-width}
@viewport {width: device-width}


@media screen and (min-width: 901px) {
    .box-event-future .form-newsletter input {width: 100%; text-align: center}
    .box-event-future .form-newsletter input[type="submit"] {margin-top: 10px}
}

@media screen and (max-width: 900px) {
    .box-home {float: none; width: auto}
    .box-home  h3 {overflow: initial}
    .box-presentation, .box-event-future {height: auto; margin-bottom: 1em}
    .box-event-future {border: 0}
    .box-home .wrap-scroll {height: auto}
    .box-event-archive {height: 515px}
    #slider-archive-events-vertical .flex-viewport {height: 385px!important}
    #slider-archive-events-vertical .slides li {height: 200px}
    #slider-archive-events-vertical .bg-cover {height: 185px}
}

@media screen and (max-width: 670px) {
    .box-event {float: none; width: 100%; margin: 0; height: auto}
    .box-event-future {height: auto}
    .box-event-future .wrap-scroll {height: auto}
}

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

    #site-slide .slides .slider {min-height: 300px; height: auto}

    .content-top.without-posts {margin: -1em}
    .content-top {margin: -1em -1em 1em}
    .content-bottom {margin: 1em -1em -1em}

    .site-title {float: none;  margin: 0}
    #masthead, .menu {text-align: center}
    .top-navigation ul > li {padding : 0.5em}

    .main-navigation {margin-top: 0}

    .nav-mobile {display: block; margin-bottom: 1em}
    .box-event-future {margin: 0 0 1em}    
    #site-navigation .main-menu {display: none}

    #site-slide .wrap-content,
    .site-main, 
    .content-top,
    .content-bottom,
    .box-event {padding: 1em}

    .post-videos .wrap-media-embed {max-width: 100%; display: block}
    .gallery-item {max-width: 25%}
    .wrap-submit {clear: both}
    .wpcf7-submit {width: 100%}
    div.wpcf7 img.ajax-loader {margin: 0}

    .event-list-archive {float: none; margin: 0 0 0 -1em; padding: 0; width: auto}
    .event-list-archive article {border-width: 1em 0 0 1em}
    .nav-archive-event-filter {
        float: none;
        margin: 0;
        width: auto
    }

    .event-content .entry-header .event-date {
        margin: 0 0 1em;
        float: none;
        display: block;
        text-align: center
    }

    #partners li {width: 33.333333333333333%}

    .page-template-page-links  .alignleft,
    .page-template-page-links  .alignright {
        margin-left: 0; 
        margin-right: 0; 
        display: block; 
        float: none; 
        width: 100%
    }
    .event-info {float: none; max-width: 100%; margin: 0 0 1em}

    article.list-links .wrap-thumb {width: 100%}
}


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

    input.wpcf7-captchar {width: 100%; margin-bottom: 5px}
    .wrap-captchar {text-align: center}

    .wrap-more .more-link {display: block}

    #site-slide .slides .wrap-content {max-width: 100%; width: 100%; height: 100%; margin: 0}
    #site-slide .slides .slider, 
    #site-slide .slides .wrap-content {min-height: 200px; height: auto}

    #site-slide.slider-event .slides .slider .wrap-content {display: none!important}

    #site-slide .flex-control-nav,
    #site-slide .flex-direction-nav {display: none}

    #site-slide .wrap-more {margin-top: 1em}

    .event-list-archive article {width: 100%}

    #slider-archive-events {padding: 0}
    #slider-archive-events .flex-direction-nav {display: none}

    .alignleft, .alignright {
        margin-left: 0; 
        margin-right: 0;
        display: block; 
        float: none; 
        width: 100%
    }

    .form-newsletter input {
        display: block; 
        width: 100%; 
        margin-right: 0; 
        text-align: center
    }
    .form-newsletter input[type="submit"] {margin-top: 1em}

    .event-list-archive .wp-pagenavi {padding: 0; padding: 1em 0 0 1em}
}

/* print
----------------------------------------------------------------------------- */
@media print {

    body {
        background: none !important; /* Brute force since user agents all print differently. */
        font-size: 10pt;
    }

    .event-info .info-ical {display: none}
    .social-share,
    .content-bottom,
    #wrap-partners, 
    .post-event-form, 
    .form-newsletter,
    #site-slide,
    #site-top-navigation,
    #site-navigation, 
    .wpcf7-recaptcha {display: none}

    .site-info,
    .site-title {float: none; text-align: center}
}

.link{
    display:inline-block;
    float: right;
    margin:0px auto;
    border:3px white solid;
}

.tx10{
    font-size: 90%;
}

/* WPDISCUZ
-----------------------------------------------------------------------------------*/

.wc_held_for_moderate{
    background-color: #ffe6e6;
}

p.wc_held_for_moderate{
    color: #ff0000;
}

input.wc_comm_submit{
    color: #000000;
}

div.wpdiscuz-subscribe-form-intro{
    color: #000000;
}

div.wpdiscuz_subscribe_status{
    color: #000000;
}

div.wpdiscuz_subscribe_status a{
    color: #000000;
}

/* 4TH COLUMN BUTTONS STYLING
------------------------------------------*/

.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .textwidget a, .entry-footer a:hover, .site-info a:hover, .nav-archive-event-filter ul li a:hover, .menu-children-pages ul li a:hover, .event-title a:hover {
    box-shadow: 0 0px 0 0 currentColor;
}


.wpcf7-form input[type="checkbox"]{
    width: inherit;
    margin-right: 10px;
}