/*****************************************************
 Country Smallholding
 --------------------
 CSS Theme for Responsive Community Server
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Stylesheet for the responsive versions of Community Server Forums 1529
*****************************************************/

/* Lato */
@font-face {
  font-family: "lato";
  src: url("fonts/Lato-Lig.eot?#iefix") format("embedded-opentype"),
       url("fonts/Lato-Lig.woff") format("woff"),
       url("fonts/Lato-Lig.ttf") format("truetype"),
       url("fonts/Lato-Lig.svg#lato_lig") format("svg");
}

/* Open Sans Condensed Bold */
@font-face {
  font-family: 'opensanscondbold';
  src: url("fonts/OpenSans-CondBold-webfont.eot?#iefix") format("embedded-opentype"),
       url("fonts/OpenSans-CondBold-webfont.woff") format("woff"),
       url("fonts/OpenSans-CondBold-webfont.ttf") format("truetype"),
       url("fonts/OpenSans-CondBold-webfont.svg#lato_lig") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("fonts/glyphicons-halflings-regular.eot%3F%23iefix"),
       url("fonts/glyphicons-halflings-regular.woff") format("woff"),
       url("fonts/glyphicons-halflings-regular.ttf") format("truetype"),
       url("fonts/glyphicons-halflings-regular.svg") format("svg")
}

.cs-forum-content p,
.cs-forum-content span{
    color: inherit;
}


/*****************************************************
1 - Forum Header area
*****************************************************/

.cs-forum-content{
    margin: 10px;
}

.forum-general-header{
    overflow: auto;
    margin-bottom: 20px;
}

.cs-forum-content input{
    border: 1px #a0a0a0 solid;
}

.cs-forum-content .breadCrumb{
  margin: 0px 0px 20px 0px;
  background: #f0f0f0;
  padding: 5px;
}

@media (max-width: 728px) {
  .forum-general-header{
    text-align: center;
    
  }
  
  .forum-login-register{
    width: 100%;
    text-align: center;
    font-size: 120%;
    margin-bottom: 10px;
  }
  
  .forum-search-form{
    width: 100%
  }
  
  .forum-search-form input{
    width: 100%;
    max-width: 400px;
    height: 32px;
  }
  
}

/*****************************************************
2 - Generic forum parts
*****************************************************/

.cs-forum-content .forum-head{
  margin-bottom: 20px;
}

.cs-forum-content .forum-content{
  box-shadow: 0 8px 16px -16px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;  
}

.cs-forum-content .forum-login-register{
    float: right
}

.cs-forum-content .forum-search-form{
    float: left;
    margin-right: 20px;
}

.cs-forum-content .breadCrumb{
  clear: both;
  margin: 0px 0px 20px 0px;
  background: #f0f0f0;
  padding: 5px;
}

.cs-forum-content .forum-site-image{
    display:none;
}

/* Most things should have a space of 20px reserved underneath them */
.cs-forum-content .forum-link-bar,
.cs-forum-content .forum-buttons{
  margin-bottom: 20px;
}

.cs-forum-content .forum-search-popup{
  padding: 10px;
  background: rgba(0,0,0,0.2);
  border-radius: 0px 20px 20px 20px;
  box-shadow: 0 8px 16px -16px rgba(0, 0, 0, 0.2); 
}

.forum-header-row td{
    background: #f0f0f0;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}

.forum-group-name{
    background: #f0f0f0;
    padding: 10px;
}

/*****************************************************
3 - Forum Group View
*****************************************************/

.forum-group-item{
  margin-bottom: 20px;
}

/*****************************************************
4 - Forum View
*****************************************************/


/*****************************************************
5 - Thread View
*****************************************************/

.cs-thread-view .forum-post-table{
  background: #f5f5f5;
  margin-bottom: 20px;
}

.cs-thread-view .forum-post-table .post-title {
  padding: 5px;
}

.cs-thread-view .forum-post-table .post-title img{
  float: left;
  margin-right: 10px;
}

.cs-thread-view .forum-post-table .user-info {
  padding: 0px 5px;
}

.cs-thread-view .forum-post-table .post-user-details img{
  padding: 5px;
  background: #ffffff;
  border-radius: 10px;
}

.cs-thread-view .moderator-links{
   background: #ffcccc;
  border-radius: 5px;
  padding: 5px;
}

.cs-thread-view .moderator-links a{
   color: #ff0000;
}

.cs-thread-view .moderator-links a:hover{
   color: #ffffff;
}

.cs-thread-view .postText hr {
    border-top: 1px #a0a0a0 solid;
    margin: 15px 0;
    width: 100%;
}



/*****************************************************
6 - Forum Footer Area
*****************************************************/

.cs-forum-content .forum-footer{
  box-shadow: 0 8px 16px -16px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}

.cs-forum-content .forum-footer .forum-buttons{
  margin-bottom: 10px;
}

.cs-forum-content .forum-footer .forum-settings-panel{
  padding: 10px;
  background: rgba(0,0,0,0.2);
  border-radius: 0px 20px 20px 20px;
  margin-bottom: 10px;
  box-shadow: 0 8px 16px -16px rgba(0, 0, 0, 0.2);
}

.cs-forum-content .forum-footer .forum-pagination{
  margin-bottom: 10px;
}

.cs-forum-content .forum-footer .forum-pagination{
  margin-bottom: 10px;
}

.cs-forum-content .forum-pager{
  font-weight: bold;
  font-size: 15px;
}

.cs-forum-content .forum-footer .jump-drop-down-list{
  padding: 10px;
}

/*
Image sizes
*/

@media (min-width: 1024px) {
  .forum-container .postText img{
    max-width: 480px;
  }
}

@media (min-width: 786px) and (max-width: 1023px) {
  .forum-container .postText img{
    max-width: 500px;
  }
}

@media (min-width: 630px) and (max-width: 785px){
  .forum-container .postText img{
    max-width: 400px;
  }
}

@media (min-width: 400px) and (max-width: 629px){
  .forum-container .postText img{
    max-width: 200px;
  }
}

@media (max-width: 400px){
  .forum-container .postText img{
    max-width: 100px;
  }
  .forum-container .forum-post-table {
   font-size: 70%;
  }
}

/*****************************************************
7 - Colours
*****************************************************/

.forum-container .forum-group-name {
  background: #c2a379;
}

.forum-container .forum-group-name a{
  color: #ffffff;
}


.forum-container .forum-details .forum-name a,
.forum-container .announcement-details .announcement-name a,
.forum-container .thread-details a
{
  color: #404040;;
  font-size: 20px;
  font-family: "opensanscondbold",trebuchet,sans-serif;
}