/*
Theme Name: Grain d'Sel
Theme URI: 
Author: nibu.ch
Author URI: http://nibu.ch
Description: Thème pour le cinéma Grain d'Sel à Bex
Version: 1.0
Tags: Grain, de, sel, Bex


Domain path: /languages
*/

/* Clear */
.clear {
    clear: both
}

/*Main Class */

body {
    font-family: 'Source Sans Pro', sans-serif;
}

.sticky {
    color: #ffffff;
    background-color: #5cb85c !important;
    padding: 8px;
}

.aligncenter {
    display: block;
    margin: 0 auto 20px;
}

.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-caption {
    max-width: 100%;
    display: inline-block;
}

.wp-caption .wp-caption-text, .gallery-caption {
    padding: 0 9px 9px;
    text-align: center;
}

.wp-caption .wp-caption-text {
    padding-top: 9px;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.container a {
    color: #D21D00 !important;
}

.container-fluid {
    border-bottom: solid 1px ;
    border-bottom-color: #d6d6d6;
    border-top: solid 1px;
    border-top-color: #d6d6d6;
}

.navbar-default{
    background-color: transparent !important;
}

.navbar-default a{
    color: #000000 !important;
    text-transform: uppercase ;
}

.navbar {
    border-radius: 0 !important;
}


.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle  {
    background-color: #000 !important;
}


.navbar-inverse a.navbar-brand.active {
    color: #ffffff;
    background-color: #5cb85c !important;
}

.navbar-nav > .active > a {
    background-color: #D21D00 !important;
    color: #ffffff !important;
    font-weight:bold;
}

.carousel-indicators li.active {
    background-color: #5cb85c !important;
    color: #ffffff !important;
}

.navbar-inverse a {
    color: #fff !important;
}

#navbar {
    margin: 0 auto;
}

#navbar-sub {
    display: table !important;   /* Allow the centering to work */
    margin: 0 auto;
}


ul#horizontal-list {
    min-width: 400px;
    list-style: none;
}
ul#horizontal-list li {
    display: inline;
}
.current-menu-item a, .current_page_item a {
    color: #D21D00 !important;

}


#social {
    margin-top: 10px;
}

/*Comments */
.comments-link {
    width: 90px;
    height: 28px;
    float: right;
    margin-right: 3px;
    background-image: url(./images/post-comment.jpg);
    background-repeat: no-repeat;
    padding: 11px 0 0 50px;
}

.commentlist span {
    padding: 2px 10px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.commentlist .reply, .commentlist .cancel-comment {
    border: #ebc18f 1px solid;
    color: #ffffff;
    background-color: #5bb75b;
    *background-color: #51a351;
}

.count {
    float: right;
    padding: 10px;
    font-size: 18px;
    color: #000000;
}

.comments-area .bypostauthor span {
    position: absolute;
    margin-left: 5px;
    margin-left: 0.357142857rem;
    padding: 2px 5px;
    padding: 0.142857143rem 0.357142857rem;
    font-size: 10px;
    font-size: 0.714285714rem;
}

.comments-area .bypostauthor b {
    font-weight: bold;
}

ol.commentlist {
    margin: 0;
    padding: 0;
}

.commentlist li {
    list-style: none;
    margin-bottom: 14px;
}

.commentlist cite {
    padding: 8px;
    display: block;
    font-style: normal;
    background: url(./images/bg_comments2_cite.gif);
    border-top: 2px solid #d6e4c1;
    border-bottom: 1px solid #779d42;
    color: #596e3b;
}

.commentlist a:link, .commentlist a:visited {
    color: #000;
}

.commentlist a:hover, .commentlist a:active {
    color: #000;
}

.commentlist cite img {
    padding: 1px;
    border: 1px solid #aab59a;
    float: left;
    margin-right: 9px;
}

.commentlist .author, .comment-author {
    font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
    text-decoration: underline;
}

.commentlist .time {
    background: url(./images/bg_clock.gif) no-repeat 1px;
    padding-left: 20px;
}

.commenttext {
    background: #9bc561 url(./images/bg_comments2_text.jpg) repeat-x bottom;
    border-top: 1px solid #c5f386;
    padding: 0 20px 10px 20px;
    color: #fafcf6;
}

.commentlist cite .bypostauthor, .commentlist .edit {
    border: 1px solid #e18728;
}

/* Posts */
.post {
    background: #fff;
}

.post .glyphicon {
    margin-right: 5px;
}

.post-header-line {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 5px 0px 5px 15px;
    font-size: 12px;
}

.post-content {
    word-wrap: break-word;
    overflow: hidden;
}

.post-footer-line {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 5px 0px 5px 15px;
    font-size: 12px;
    margin-bottom: 10px;
}

/* Footer */
#footer {
    margin-top: 10px;
}

