/*
Theme Name: Dist
Description: Dist
Version: 1
Author: Dist
Author URI:

Tags: Responsive Layout, HTML5/CSS3/Responsive, Slider, widgets
*/

.videobx{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; padding-top: 30px;}
.videobx iframe,
.videobx object,
.videobx embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    margin: 0 0 10px 15px;
    display: inline;
}

img.alignleft {
    margin: 0 15px 10px 0;
    display: inline;
}

.alignright {
    float: right;
}

.older-posts, .newer-posts{margin: 20px 0; float: left}
.newer-posts{float: right}
.postNav a{ display:block; text-align:center; color:#1b1b1b; font-size:18px; line-height:54px;border:solid 1px #deace1; border-radius:2px; padding: 0 50px; position: relative}
.postNav a:before{position: absolute; top: 1px; display: block; font-family: FontAwesome}
.postNav .older-posts a:before{content: "\f177"; left: 10px}
.postNav .newer-posts a:before{content: "\f178"; right: 10px}
.postNav a:hover{ color:#fff; background:#deace1; border-color:#deace1;}

a.page-section-title{margin: 0}

.green .together-nav-item{border-color: #428b5b;}
.green .together-nav-link{color: #428b5b}
.green .together-nav-link:hover{background-color: #428b5b}
.green .page-section-content .page-title{color: #428b5b}

.pink .together-nav-item{border-color: #deace1;}
.pink .together-nav-link{color: #deace1}
.pink .together-nav-link:hover{background-color: #deace1}
.pink .page-section-content .page-title{color: #deace1}



/*--Site footer
=====================*/
.mainFooter .row{margin: 0 -10px;}
.mainFooter .col{width: 15%; float: left; padding: 0 10px;}

.mainFooter {text-align: center; padding: 20px 0; margin-top: 30px;}
.mainFooter p{font-size: 16px; color: #333; padding: 0; text-align: center;}
.mainFooter ul{list-style: none; margin: 0; padding: 0}
.mainFooter li{display: inline-block; padding: 0 10px; text-transform:none; position: relative; margin: 0 0 10px!important;}
.mainFooter li:before{display: block; height: 10px; content: '|'; color: #333; position: absolute; top: 1px; left: -6px}
.mainFooter li:first-child:before{content: ''}
.mainFooter li:first-child a{color: #333 font-size: 16px; text-decoration: none; text-transform:none; margin-bottom: 10px; font-weight: normal}
.mainFooter li:first-child a:hover, .mainFooter li.current-menu-item:first-child{color: #333}

.mainFooter li a{color: #337ab7; font-size: 16px}
.mainFooter li a:hover{color: #333}


.language a {
    background: #fff;
    color: #955a8b !important;
    padding: 5px !important;
    margin-top: 10px;
    border-radius: 3px;
}

.language a:hover {
    background: #955a8b !important;
    color: #fff !important;
}


/*--Popup
=====================*/

#article-finished.hiding { right: -550px; }

#article-finished { padding: 10px 20px; background-color: #955a8b; font-size: 15px; position: fixed; bottom: 100px; right: 0px; width: 350px; z-index:9999; opacity: 0.95; -webkit-transition: right 1.5s ease-in-out; -moz-transition: right 1.5s ease-in-out; -o-transition: right 1.5s ease-in-out; -ms-transition: right 1.5s ease-in-out; transition: right 1.5s ease-in-out; line-height: 25px; color: #fff; }
#article-finished a { color: #fff; text-decoration: underline; }
#article-finished a.popupButton { color: #955a8b; background: #fff; padding: 10px 15px; margin: 5px 0; line-height: 55px; text-decoration: none; font-size: 12px; font-weight: 700; }

@media only screen and (min-width: 0px) and (max-width: 680px) {
  #article-finished { display: none; }
}