source: main/kwarapoly.theme/trunk/kwarapoly/theme/browser/stylesheets/main.css @ 10866

/* Stylesheet for the 'KwaraPoly Theme' Plone theme */


.content-container img {
    border: 0px solid #E0E0E0;
    margin: 5px;
}

#partners-tile table{
        width:100%;
        height:100%;
        border-collapse:separate;
}
#partners-tile td div{
        padding-right:0%;
}
#partners-tile td{
        display:table-cell;
        vertical-align:middle;
        height:120px;
        text-align:center;
}

#partners-tile table tr td:first-child div{
        padding-left:0%;
        }
#partners-tile table tr td:last-of-type div{
        padding-right:0%;
        }
        
#partners-tile .title{
        display:none;
}


#content .documentDescription, #content #description {
    color: #333333;
    font-family: 'Open Sans',sans-serif;
    font-size:14px;
    margin-bottom:20px;
    font-weight:bold;
}

.image-left{
        margin-right:15px !important;
}
.image-right{
        margin-left:15px !important;
}

body#content ul, body#content ol {
    margin: 0 0 10px 25px !important;
    padding: 0;
}
body#content,
body#content h1,
body#content h2,
body#content h3,
body#content h4,
body#content h5{
    font-family: 'Open Sans',sans-serif;
}
body#content {
        color:#333;
        font-size:14px;
}

body#content h3 {
    color: #006633;
    font-size: 22.5px;
}
.mceIframeContainer iframe{
        height:400px !important;
}
.highlight{
        color: #006633;
        font-weight: bold;
        text-shadow: none;
}


#viewlet-below-content{
        display:block;
        clear:both;
}
#user-options{
        max-width:330px;
        text-align:right;
}


.label:empty, .badge:empty {
        display:inline-block;
}

#content div.newsImageContainer p.discreet {
    background-color: rgba(40, 40, 40, 0.7);
    color: White;
    font-weight: bold;
    left: 5px;
    margin: 0;
    padding: 0.5em;
    position: relative;
    top: -38px;
    width: 189px;
}


/** responsive Banners **/
@media(min-width:768px) and (max-width:979px){
#user-options{
                max-width:100%;
                width:auto;
                text-align:right;
        }

}
@media(max-width:767px){
        #user-options{
                max-width:100%;
                width:auto;
                text-align:right;
        }
        #partners-tile td {
                display: block;
                height: 150px;
                width:100%;
        }
        #partners-tile td div{
                padding:0px !important;
                margin:0px !important;
                text-align:center;
    }
}
@media(max-width:480px){
        .navbar-form input[type="text"] {
                width: 66%;
        }
}