/* Related Posts */
.relatedposts {
    width: 640px;
    margin: 0 0 20px 0;
    float: left;
    font-size: 12px;
}

.relatedposts h3 {
    font-size: 20px;
    margin: 0 0 5px 0;
}

.relatedthumb {
    margin: 0 1px 0 1px;
    float: left;
}

.relatedthumb img {
    margin: 0 0 3px 0;
    padding: 0;
}

.relatedthumb a {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 4px;
    width: 150px;
}

.relatedthumb a:hover {
    background-color: #ddd;
    color: #000;
}

/* Sidebars */
.sidebar {
    background: #fff;
}

.sidebar ul li {
    list-style: none;
}

.sidebar h3 {
    background-color: #5cb85c;
    padding: 8px;
    color: #fff;
}

/* Back to Top */
#Top {
    display: none;
    postion: fixed;
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.fixed {
    position: fixed;
    top: 0;
    left: 20px;
    background: #fff;
}

/* Navbar Profile Style */
.profile-body {
    width: 400px;
    margin-left: 10px;
    padding: 4px;
}

/* Video Fix */
.post-content iframe,
.post-content embed {
    max-width: 100%;
}

/* Error templates */
.error-template {
    padding: 40px 15px;
    text-align: center;
}

.error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

.error-actions .btn {
    margin-right: 10px;
}

/* Fixed Navbar */
body.admin-bar .navbar-fixed-top {
    padding-top: 32px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #008000;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Submit Button Style */
#submit {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* Page Navigation */
ul.pgg {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    margin-right: 7px
}

ul.pgg li {
    line-height: 27px;
    height: 27px;
    float: left;
    display: block;
    margin-left: 5px
}

.Navigation {
    font-weight: bold;
    color: #000;
    background-color: #fff;
    margin: 0px;
    margin-bottom: 10px;
    padding: 4px;
    height: 30px;
}

.Navigation a {
    border: #38B63C 1px solid;
    padding: 2px 10px;
    color: #38B63C;
    text-decoration: none;
    background: #FFF;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.Navigation a:hover {
    border: #ebc18f 1px solid;
    color: #ffffff;
    background-color: #5bb75b;
}

.Navigation span {
    padding: 2px 10px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.Navigation a.sel, .Navigation span.sel {
    border: #ebc18f 1px solid;
    color: #ffffff;
    background-color: #5bb75b;
}

.author-box {
    padding: 8px;
    color: #fff;
    background-color: #5CB85C;
}

p.author-info {
    color: #fff;
    background-color: #428bca;
    padding: 8px;
}

.author-box a, .author-box a:link {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}

/* Calendar Link Today Link Colour*/
.widget_calendar caption {
    padding: 4px;
    font-weight: bold;
}

.widget_calendar td {
    text-align: center;
}

.widget_calendar td.bg-primary a {
    color: #fff;
    font-weight: bold;
}

h2.post-title {
    font-size: 16px;
    margin: 0 0 10px 0;

}

.home-post img {
    width: 150px;
    height: 195px;
}

.home-post {
    padding: 10px !important;
    border: solid 1px #d6d6d6;
    position: relative;
}

div#newsletter{
}

.end-footer {

    width: 100%;
    min-height: 200px;
    background: #000000;
    border-top: solid 1px #707070;
    color: #ffffff;
    padding: 10px 10% 0px 10%;
    display: table;
}

.footer-img {

    display: table;
    height: 20px;
    margin: auto;

}

.end-footer img {
    height : 80px;
    margin: 10px 20px;
    width: auto;
    text-align: center;
    align-content: center;
    float: left;

}

#header-logo img#logo {
    height: 100px;
    width: auto;
    margin: 0 auto;
}

.post-content div h2 {
    margin: 0 0 10px 0;
}

.post-img img {
    max-width: 100%;
    height: auto;
}
.event-img  {
    width: 20%;
    margin: 0 15px 15px 0;
}

.event-text  {
    width: 70%;
}
.event-img img {
    width: 100%;
    max-width: 90px ;
    min-width: 60px ;
    height: auto;
}

.event-post div {
    float: left;
}

.event-post {
    width: 100%;
    display: table;
}


#event-title {
    font-size: 18px;
    margin: 0 0 10px 0;
}

.title {
    text-align: center;
    margin: 0 0;
    background-image: url(./images/red.jpg);
    background-repeat: repeat-x;
    background-position: center;
}
.title h3 {
    font-size: 18px;
    font-weight : 200;
    margin: 10px 0;
    background-color: #ffffff;
    padding: 0 10px;
    color: #D21D00 ;
    display:inline-block;
}

.margin-title{
    margin: 0 15px;
}

.stripe-5 {
    color: white;
    background: linear-gradient(
            to bottom,
            #ffffff,
            #ffffff 95%,
            #D21D00 5%,
            #D21D00
    );
    background-size: 100% 55%;
}


.stripe-6 {
    color: white;
    background: linear-gradient(
            to bottom,
            #ffffff,
            #ffffff 94%,
            #D21D00 6%,
            #D21D00
    );
    background-size: 100% 55%;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.navbar-right a {
    color:#FFFFFF;

}

.schedule, .post-home-btn {
    float: left;
    width: 160px;
    font-weight: 200;
}

.home-post-image {

    float: left;
    margin-right: 10px;

}

.post-home-btn {

}

.movie-post {
    height: 280px;
}



.pink {
    color: #D21D00 !important;
}

img.ThreeD {
    height: 14px !important;
    width: auto;
}

#header-logo {
    margin: 10px 0 20px 0 ;
    width: 100%;
    text-align: center;
}

h3.collective {
    color: #000000 !important;
    font-size: 24px !important;
    font-weight: bold;
    font: Arial, Helvetica, sans-serif ;

}

div.movie-info {
    width: 100%;
    padding: 5px 10px;
    margin-bottom:  20px;

}
#header-newsletter {
    width: 200px;
    height: auto;
    float: right;
}
#header-newsletter img {
    width: 100%;
    height: auto;
    float: right;
    margin-top: 30px;
}
@media (max-width: 768px) {
    #header-newsletter {
        display: none;}


    .home-post img {
        width: 100px;
        height: 130px;
    }


}

.hide-mobile {
    display: inherit;
}

.hide-bigscreen {
    display: none;
}

@media (min-width: 1200px) {

    .hide-mobile {
        display: inherit !important;
    }

    .hide-bigscreen {
        display: none !important;
    }

    .movie-post {
        height: 280px !important;
    }
}


@media (min-width: 768px) {

    .movie-post {
        height: 280px;
    }

}


@media (min-width: 769px) {

    .movie-post {
        height: 280px;
    }

    .event-img  {
        margin: 0 15px 15px 0px !important;
    }

}
@media (min-width: 768px) {

    .hide-mobile {
        display: none;
    }

    .hide-bigscreen {
        display: inherit;
    }

    .event-img  {
        margin: 0 15px 15px 15px;
    }
    .event-text {
        padding-right: 15px;
    }

    .movie-post {
        display: table;
    }

}

@media (width: 768px) {

.movie-post {
    height: 200px;
}

}

@media (max-width: 767px) {

    .schedule, .post-home-btn {
        float: left;
        width: auto;
        font-weight: 200;
    }

    .home-post {
     margin-bottom: 15px;
    }

    .hide-mobile {
        display: none;
    }

    .hide-bigscreen {
        display: inherit;
    }


    .event-img  {
        margin: 0 15px 15px 15px;
    }
    .event-text {
        padding-right: 15px;
    }

    .movie-post {
        height: 200px;
    }

}



div#logo-facebook, div#logo-facebook img {
	margin: 39px 20px 0 0 !important;
	width: 40px;
	height: 40px;

	}
.footer-print {
    width: 100%;
    margin-top: 40px;
    text-align: center;
}
.footer-print b  {
    font-size: 20px;

}

.schedule-single {
    font-size: 16px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.action-movies{
    height: 35px !important;
    width: 35px !important;
    margin-left: 20px;
}

.action-buttons{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.affiche-big{
    width: 90%;
}